:root {
  --bg: #070a12;
  --bg-soft: #0c101b;
  --surface: #111624;
  --surface-2: #171d2d;
  --ink: #0c1220;
  --text: #f7f8fc;
  --muted: #a9b0c1;
  --line: rgba(255,255,255,.11);
  --purple: #8247ff;
  --purple-2: #ad7bff;
  --blue: #376dff;
  --cyan: #4ac9ff;
  --green: #5ee6a8;
  --light: #f4f5f9;
  --dark-shadow: 0 30px 90px rgba(0,0,0,.38);
  --card-shadow: 0 28px 70px rgba(10,14,28,.12);
  --radius-lg: 32px;
  --radius-md: 22px;
  --shell: min(1180px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; color: var(--ink); background: var(--light); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { border: 0; cursor: pointer; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3, .brand { font-family: "Manrope", sans-serif; }
p { line-height: 1.75; }
.shell { width: var(--shell); margin-inline: auto; }
.section { position: relative; padding: 130px 0; }
.section-tight { padding: 0 0 110px; }

.skip-link { position: fixed; z-index: 9999; left: 18px; top: -80px; padding: 12px 18px; border-radius: 10px; color: #fff; background: var(--purple); transition: top .2s; }
.skip-link:focus { top: 18px; }
.scroll-progress { position: fixed; z-index: 999; top: 0; left: 0; width: 0; height: 3px; background: linear-gradient(90deg,var(--purple),var(--cyan)); box-shadow: 0 0 18px rgba(130,71,255,.8); }
.cursor-aura { position: fixed; z-index: 0; left: 0; top: 0; width: 380px; height: 380px; border-radius: 50%; opacity: 0; pointer-events: none; background: radial-gradient(circle,rgba(130,71,255,.11),transparent 67%); transform: translate3d(-500px,-500px,0); transition: opacity .3s; }
.cursor-aura.visible { opacity: 1; }

.preloader { position: fixed; z-index: 9999; inset: 0; display: grid; place-items: center; align-content: center; gap: 24px; background: #05070d; transition: opacity .55s ease, visibility .55s ease; }
.preloader.done { opacity: 0; visibility: hidden; }
.preloader-mark { width: 120px; animation: preloader-pop .8s cubic-bezier(.2,.8,.2,1) both; }
.preloader-line { overflow: hidden; width: 150px; height: 2px; border-radius: 2px; background: rgba(255,255,255,.1); }
.preloader-line i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--purple),var(--cyan)); transform-origin: left; animation: preloader-line .85s ease both; }
@keyframes preloader-pop { from { opacity: 0; transform: scale(.86) translateY(8px); } }
@keyframes preloader-line { from { transform: scaleX(0); } }

[data-reveal] { opacity: 0; transform: translateY(32px); transition: opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); }
[data-reveal][data-delay="1"] { transition-delay: .1s; }
[data-reveal][data-delay="2"] { transition-delay: .18s; }
[data-reveal][data-delay="3"] { transition-delay: .26s; }
[data-reveal].revealed { opacity: 1; transform: none; }

.site-header { position: fixed; z-index: 900; top: 0; left: 0; width: 100%; padding: 20px 0; transition: padding .3s ease, background .3s ease, border-color .3s ease, backdrop-filter .3s ease; }
.site-header.scrolled { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(6,9,16,.78); backdrop-filter: blur(20px); }
.nav { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-size: 1.15rem; font-weight: 800; letter-spacing: -.7px; white-space: nowrap; }
.brand img { width: 60px; height: 38px; object-fit: contain; filter: drop-shadow(0 8px 20px rgba(91,81,255,.32)); }
.brand > span > span { color: #7f8cff; }
.nav-links { display: flex; align-items: center; gap: 30px; padding: 11px 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.04); }
.nav-links a { position: relative; color: rgba(255,255,255,.62); font-size: .78rem; font-weight: 700; transition: color .2s; }
.nav-links a::after { content: ""; position: absolute; left: 50%; bottom: -12px; width: 4px; height: 4px; border-radius: 50%; background: var(--purple-2); opacity: 0; transform: translateX(-50%) scale(0); transition: .2s; }
.nav-links a:hover, .nav-links a.active { color: #fff; }
.nav-links a.active::after { opacity: 1; transform: translateX(-50%) scale(1); }
.nav-cta { display: inline-flex; align-items: center; gap: 12px; min-height: 45px; padding: 0 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 13px; color: #fff; background: linear-gradient(135deg,rgba(130,71,255,.92),rgba(55,109,255,.92)); box-shadow: 0 13px 34px rgba(80,59,226,.26); font-size: .77rem; font-weight: 800; transition: transform .2s, box-shadow .2s; }
.nav-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(80,59,226,.36); }
.menu-toggle { display: none; width: 45px; height: 45px; padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.06); }
.menu-toggle i { display: block; width: 100%; height: 2px; margin: 5px 0; background: #fff; transition: .25s; }

.hero { position: relative; min-height: 960px; overflow: hidden; padding: 170px 0 55px; color: #fff; background: var(--bg); isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 15% 24%,rgba(119,65,255,.12),transparent 28%),linear-gradient(180deg,transparent 75%,rgba(130,71,255,.08)); }
.hero-grid { position: absolute; z-index: -2; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom,#000,transparent 95%); }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.glow-one { width: 520px; height: 520px; right: -210px; top: 90px; background: radial-gradient(circle,rgba(74,99,255,.18),transparent 68%); }
.glow-two { width: 420px; height: 420px; left: 25%; bottom: -250px; background: radial-gradient(circle,rgba(132,71,255,.17),transparent 68%); }
.hero-layout { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 50px; }
.hero-copy { position: relative; z-index: 3; padding-bottom: 10px; }
.eyebrow, .kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 24px; color: #9da6ff; font-size: .72rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.eyebrow { padding: 9px 13px; border: 1px solid rgba(159,168,255,.2); border-radius: 999px; background: rgba(130,71,255,.07); letter-spacing: .75px; text-transform: none; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(94,230,168,.1); }
.hero h1 { max-width: 650px; font-size: clamp(3.4rem,5.45vw,5.55rem); line-height: .99; letter-spacing: -5.6px; }
.hero h1 span { display: block; color: transparent; background: linear-gradient(105deg,#b886ff 8%,#6f78ff 55%,#4ac9ff); background-size: 180% 100%; -webkit-background-clip: text; background-clip: text; animation: gradient-flow 7s linear infinite alternate; }
@keyframes gradient-flow { to { background-position: 100% 0; } }
.hero-copy > p { max-width: 590px; margin-top: 27px; color: rgba(255,255,255,.64); font-size: 1.02rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 55px; padding: 0 22px; border-radius: 15px; font-size: .82rem; font-weight: 800; transition: transform .22s, box-shadow .22s, background .22s; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: #fff; background: linear-gradient(135deg,var(--purple),var(--blue)); box-shadow: 0 18px 42px rgba(83,61,235,.32); }
.button-primary:hover { box-shadow: 0 24px 50px rgba(83,61,235,.43); }
.button-secondary { color: #fff; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.05); }
.button-secondary:hover { background: rgba(255,255,255,.09); }
.hero-proof { display: flex; align-items: center; gap: 14px; margin-top: 35px; }
.proof-avatars { display: flex; padding-left: 8px; }
.proof-avatars img { width: 38px; height: 38px; margin-left: -8px; border: 3px solid #090c15; border-radius: 50%; object-fit: cover; }
.hero-proof strong { display: block; color: #fff; font-size: .8rem; }
.hero-proof strong span { color: #ffd36b; font-size: .65rem; letter-spacing: 1px; }
.hero-proof small { color: rgba(255,255,255,.46); font-size: .68rem; }
.hero-art { position: relative; min-height: 590px; }
.hero-image-wrap { position: absolute; top: 5px; left: -25px; width: 740px; overflow: hidden; border: 1px solid rgba(138,120,255,.18); border-radius: 36px; background: #070b18; box-shadow: 0 45px 120px rgba(0,0,0,.55),0 0 80px rgba(87,68,255,.12); transform-style: preserve-3d; transition: transform .15s linear; }
.hero-image-wrap img { width: 100%; aspect-ratio: 1.599; object-fit: cover; }
.hero-image-wrap::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); pointer-events: none; }
.image-sheen { position: absolute; inset: -60% auto -60% -35%; width: 25%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); transform: rotate(18deg); animation: sheen 8s ease-in-out infinite; }
@keyframes sheen { 0%,58% { transform: translateX(-200%) rotate(18deg); } 78%,100% { transform: translateX(700%) rotate(18deg); } }
.float-chip { position: absolute; z-index: 4; display: flex; align-items: center; gap: 11px; min-width: 205px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(15,20,36,.74); box-shadow: 0 24px 55px rgba(0,0,0,.35); backdrop-filter: blur(18px); animation: float 4.5s ease-in-out infinite alternate; }
.float-chip i { width: 30px; height: 30px; border-radius: 10px; background: linear-gradient(135deg,var(--purple),var(--cyan)); box-shadow: 0 8px 22px rgba(98,70,255,.3); }
.float-chip small,.float-chip strong { display: block; }
.float-chip small { color: rgba(255,255,255,.46); font-size: .58rem; }
.float-chip strong { margin-top: 2px; color: #fff; font-size: .69rem; }
.chip-a { left: -42px; bottom: 47px; }
.chip-b { right: -18px; top: 35px; animation-delay: -.8s; }
.mini-check { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #07120e; background: var(--green); font-weight: 900; }
@keyframes float { to { transform: translateY(-9px); } }
.hero-orbit { position: absolute; z-index: -1; right: -80px; bottom: -25px; width: 240px; height: 240px; border: 1px solid rgba(129,104,255,.15); border-radius: 50%; animation: orbit-rotate 18s linear infinite; }
.hero-orbit i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--purple-2); box-shadow: 0 0 18px var(--purple); }
.hero-orbit i:nth-child(1) { left: 8px; top: 70px; }.hero-orbit i:nth-child(2) { right: 20px; top: 35px; }.hero-orbit i:nth-child(3) { left: 50%; bottom: -4px; }
@keyframes orbit-rotate { to { transform: rotate(360deg); } }
.hero-bottom { display: flex; align-items: center; gap: 35px; margin-top: 48px; padding-top: 27px; border-top: 1px solid rgba(255,255,255,.08); }
.hero-bottom p { color: rgba(255,255,255,.36); font-size: .67rem; text-transform: uppercase; letter-spacing: 1.4px; }
.hero-bottom > div { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; color: rgba(255,255,255,.64); font-size: .75rem; font-weight: 700; }
.hero-bottom i { width: 3px; height: 3px; border-radius: 50%; background: var(--purple-2); }

.marquee { overflow: hidden; padding: 16px 0; color: #fff; background: linear-gradient(90deg,#5736dc,#6447ff,#285eea); }
.marquee-track { display: flex; align-items: center; width: max-content; animation: marquee 30s linear infinite; }
.marquee span { padding: 0 22px; font-family: "Manrope",sans-serif; font-size: .68rem; font-weight: 800; letter-spacing: .9px; text-transform: uppercase; }
.marquee i { color: #83e8ff; font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }

.metrics { color: #fff; background: var(--bg); }
.metrics-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.09); border-radius: 0 0 28px 28px; background: rgba(255,255,255,.025); }
.metrics article { padding: 34px; border-right: 1px solid rgba(255,255,255,.08); }
.metrics article:last-child { border: 0; }
.metrics strong { display: block; font-family: "Manrope",sans-serif; font-size: 2rem; letter-spacing: -1.5px; }
.metrics span { display: block; margin-top: 6px; color: rgba(255,255,255,.42); font-size: .68rem; }

.section-head { display: grid; grid-template-columns: 1.1fr .65fr; align-items: end; gap: 90px; margin-bottom: 62px; }
.section-head.center { display: block; max-width: 760px; margin-inline: auto; text-align: center; }
.section-head.center p { max-width: 600px; margin: 22px auto 0; }
.section-head .kicker,.promise-copy .kicker,.faq-intro .kicker,.contact-copy .kicker { color: #6e50dd; }
.section-head h2,.promise-copy h2,.faq-intro h2,.contact-copy h2 { font-size: clamp(2.4rem,4.3vw,4.25rem); line-height: 1.05; letter-spacing: -4px; }
.section-head h2 span,.promise-copy h2 span,.faq-intro h2 span,.contact-copy h2 span { color: #7a58e7; }
.section-head p { color: #6f7582; font-size: .93rem; }
.section-head.light h2,.section-head.light p { color: #fff; }
.section-head.light h2 span { color: #9c87ff; }
.section-head.light p { color: rgba(255,255,255,.5); }

.services { background: #f4f5f9; }
.service-bento { display: grid; grid-template-columns: 1.05fr .95fr; gap: 20px; }
.service-card { position: relative; overflow: hidden; border: 1px solid rgba(18,25,44,.08); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--card-shadow); transition: transform .3s, box-shadow .3s; }
.service-card:hover { transform: translateY(-7px); box-shadow: 0 38px 85px rgba(10,14,28,.16); }
.service-feature { grid-row: span 2; }
.service-media { position: relative; overflow: hidden; height: 330px; background: #090d19; }
.service-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.service-card:hover .service-media img { transform: scale(1.035); }
.media-badge { position: absolute; left: 20px; top: 20px; display: flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #fff; background: rgba(8,12,23,.66); backdrop-filter: blur(14px); font-size: .6rem; font-weight: 800; }
.media-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(94,230,168,.12); }
.media-badge.blue i { background: var(--cyan); }
.service-body { padding: 32px; }
.service-number { margin-bottom: 14px; color: #8061e7; font-family: "Manrope",sans-serif; font-size: .68rem; font-weight: 800; letter-spacing: 1px; }
.service-card h3 { font-size: 1.65rem; letter-spacing: -1.5px; }
.service-card p { margin-top: 13px; color: #6e7481; font-size: .86rem; }
.service-card a { display: inline-flex; gap: 10px; margin-top: 24px; color: #4527bd; font-size: .76rem; font-weight: 800; }
.service-card a span { transition: transform .2s; }.service-card a:hover span { transform: translate(3px,-3px); }
.pill-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.pill-row span { padding: 7px 10px; border-radius: 999px; color: #5f6674; background: #f1effb; font-size: .58rem; font-weight: 800; }
.service-lms { display: grid; grid-template-columns: 1.07fr .93fr; min-height: 330px; color: #fff; background: #0b0f1b; }
.service-lms .service-media { height: 100%; order: 2; }
.service-lms .service-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#0b0f1b,transparent 40%); }
.service-lms .service-body { position: relative; z-index: 2; align-self: center; padding-right: 0; }
.service-lms p { color: rgba(255,255,255,.52); }
.service-lms a { color: #bba8ff; }
.service-small { min-height: 330px; padding: 32px; }
.service-small .service-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 30px; border: 1px solid rgba(130,71,255,.15); border-radius: 15px; color: #6f46e4; background: #f1edff; }
.service-icon svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.project-service { color: #fff; background: linear-gradient(145deg,#17132b,#0b101d); }
.project-service p { max-width: 360px; color: rgba(255,255,255,.53); }
.project-service a { color: #bba8ff; }
.project-service .service-icon { color: #c1b1ff; background: rgba(130,71,255,.13); }
.code-window { position: absolute; right: -22px; bottom: -28px; width: 220px; height: 145px; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: rgba(255,255,255,.055); transform: rotate(-4deg); }
.code-window i { display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 50%; background: #7e69d9; }
.code-window span { display: block; width: 75%; height: 5px; margin-top: 11px; border-radius: 9px; background: rgba(255,255,255,.15); }.code-window span:nth-of-type(2){width:55%;}.code-window span:nth-of-type(3){width:85%;}.code-window span:nth-of-type(4){width:42%;}
.cv-service { grid-column: 1 / -1; min-height: 280px; padding-right: 230px; background: linear-gradient(135deg,#fff,#eeecf9); }
.cv-service p { max-width: 610px; }
.cv-service > :not(.cv-mini) { position: relative; z-index: 1; }
.cv-mini { position: absolute; right: -5px; bottom: -28px; width: 160px; height: 205px; padding: 25px 20px; border-radius: 14px 14px 0 0; background: #fff; box-shadow: -12px -10px 42px rgba(57,44,112,.13); transform: rotate(7deg); }
.cv-mini b { display: block; width: 42px; height: 42px; margin-bottom: 18px; border-radius: 50%; background: linear-gradient(135deg,#ddd8f2,#8a72e8); }
.cv-mini i,.cv-mini span { display: block; height: 5px; margin: 8px 0; border-radius: 6px; background: #dddde6; }.cv-mini i:nth-of-type(1){width:72%;background:#8a72e8}.cv-mini i:nth-of-type(2){width:48%}.cv-mini i:nth-of-type(3){width:80%}.cv-mini span{width:92%;height:4px;background:#ebebf1}.cv-mini span:last-child{width:62%}

.work { overflow: hidden; color: #fff; background: #080b13; }
.work::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 66px 66px; }
.work-glow { position: absolute; right: -260px; top: 23%; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle,rgba(119,70,255,.16),transparent 68%); }
.work-stack { position: relative; display: grid; gap: 38px; }
.case-study { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; min-height: 520px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 34px; background: rgba(255,255,255,.035); box-shadow: var(--dark-shadow); }
.case-study.reverse { grid-template-columns: .85fr 1.15fr; }.case-study.reverse .case-visual { order: 2; }.case-study.reverse .case-copy { order: 1; }
.case-visual { position: relative; height: 100%; min-height: 520px; overflow: hidden; background: #101522; }
.case-visual::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg,transparent 65%,rgba(2,4,10,.7)); }
.case-visual > img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; transition: transform .8s ease; }
.case-study:hover .case-visual > img { transform: scale(1.035); }
.case-visual > span { position: absolute; z-index: 2; left: 24px; bottom: 22px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(7,10,18,.55); backdrop-filter: blur(12px); font-size: .6rem; font-weight: 800; }
.case-copy { padding: 55px; }
.case-index { color: #9d88ff; font-size: .65rem; font-weight: 800; letter-spacing: 1.4px; }
.case-copy h3 { max-width: 430px; margin-top: 18px; font-size: 2.55rem; line-height: 1.08; letter-spacing: -2.8px; }
.case-copy p { margin-top: 20px; color: rgba(255,255,255,.52); font-size: .9rem; }
.case-copy ul { display: grid; gap: 10px; padding: 0; margin: 25px 0 0; list-style: none; color: rgba(255,255,255,.73); font-size: .75rem; }
.case-copy li::before { content:"✓"; display:inline-grid; place-items:center; width:19px; height:19px; margin-right:9px; border-radius:50%; color:#0a1110; background:var(--green); font-size:.6rem; font-weight:900; }
.case-copy a { display: inline-flex; gap: 12px; margin-top: 30px; color: #fff; font-size: .78rem; font-weight: 800; }
.photo-visual > img { filter: saturate(.7) contrast(1.03); }
.cv-overlay { position: absolute; z-index: 2; right: 10%; top: 13%; width: 250px; height: 330px; padding: 32px; border-radius: 14px; color: #161a26; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.3); transform: rotate(5deg); }
.cv-overlay b { display:block;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#d6c9ff,#5e46c6); }.cv-overlay h4{margin:22px 0 15px;font-size:1rem}.cv-overlay i,.cv-overlay span{display:block;height:6px;margin:10px 0;border-radius:4px;background:#dfe1e8}.cv-overlay i:nth-of-type(1){width:80%;background:#7156de}.cv-overlay i:nth-of-type(2){width:55%}.cv-overlay i:nth-of-type(3){width:88%}.cv-overlay span{height:4px;background:#ececf1}.cv-overlay span:last-child{width:60%}

.promise { background: #f4f5f9; }
.promise-grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 90px; }
.promise-visual { position: relative; min-height: 600px; }
.promise-visual > img { width: 100%; height: 600px; object-fit: cover; border-radius: 34px; box-shadow: var(--card-shadow); }
.promise-card { position: absolute; right: -35px; bottom: 38px; display: flex; align-items: center; gap: 16px; width: 290px; padding: 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; color: #fff; background: rgba(10,14,25,.8); box-shadow: 0 25px 55px rgba(0,0,0,.25); backdrop-filter: blur(18px); }
.promise-card > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg,var(--purple),var(--blue)); font-family:"Manrope",sans-serif;font-weight:800; }
.promise-card strong,.promise-card small { display:block; }.promise-card strong{font-size:.78rem}.promise-card small{margin-top:4px;color:rgba(255,255,255,.47);font-size:.6rem;line-height:1.4}
.promise-copy > p { margin-top: 24px; color: #6f7582; font-size: .93rem; }
.promise-list { display: grid; gap: 0; margin-top: 38px; border-top: 1px solid #dcdfe6; }
.promise-list article { display: grid; grid-template-columns: 45px 1fr; gap: 16px; padding: 22px 0; border-bottom: 1px solid #dcdfe6; }
.promise-list article > span { color: #7856e2; font-family:"Manrope",sans-serif;font-size:.65rem;font-weight:800; }
.promise-list h3 { font-size: .96rem; letter-spacing: -.3px; }
.promise-list p { margin-top: 5px; color: #777d89; font-size: .77rem; }

.process { background: #fff; }
.process-line { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 36px; padding-top: 22px; }
.process-line::before,.process-progress { content:""; position:absolute; left:0; right:0; top:64px; height:1px; background:#dedfea; }
.process-progress { right:auto; width:0; height:2px; background:linear-gradient(90deg,var(--purple),var(--blue)); transition:width 1.5s cubic-bezier(.2,.7,.2,1); }
.process-line.active .process-progress { width:100%; }
.process-line article { position: relative; z-index:1; }
.process-line article > span { color:#7959df;font-size:.62rem;font-weight:800;letter-spacing:1px; }
.process-line article > i { display:block;width:14px;height:14px;margin:31px 0 30px;border:4px solid #fff;border-radius:50%;background:#c9cbd5;box-shadow:0 0 0 1px #c9cbd5;transition:background .3s .4s,box-shadow .3s .4s; }
.process-line.active article > i { background:var(--purple);box-shadow:0 0 0 1px var(--purple),0 0 0 7px rgba(130,71,255,.1); }
.process-line h3 { font-size:1.05rem;letter-spacing:-.5px; }
.process-line p { margin-top:10px;color:#737986;font-size:.77rem; }

.experts { background: #f4f5f9; }
.expert-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; max-width: 950px; margin: 0 auto; }
.expert-card { overflow:hidden;border:1px solid rgba(18,25,44,.09);border-radius:30px;background:#fff;box-shadow:var(--card-shadow);transition:transform .3s,box-shadow .3s; }
.expert-card:hover { transform:translateY(-7px);box-shadow:0 35px 78px rgba(12,17,33,.16); }
.expert-photo { position:relative;height:430px;overflow:hidden;background:#e9e9ef; }
.expert-photo img { width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s ease; }.expert-card:hover .expert-photo img{transform:scale(1.035)}
.expert-photo::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,10,18,.65)); }
.expert-photo > span { position:absolute;z-index:2;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;background:rgba(7,10,18,.55);backdrop-filter:blur(12px);font-size:.58rem;font-weight:800; }
.expert-photo > span i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(94,230,168,.13); }
.expert-info { padding:28px; }.expert-info small{color:#7659d7;font-size:.61rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.expert-info h3{margin-top:8px;font-size:1.55rem;letter-spacing:-1.2px}.expert-info p{margin-top:4px;color:#777d89;font-size:.72rem}.expert-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #e9e9ef}.expert-links a{padding:8px 11px;border-radius:9px;color:#555c69;background:#f2f2f7;font-size:.62rem;font-weight:800;transition:.2s}.expert-links a:hover{color:#fff;background:#7252dd}

.reviews { overflow:hidden;color:#fff;background:#080b13; }
.review-stage { position:relative;max-width:920px;margin:0 auto; }
.review-track { position:relative;min-height:330px; }
.review-card { position:absolute;inset:0;display:grid;grid-template-columns:auto 1fr;gap:32px;padding:46px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:var(--dark-shadow);opacity:0;transform:translateX(40px) scale(.98);pointer-events:none;transition:opacity .5s,transform .5s; }
.review-card.active { opacity:1;transform:none;pointer-events:auto; }
.review-person img,.review-initials { width:78px;height:78px;border:3px solid rgba(255,255,255,.12);border-radius:22px;object-fit:cover; }
.review-initials { display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--purple),var(--blue));font-weight:800; }
.review-content { position:relative; }.review-stars{color:#ffd56a;font-size:.72rem;letter-spacing:2px}.review-content blockquote{margin:18px 0 25px;font-family:"Manrope",sans-serif;font-size:clamp(1.2rem,2.3vw,1.85rem);font-weight:600;line-height:1.45;letter-spacing:-.9px}.review-meta strong,.review-meta span{display:block}.review-meta strong{font-size:.8rem}.review-meta span{margin-top:3px;color:rgba(255,255,255,.4);font-size:.65rem}.verified{position:absolute;right:0;bottom:0;color:#78e8b1;font-size:.61rem;font-weight:800}.review-arrow{position:absolute;z-index:5;top:50%;width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;background:#121725;transform:translateY(-50%);transition:.2s}.review-arrow:hover{background:var(--purple)}.review-arrow.prev{left:-75px}.review-arrow.next{right:-75px}.review-dots{display:flex;justify-content:center;gap:7px;margin-top:25px}.review-dots button{width:7px;height:7px;padding:0;border-radius:99px;background:rgba(255,255,255,.22);transition:.25s}.review-dots button.active{width:28px;background:var(--purple-2)}

.faq { background:#f4f5f9; }.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:start}.faq-intro{position:sticky;top:130px}.faq-intro p{margin-top:22px;color:#747a87;font-size:.88rem}.button-dark{margin-top:28px;color:#fff;background:#101522;box-shadow:0 18px 40px rgba(16,21,34,.17)}.faq-list{border-top:1px solid #d9dce3}.faq-item{border-bottom:1px solid #d9dce3}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;color:#151a27;background:none;text-align:left;font-weight:800}.faq-item button i{position:relative;width:28px;height:28px;flex:0 0 28px;border:1px solid #d2d4dd;border-radius:50%;transition:.25s}.faq-item button i::before,.faq-item button i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#4c5260;transform:translate(-50%,-50%);transition:.25s}.faq-item button i::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item.active button i{border-color:var(--purple);background:var(--purple)}.faq-item.active button i::before,.faq-item.active button i::after{background:#fff}.faq-item.active button i::after{transform:translate(-50%,-50%) rotate(0)}.faq-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-item>div p{overflow:hidden;color:#737986;font-size:.82rem}.faq-item.active>div{grid-template-rows:1fr}.faq-item.active>div p{padding-bottom:25px}

.contact { overflow:hidden;color:#fff;background:#080b13; }.contact::before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:65px 65px}.contact-orb{position:absolute;left:-250px;bottom:-250px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(130,71,255,.2),transparent 68%)}.contact-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:90px}.contact-copy h2{max-width:520px}.contact-copy h2 span{color:#a88cff}.contact-copy>p{max-width:520px;margin-top:24px;color:rgba(255,255,255,.52);font-size:.92rem}.contact-methods{display:grid;gap:10px;margin-top:37px}.contact-methods a{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:padding .2s}.contact-methods a:hover{padding-left:8px}.contact-methods span{color:rgba(255,255,255,.35);font-size:.65rem}.contact-methods strong{font-size:.75rem}.contact-methods i{color:#aa91ff;font-style:normal}.contact-form{padding:35px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:rgba(255,255,255,.055);box-shadow:var(--dark-shadow);backdrop-filter:blur(18px)}.form-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:27px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.1)}.form-heading span{font-family:"Manrope",sans-serif;font-size:1rem;font-weight:800}.form-heading i{color:#73e8af;font-size:.58rem;font-style:normal}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-form label{display:block;margin-bottom:13px}.contact-form label>span{display:block;margin-bottom:7px;color:rgba(255,255,255,.48);font-size:.61rem;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:12px;outline:none;color:#fff;background:rgba(255,255,255,.055);transition:border-color .2s,background .2s}.contact-form input,.contact-form select{height:48px;padding:0 14px}.contact-form textarea{resize:vertical;padding:13px 14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.25)}.contact-form select{color:rgba(255,255,255,.65)}.contact-form select option{color:#111;background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(157,135,255,.7);background:rgba(255,255,255,.08)}.submit{width:100%;border:0}.submit:disabled{cursor:wait;opacity:.7}.submit.is-loading .submit-arrow{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden-field{position:absolute!important;left:-9999px!important}.form-note{display:block;margin-top:13px;color:rgba(255,255,255,.32);font-size:.56rem;text-align:center}.form-status{margin-top:13px;padding:12px;border-radius:10px;font-size:.67rem;line-height:1.5}.form-status.success{color:#8ff0bb;background:rgba(56,197,125,.12)}.form-status.error{color:#ffb3b3;background:rgba(255,78,78,.1)}.form-status.preview{color:#b7c9ff;background:rgba(75,102,255,.12)}.form-status a{text-decoration:underline}

.footer{padding:75px 0 20px;color:#fff;background:#05070d}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:55px;padding-bottom:55px}.footer .brand img{width:72px}.footer-brand>p{max-width:330px;margin-top:17px;color:rgba(255,255,255,.42);font-size:.75rem}.availability{display:flex;align-items:center;gap:8px;margin-top:22px;color:rgba(255,255,255,.64);font-size:.62rem;font-weight:700}.availability i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(94,230,168,.1)}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer h3{margin-bottom:7px;font-size:.72rem}.footer-grid a,.footer-grid>div>span{color:rgba(255,255,255,.42);font-size:.67rem;transition:color .2s}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.3);font-size:.59rem}.mobile-actions{display:none}.back-top{position:fixed;z-index:850;right:30px;bottom:108px;width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#fff;background:rgba(15,19,31,.82);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.back-top.show{opacity:1;visibility:visible;transform:none}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.transformation{background:#fff}.transformation-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:80px}.transformation-copy .kicker{color:#6e50dd}.transformation-copy h2{font-size:clamp(2.4rem,4.3vw,4.15rem);line-height:1.05;letter-spacing:-4px}.transformation-copy h2 span{color:#7959df}.transformation-copy>p{margin-top:23px;color:#727886;font-size:.9rem}.transformation-copy>ul{display:grid;gap:0;padding:0;margin:32px 0 0;border-top:1px solid #e1e2e8;list-style:none}.transformation-copy>ul li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #e1e2e8}.transformation-copy>ul i{color:#7758db;font-size:.61rem;font-style:normal;font-weight:800}.transformation-copy>ul strong,.transformation-copy>ul small{display:block}.transformation-copy>ul strong{font-family:"Manrope",sans-serif;font-size:.82rem}.transformation-copy>ul small{margin-top:4px;color:#7a808c;font-size:.68rem}.comparison-wrap>p{margin-top:13px;color:#8a8f9a;font-size:.6rem;text-align:center;text-transform:uppercase;letter-spacing:1.1px}.comparison-frame{--split:50%;position:relative;overflow:hidden;aspect-ratio:1.42;border:1px solid #dfe1e8;border-radius:28px;background:#e9eaf0;box-shadow:0 35px 85px rgba(17,22,40,.16)}.compare-before,.compare-after{position:absolute;inset:0}.compare-before{display:grid;place-items:center;padding:40px;background:linear-gradient(145deg,#dadce4,#f4f4f6)}.compare-after{width:var(--split);overflow:hidden}.compare-after img{width:calc(100% * 100 / var(--split-number,50));max-width:none;height:100%;object-fit:cover;object-position:left center}.comparison-frame[style*="--split"] .compare-after img{width:100vw;max-width:670px}.compare-divider{position:absolute;z-index:4;left:var(--split);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(16,22,39,.12),0 0 22px rgba(0,0,0,.18);transform:translateX(-1px)}.compare-divider span{position:absolute;left:50%;top:50%;width:45px;height:45px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 10px 30px rgba(57,42,167,.35);transform:translate(-50%,-50%);font-weight:800}.comparison-frame>input{position:absolute;z-index:8;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-label{position:absolute;z-index:5;top:18px;padding:8px 11px;border-radius:999px;color:#fff;background:rgba(7,10,18,.7);backdrop-filter:blur(12px);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.before-label{left:18px}.after-label{right:18px}.basic-browser{width:100%;height:100%;overflow:hidden;border:1px solid #b9bcc7;border-radius:14px;background:#fff;box-shadow:0 15px 40px rgba(27,31,43,.12)}.basic-bar{height:27px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#e5e5e8}.basic-bar i{width:6px;height:6px;border-radius:50%;background:#aeb0b7}.basic-nav{height:48px;display:flex;align-items:center;gap:17px;padding:0 18px;border-bottom:1px solid #ececf0;color:#90939b;font-size:.46rem}.basic-nav b{margin-right:auto;color:#5d6068;font-size:.58rem}.basic-body{padding:45px 35px;text-align:center}.basic-body h3{color:#62656d;font-family:Arial,sans-serif;font-size:1.05rem;letter-spacing:0}.basic-body>p{width:75%;height:5px;margin:11px auto 0;border-radius:8px;background:#d9dae0}.basic-body>p:nth-of-type(2){width:52%}.basic-body>button{width:75px;height:25px;margin-top:19px;border-radius:2px;background:#8a8d94}.basic-body>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px}.basic-body>div i{height:70px;border:1px solid #d8d9df;background:#f2f2f4}

.pricing{overflow:hidden;color:#fff;background:#080b13}.pricing::before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:66px 66px}.pricing-glow{position:absolute;left:50%;top:-370px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(130,71,255,.19),transparent 68%);transform:translateX(-50%)}.pricing .shell{position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px}.price-card{position:relative;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:27px;background:rgba(255,255,255,.04);box-shadow:0 28px 75px rgba(0,0,0,.25);transition:transform .3s,border-color .3s,background .3s}.price-card:hover{transform:translateY(-7px);border-color:rgba(151,125,255,.4);background:rgba(255,255,255,.065)}.price-card.featured{border-color:rgba(151,125,255,.38);background:linear-gradient(145deg,rgba(130,71,255,.17),rgba(255,255,255,.045));box-shadow:0 32px 85px rgba(73,50,188,.17)}.price-tag{color:#9e89fa;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}.popular{position:absolute;right:17px;top:17px;padding:7px 10px;border-radius:999px;color:#07110d;background:var(--green);font-size:.52rem;font-weight:900}.price-card h3{margin-top:15px;font-size:1.55rem;letter-spacing:-1.2px}.price-card>p{min-height:95px;margin-top:13px;color:rgba(255,255,255,.48);font-size:.76rem}.price-card>strong{display:block;margin-top:21px;padding:17px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-family:"Manrope",sans-serif;font-size:1.05rem}.price-card>strong small{display:block;margin-top:3px;color:rgba(255,255,255,.35);font-family:"DM Sans",sans-serif;font-size:.56rem;font-weight:500}.price-card ul{display:grid;gap:10px;min-height:170px;padding:0;margin:23px 0 0;list-style:none;color:rgba(255,255,255,.69);font-size:.68rem}.price-card li::before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:8px;border-radius:50%;color:#07110d;background:var(--green);font-size:.5rem;font-weight:900}.price-card>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:25px;padding:0 16px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.05);font-size:.68rem;font-weight:800;transition:.2s}.price-card>a:hover{border-color:transparent;background:linear-gradient(135deg,var(--purple),var(--blue))}.included-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 30px;margin-top:20px;padding:19px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}.included-strip>span{color:rgba(255,255,255,.38);font-size:.58rem;text-transform:uppercase;letter-spacing:1px}.included-strip>div{color:rgba(255,255,255,.68);font-size:.63rem;font-weight:700}.included-strip i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;color:#07110d;background:var(--green);font-size:.5rem;font-style:normal;font-weight:900}

.smart-assistant{position:fixed;z-index:950;right:22px;bottom:22px}.assistant-launch{position:relative;display:flex;align-items:center;gap:11px;min-width:230px;padding:9px 14px 9px 9px;border:1px solid rgba(255,255,255,.13);border-radius:18px;color:#fff;background:rgba(10,14,25,.9);box-shadow:0 24px 65px rgba(0,0,0,.4);backdrop-filter:blur(18px);transition:transform .25s,box-shadow .25s}.assistant-launch:hover{transform:translateY(-4px);box-shadow:0 30px 75px rgba(0,0,0,.48)}.assistant-launch-icon{position:relative;width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#202744,#111625)}.assistant-launch-icon img{width:40px}.assistant-launch-icon i{position:absolute;right:-5px;bottom:-4px;padding:3px 4px;border:2px solid #111625;border-radius:6px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--blue));font-size:.46rem;font-style:normal;font-weight:900}.assistant-launch-copy{display:block;text-align:left}.assistant-launch-copy small,.assistant-launch-copy strong{display:block}.assistant-launch-copy small{color:rgba(255,255,255,.42);font-size:.54rem}.assistant-launch-copy strong{margin-top:2px;font-size:.7rem}.assistant-pulse{position:absolute;right:11px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(94,230,168,.3);animation:assistant-pulse 2s infinite}@keyframes assistant-pulse{70%{box-shadow:0 0 0 8px rgba(94,230,168,0)}}.assistant-panel{position:absolute;right:0;bottom:75px;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:25px;color:#fff;background:rgba(8,11,19,.97);box-shadow:0 38px 100px rgba(0,0,0,.58);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(18px) scale(.97);transform-origin:bottom right;transition:opacity .28s,visibility .28s,transform .28s}.assistant-panel.active{opacity:1;visibility:visible;transform:none}.assistant-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:16px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(130,71,255,.13),rgba(55,109,255,.07))}.assistant-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.07)}.assistant-avatar img{width:38px}.assistant-head strong,.assistant-head span{display:block}.assistant-head strong{font-size:.75rem}.assistant-head span{margin-top:3px;color:rgba(255,255,255,.42);font-size:.54rem}.assistant-head span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(94,230,168,.1)}.assistant-head>button{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.05);font-size:1.25rem}.assistant-messages{height:310px;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.assistant-message{max-width:88%;margin-bottom:11px}.assistant-message p{padding:11px 12px;border-radius:14px;font-size:.69rem;line-height:1.55}.assistant-message time{display:block;margin-top:4px;color:rgba(255,255,255,.28);font-size:.48rem}.assistant-message.bot p{border:1px solid rgba(255,255,255,.08);border-radius:6px 14px 14px 14px;background:rgba(255,255,255,.055)}.assistant-message.user{margin-left:auto;text-align:right}.assistant-message.user p{border-radius:14px 6px 14px 14px;background:linear-gradient(135deg,var(--purple),var(--blue));text-align:left}.assistant-message.typing p{display:flex;gap:4px;width:48px}.assistant-message.typing i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.65);animation:typing-dot 1s infinite}.assistant-message.typing i:nth-child(2){animation-delay:.15s}.assistant-message.typing i:nth-child(3){animation-delay:.3s}@keyframes typing-dot{50%{opacity:.3;transform:translateY(-2px)}}.assistant-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.assistant-quick button{padding:8px 9px;border:1px solid rgba(157,135,255,.2);border-radius:9px;color:#c6bbff;background:rgba(130,71,255,.07);font-size:.56rem;font-weight:700;transition:.2s}.assistant-quick button:hover{color:#fff;border-color:transparent;background:var(--purple)}.assistant-human{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 16px 10px;padding:10px 12px;border:1px solid rgba(94,230,168,.13);border-radius:11px;background:rgba(94,230,168,.055)}.assistant-human span,.assistant-human strong{display:block}.assistant-human span{color:rgba(255,255,255,.4);font-size:.5rem}.assistant-human strong{color:#77eeb0;font-size:.56rem}.assistant-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08)}.assistant-form input{height:43px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:11px;outline:none;color:#fff;background:rgba(255,255,255,.055);font-size:.65rem}.assistant-form input::placeholder{color:rgba(255,255,255,.28)}.assistant-form input:focus{border-color:rgba(157,135,255,.65)}.assistant-form button{width:43px;height:43px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--blue));font-weight:900}.assistant-note{padding:0 16px 11px;color:rgba(255,255,255,.25);font-size:.47rem;text-align:center}.smart-assistant.open .assistant-launch{min-width:58px;width:58px}.smart-assistant.open .assistant-launch-copy,.smart-assistant.open .assistant-pulse{display:none}

.comparison-frame .compare-after{width:auto;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-frame .compare-after img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center}

@media (max-width: 1120px) {
  :root { --shell: min(100% - 40px, 1050px); }
  .nav-links { gap: 20px; }
  .hero { min-height: 880px; }
  .hero-layout { grid-template-columns: .9fr 1.1fr; gap: 25px; }
  .hero-image-wrap { left: 0; width: 650px; }
  .hero-art { min-height: 520px; }
  .chip-a { left: -15px; }.chip-b{right:-5px}
  .service-lms { grid-template-columns: 1fr; }.service-lms .service-media{position:absolute;inset:0;opacity:.48}.service-lms .service-body{padding:32px;align-self:end}.service-lms .service-media::after{background:linear-gradient(0deg,#0b0f1b,transparent 70%)}
  .review-arrow.prev{left:15px}.review-arrow.next{right:15px}
}

@media (max-width: 920px) {
  .section { padding: 100px 0; }
  .nav-cta { display:none; }.menu-toggle{display:block}.nav-links{position:fixed;inset:82px 20px auto;display:grid;gap:0;padding:18px;border-radius:20px;background:rgba(7,10,18,.97);box-shadow:0 30px 70px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-14px);transition:.25s}.nav-links.active{opacity:1;visibility:visible;transform:none}.nav-links a{padding:15px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.85rem}.nav-links a:last-child{border:0}.nav-links a::after{display:none}.menu-toggle.active i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active i:nth-child(2){opacity:0}.menu-toggle.active i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero { min-height:auto;padding-top:145px; }.hero-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-art{min-height:590px;margin-top:30px}.hero-image-wrap{left:50%;width:min(760px,100%);transform:translateX(-50%)!important}.chip-a{left:3%;bottom:20px}.chip-b{right:3%;top:20px}.hero-bottom{justify-content:center;flex-wrap:wrap;text-align:center}.hero-bottom>div{justify-content:center}
  .metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
  .section-head{grid-template-columns:1fr;gap:20px}.section-head p{max-width:620px}.service-bento{grid-template-columns:1fr}.service-feature{grid-row:auto}.service-lms{min-height:440px}.service-small{min-height:300px}.cv-service{grid-column:auto;padding-right:220px}
  .case-study,.case-study.reverse{grid-template-columns:1fr}.case-study.reverse .case-visual,.case-study.reverse .case-copy{order:initial}.case-visual,.case-visual>img{min-height:440px}.case-copy{padding:40px}.promise-grid{grid-template-columns:1fr;gap:65px}.promise-visual,.promise-visual>img{min-height:500px;height:500px}.promise-card{right:20px}.process-line{grid-template-columns:repeat(2,1fr);gap:50px}.process-line::before,.process-progress{display:none}.process-line article>i{margin:15px 0 18px}.expert-photo{height:380px}.faq-grid,.contact-grid{grid-template-columns:1fr;gap:60px}.faq-intro{position:static}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:30px}
}

@media (max-width: 650px) {
  :root { --shell: calc(100% - 28px); --radius-lg: 24px; }
  html { scroll-padding-top: 80px; }
  .section { padding: 78px 0; }
  .site-header{padding:13px 0}.brand{font-size:1.02rem}.brand img{width:52px;height:34px}.nav-links{inset:72px 14px auto}
  .preloader-mark{width:95px}
  .hero{padding:120px 0 38px}.eyebrow{font-size:.61rem}.hero h1{font-size:clamp(2.8rem,14vw,4.1rem);letter-spacing:-4px}.hero-copy>p{font-size:.87rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-art{min-height:315px}.hero-image-wrap{border-radius:24px}.float-chip{min-width:auto;padding:10px}.float-chip i,.mini-check{width:27px;height:27px}.float-chip small{display:none}.float-chip strong{font-size:.6rem}.chip-a{left:2%;bottom:7px}.chip-b{right:2%;top:5px}.hero-orbit{display:none}.hero-bottom{margin-top:24px}.hero-bottom p{width:100%}.hero-bottom>div{gap:10px;font-size:.63rem}
  .marquee{padding:13px 0}.marquee span{padding:0 15px;font-size:.58rem}
  .section-tight{padding-bottom:75px}.metrics-grid{border-radius:0 0 20px 20px}.metrics article{padding:23px 18px}.metrics strong{font-size:1.5rem}.metrics span{font-size:.58rem}
  .section-head{margin-bottom:38px}.section-head h2,.promise-copy h2,.faq-intro h2,.contact-copy h2{font-size:clamp(2.25rem,11vw,3.1rem);letter-spacing:-3px}.section-head p{font-size:.82rem}
  .service-media{height:240px}.service-body,.service-small{padding:24px}.service-card h3{font-size:1.38rem}.service-card p{font-size:.78rem}.service-lms{min-height:390px}.service-small{min-height:310px}.cv-service{padding-right:24px}.code-window,.cv-mini{opacity:.3}
  .case-study{border-radius:24px}.case-visual,.case-visual>img{min-height:300px}.case-copy{padding:28px}.case-copy h3{font-size:2rem}.case-copy p{font-size:.8rem}.case-copy ul{font-size:.7rem}.cv-overlay{right:7%;top:10%;width:160px;height:220px;padding:20px}.cv-overlay b{width:35px;height:35px}.cv-overlay h4{margin:13px 0 8px;font-size:.7rem}.cv-overlay i,.cv-overlay span{height:4px;margin:7px 0}
  .promise-visual,.promise-visual>img{min-height:390px;height:390px;border-radius:24px}.promise-card{left:15px;right:15px;bottom:15px;width:auto}.promise-list article{grid-template-columns:35px 1fr}.process-line{grid-template-columns:1fr;gap:27px;padding-left:20px;border-left:1px solid #dddfea}.process-line article>i{position:absolute;left:-27px;top:3px;margin:0}.expert-grid{grid-template-columns:1fr}.expert-photo{height:410px}.expert-info{padding:24px}
  .review-track{min-height:450px}.review-card{grid-template-columns:1fr;align-content:start;gap:20px;padding:28px}.review-person img,.review-initials{width:62px;height:62px;border-radius:18px}.review-content blockquote{font-size:1.12rem}.verified{position:static;display:block;margin-top:18px}.review-arrow{top:auto;bottom:16px;width:40px;height:40px;transform:none}.review-arrow.prev{left:auto;right:64px}.review-arrow.next{right:16px}.review-dots{margin-top:18px}
  .faq-intro p{font-size:.8rem}.faq-item button{padding:20px 0;font-size:.82rem}.faq-item>div p{font-size:.75rem}
  .contact-grid{gap:45px}.contact-copy>p{font-size:.82rem}.contact-methods a{grid-template-columns:60px 1fr auto}.contact-methods strong{font-size:.65rem}.contact-form{padding:23px;border-radius:22px}.form-row{grid-template-columns:1fr}.form-heading{display:block}.form-heading i{display:block;margin-top:5px}.footer{padding-bottom:88px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block;text-align:center}.footer-bottom p+ p{margin-top:6px}.mobile-actions{position:fixed;z-index:890;left:10px;right:10px;bottom:9px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(7,10,18,.9);box-shadow:0 16px 50px rgba(0,0,0,.4);backdrop-filter:blur(17px)}.mobile-actions a{display:grid;place-items:center;min-height:49px;border-radius:12px;color:#fff;background:rgba(255,255,255,.07);font-size:.56rem}.mobile-actions a:last-child{background:linear-gradient(135deg,var(--purple),var(--blue))}.mobile-actions span,.mobile-actions strong{display:block}.mobile-actions span{color:rgba(255,255,255,.55);font-weight:500}.mobile-actions strong{margin-top:2px;font-size:.66rem}.back-top{display:none}
}

@media (max-width: 390px) {
  .hero h1 { font-size: 2.65rem; }
  .hero-art { min-height: 270px; }
  .float-chip { display: none; }
  .expert-photo { height: 360px; }
  .footer-grid { grid-template-columns: 1fr; }.footer-brand,.footer-grid>div:last-child{grid-column:auto}
}

@media (max-width: 920px) {
  .transformation-grid{grid-template-columns:1fr;gap:55px}
  .comparison-wrap{width:min(100%,720px);margin-inline:auto}
  .pricing-grid{grid-template-columns:1fr;max-width:680px;margin-inline:auto}
  .price-card>p,.price-card ul{min-height:0}
}

@media (max-width: 650px) {
  .transformation-copy h2{font-size:clamp(2.25rem,11vw,3.1rem);letter-spacing:-3px}
  .comparison-frame{aspect-ratio:1.15;border-radius:21px}
  .compare-before{padding:19px}.basic-nav span{display:none}.basic-body{padding:35px 17px}.basic-body>div{margin-top:25px}.basic-body>div i{height:48px}
  .price-card{padding:24px;border-radius:22px}.price-card>p{min-height:0}.price-card ul{min-height:0}.included-strip{justify-content:flex-start;gap:13px}.included-strip>span{width:100%}
  .smart-assistant{right:10px;bottom:82px}
  .assistant-launch{min-width:58px;width:58px;padding:6px}
  .assistant-launch-copy,.assistant-pulse{display:none}
  .assistant-panel{right:0;bottom:67px;width:calc(100vw - 20px);max-height:calc(100vh - 165px);border-radius:22px}
  .assistant-messages{height:clamp(190px,35vh,280px)}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
  [data-reveal] { opacity: 1; transform: none; }
}

/* V6 balanced light refinement: keep the hero/contact/footer dramatic while
   making the main content easier and brighter to read. */
.brand img {
  border-radius: 10px;
  background: #07112a;
}

.preloader-mark img {
  width: 100%;
  padding: 6px;
  border-radius: 14px;
  background: #fff;
}

.work {
  color: #111827;
  background: linear-gradient(180deg, #f8faff 0%, #eef3fb 100%);
}
.work-glow { opacity: .34; }
.work .section-head.light h2 { color: #111827; }
.work .section-head.light h2 span { color: #7254df; }
.work .section-head.light p { color: #687386; }
.work .case-study {
  border-color: #dde4f0;
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 70px rgba(31,43,72,.11);
}
.work .case-copy p { color: #687386; }
.work .case-copy ul { color: #3e495b; }
.work .case-copy a { color: #6246d9; }

.pricing {
  color: #111827;
  background: linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%);
}
.pricing::before {
  opacity: .65;
  background-image: linear-gradient(rgba(16,24,40,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.035) 1px,transparent 1px);
}
.pricing-glow { background: radial-gradient(circle,rgba(130,71,255,.12),transparent 68%); }
.pricing .section-head.light h2 { color: #111827; }
.pricing .section-head.light h2 span { color: #7254df; }
.pricing .section-head.light p { color: #687386; }
.price-card {
  border-color: #e0e5ef;
  color: #111827;
  background: rgba(255,255,255,.96);
  box-shadow: 0 22px 58px rgba(31,43,72,.1);
}
.price-card:hover {
  border-color: rgba(114,84,223,.38);
  background: #fff;
}
.price-card.featured {
  border-color: rgba(114,84,223,.3);
  background: linear-gradient(145deg,#f4f0ff,#eef7ff);
  box-shadow: 0 28px 70px rgba(83,67,175,.15);
}
.price-card>p,
.price-card>strong small,
.price-card ul { color: #687386; }
.price-card>strong { border-color: #e4e8f0; }
.price-card>a {
  border-color: #ddd8f8;
  color: #5f43d2;
  background: #f5f2ff;
}
.price-card>a:hover { color: #fff; }
.included-strip {
  border-color: #e0e5ef;
  background: rgba(255,255,255,.9);
  box-shadow: 0 14px 35px rgba(31,43,72,.07);
}
.included-strip>span { color: #7a8495; }
.included-strip>div { color: #3e495b; }

/* V7 premium layout system
   Consistent ratios keep UI screenshots readable and every card aligned. */
:root {
  --shell: min(1240px, calc(100% - 56px));
  --radius-lg: 28px;
}

.section { padding: 112px 0; }
.section-head { gap: 70px; margin-bottom: 52px; }
.site-header { padding: 14px 0; }
.site-header.scrolled { padding: 9px 0; }
.nav { gap: 24px; }
.nav-links { gap: 22px; padding: 10px 18px; }
.nav-links a { font-size: .72rem; }
.nav-cta { min-height: 43px; }

.hero {
  min-height: 820px;
  padding: 150px 0 46px;
}
.hero-layout {
  grid-template-columns: minmax(0, .44fr) minmax(0, .56fr);
  gap: 54px;
}
.hero-copy { padding: 0; }
.hero h1 {
  max-width: 590px;
  font-size: clamp(3.15rem, 4.5vw, 4.8rem);
  line-height: 1;
  letter-spacing: -4.6px;
}
.hero-copy > p {
  max-width: 535px;
  margin-top: 23px;
  font-size: .96rem;
}
.hero-actions { margin-top: 29px; }
.hero-proof { margin-top: 29px; }
.hero-art {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 0;
}
.hero-image-wrap {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 28px;
}
.hero-image-wrap img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
}
.chip-a { left: -24px; bottom: 34px; }
.chip-b { right: -12px; top: 26px; }
.float-chip { min-width: 188px; padding: 11px 13px; }
.hero-bottom { margin-top: 38px; padding-top: 23px; }

.services {
  background: linear-gradient(180deg, #f7f9fc 0%, #eef2f8 100%);
}
.service-grid-v7 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.service-showcase {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-color: #dfe5ef;
  box-shadow: 0 22px 55px rgba(29, 42, 72, .09);
}
.service-showcase:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 68px rgba(29, 42, 72, .14);
}
.service-showcase .service-media {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
}
.service-media-ui {
  padding: 38px 18px 18px;
  background: linear-gradient(145deg, #e8edf6, #f6f8fc);
}
.service-media-ui img {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 35, 58, .1);
  border-radius: 13px;
  object-fit: contain;
  background: #fff;
  box-shadow: 0 16px 34px rgba(35, 49, 79, .14);
}
.service-showcase:hover .service-media-ui img { transform: translateY(-3px); }
.service-media-photo { padding: 0; background: #dfe6ef; }
.service-media-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.preview-dots {
  position: absolute;
  z-index: 2;
  top: 17px;
  left: 20px;
  display: flex;
  gap: 5px;
}
.preview-dots i { width: 6px; height: 6px; border-radius: 50%; background: #b8c1d0; }
.preview-dots i:first-child { background: #8061e7; }
.service-showcase .media-badge { top: 12px; right: 15px; left: auto; padding: 7px 10px; }
.media-badge.violet i { background: #a47cff; }
.media-badge.cyan i { background: #4ac9ff; }
.service-showcase .service-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px;
}
.service-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  color: #8a93a3;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.service-meta .service-number { margin: 0; color: #7254df; }
.service-showcase h3 { font-size: 1.55rem; }
.service-showcase p { max-width: 500px; font-size: .83rem; }
.service-showcase .pill-row { margin-top: 16px; }
.service-showcase .service-body > a {
  margin-top: auto;
  padding-top: 24px;
}

.work { padding-block: 112px; }
.work-stack { gap: 28px; }
.work .case-study {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  min-height: 480px;
  border-radius: 28px;
}
.work .case-study.reverse { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); }
.work .case-visual {
  min-height: 480px;
  padding: 28px;
  background: linear-gradient(145deg, #e8edf6, #f8faff);
}
.work .case-visual::after { display: none; }
.work .case-visual > img {
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 1px solid rgba(25, 35, 58, .1);
  border-radius: 16px;
  object-fit: contain;
  background: #fff;
  box-shadow: 0 18px 38px rgba(35, 49, 79, .15);
}
.work .case-study:hover .case-visual > img { transform: translateY(-4px); }
.work .case-visual > span {
  left: 42px;
  bottom: 42px;
  border-color: rgba(13, 20, 35, .09);
  color: #fff;
  background: rgba(9, 14, 27, .78);
}
.work .case-copy { padding: 48px; }
.work .case-copy h3 { margin-top: 15px; font-size: 2.3rem; letter-spacing: -2.3px; }
.work .case-copy p { margin-top: 17px; font-size: .86rem; }
.work .case-copy ul { margin-top: 22px; }
.work .case-copy a { margin-top: 26px; }

.career-banner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  min-height: 360px;
  overflow: hidden;
  border: 1px solid #dfe4ee;
  border-radius: 28px;
  background: linear-gradient(135deg, #ffffff, #f0edff);
  box-shadow: 0 24px 65px rgba(31, 43, 72, .1);
}
.career-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px;
}
.career-copy h3 {
  max-width: 450px;
  margin-top: 15px;
  color: #111827;
  font-size: 2.35rem;
  line-height: 1.08;
  letter-spacing: -2.4px;
}
.career-copy p { max-width: 470px; margin-top: 18px; color: #687386; font-size: .86rem; }
.career-copy a { display: inline-flex; gap: 10px; margin-top: 25px; color: #6246d9; font-size: .76rem; font-weight: 800; }
.career-visual { position: relative; min-height: 360px; overflow: hidden; }
.career-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f4f1ff 0%, transparent 28%);
  pointer-events: none;
}
.career-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.smart-assistant { right: 18px; bottom: 18px; }
.assistant-launch { min-width: 192px; border-radius: 15px; }
.assistant-launch-icon { width: 40px; height: 40px; border-radius: 11px; }
.assistant-launch-icon img { width: 34px; }
.assistant-launch-copy small { font-size: .5rem; }
.assistant-launch-copy strong { font-size: .64rem; }

@media (max-width: 1120px) {
  :root { --shell: min(100% - 40px, 1080px); }
  .hero { min-height: 780px; }
  .hero-layout { grid-template-columns: minmax(0, .46fr) minmax(0, .54fr); gap: 36px; }
  .hero h1 { font-size: clamp(3rem, 5.2vw, 4.15rem); letter-spacing: -4px; }
  .hero-image-wrap { left: auto; width: 100%; }
  .hero-art { min-height: 0; }
  .chip-a { left: -12px; }
  .chip-b { right: -4px; }
}

@media (max-width: 920px) {
  .section, .work { padding-block: 92px; }
  .hero { min-height: auto; padding: 130px 0 42px; }
  .hero-layout { grid-template-columns: 1fr; gap: 42px; }
  .hero h1 { max-width: 720px; margin-inline: auto; }
  .hero-art { width: min(100%, 800px); min-height: 0; margin: 0 auto; }
  .hero-image-wrap { left: auto; width: 100%; transform: none !important; }
  .hero-bottom { margin-top: 38px; }
  .service-grid-v7 { grid-template-columns: 1fr; max-width: 760px; margin-inline: auto; }
  .work .case-study,
  .work .case-study.reverse { grid-template-columns: 1fr; min-height: 0; }
  .work .case-study.reverse .case-visual,
  .work .case-study.reverse .case-copy { order: initial; }
  .work .case-visual { min-height: 0; aspect-ratio: 16 / 10; }
  .work .case-visual > img { min-height: 0; }
  .career-banner { grid-template-columns: 1fr; }
  .career-visual { order: -1; min-height: 0; aspect-ratio: 16 / 8; }
  .career-visual::after { background: linear-gradient(180deg, transparent 70%, #fff 100%); }
}

@media (max-width: 650px) {
  :root { --shell: calc(100% - 28px); }
  .section, .work { padding-block: 74px; }
  .site-header { padding: 11px 0; }
  .hero { padding: 112px 0 34px; }
  .hero h1 { font-size: clamp(2.6rem, 12.5vw, 3.35rem); line-height: 1.02; letter-spacing: -3.5px; }
  .hero-copy > p { margin-top: 20px; font-size: .84rem; }
  .hero-art { min-height: 0; margin-top: 0; }
  .hero-image-wrap { border-radius: 21px; }
  .float-chip { display: none; }
  .hero-bottom { margin-top: 30px; }
  .section-head { margin-bottom: 36px; }
  .service-grid-v7 { gap: 18px; }
  .service-showcase { border-radius: 22px; }
  .service-media-ui { height: auto; padding: 32px 10px 11px; }
  .service-media-photo { height: auto; padding: 0; }
  .service-showcase .media-badge { top: 9px; right: 10px; padding: 6px 8px; font-size: .52rem; }
  .preview-dots { top: 13px; left: 13px; }
  .service-showcase .service-body { padding: 23px; }
  .service-meta { margin-bottom: 11px; }
  .service-showcase h3 { font-size: 1.35rem; }
  .service-showcase p { font-size: .76rem; }
  .service-showcase .service-body > a { padding-top: 20px; }
  .work-stack { gap: 18px; }
  .work .case-study,
  .career-banner { border-radius: 22px; }
  .work .case-visual { min-height: 0; padding: 12px; }
  .work .case-visual > img { min-height: 0; border-radius: 11px; }
  .work .case-visual > span { left: 23px; bottom: 23px; }
  .work .case-copy { padding: 26px; }
  .work .case-copy h3 { font-size: 1.85rem; letter-spacing: -1.8px; }
  .work .case-copy p { font-size: .78rem; }
  .career-copy { padding: 27px; }
  .career-copy h3 { font-size: 1.9rem; letter-spacing: -1.8px; }
  .career-copy p { font-size: .78rem; }
  .career-visual { aspect-ratio: 16 / 10; }
  .smart-assistant { right: 10px; bottom: 82px; }
  .assistant-launch { width: 58px; min-width: 58px; padding: 6px; }
  .assistant-launch-copy, .assistant-pulse { display: none; }
}