:root{
  --bg:#070b17;--bg-2:#0b1020;--bg-3:#11172b;--panel:rgba(18,25,48,.72);
  --panel-solid:#11182b;--line:rgba(141,170,255,.14);--line-strong:rgba(141,170,255,.26);
  --text:#f4f7ff;--muted:#a8b3cc;--soft:#74809b;--accent:#7c5cff;--accent-2:#47d7ff;
  --green:#55f0b4;--pink:#ff7ad9;--yellow:#ffc857;--radius:24px;--radius-sm:16px;
  --container:min(1240px,calc(100vw - 48px));--shadow:0 28px 80px rgba(0,0,0,.28);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:
 radial-gradient(circle at 12% 16%,rgba(71,215,255,.1),transparent 22rem),
 radial-gradient(circle at 84% 8%,rgba(124,92,255,.14),transparent 26rem),
 linear-gradient(180deg,#070b17 0%,#090e1b 100%);
 color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{cursor:pointer}
::selection{background:rgba(124,92,255,.65);color:#fff}
.container{width:var(--container);margin-inline:auto}
.section{position:relative;padding:120px 0}
.section-tight{padding-top:40px}
.section-soft{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));border-block:1px solid var(--line)}
.page-progress{position:fixed;z-index:100;left:0;top:0;width:100%;height:2px;background:rgba(255,255,255,.04)}
.page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 20px var(--accent-2)}
.site-header{position:sticky;top:0;z-index:90;padding:18px 0;transition:.3s ease;border-bottom:1px solid transparent}
.site-header.is-scrolled{padding:12px 0;background:rgba(7,11,23,.78);backdrop-filter:blur(20px);border-color:var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.14em}
.brand-mark{position:relative;width:32px;height:32px;border:1px solid rgba(71,215,255,.5);display:block;transform:rotate(45deg);border-radius:8px;background:linear-gradient(135deg,rgba(124,92,255,.2),rgba(71,215,255,.08));box-shadow:0 0 24px rgba(71,215,255,.2)}
.brand-mark:before,.brand-mark:after,.brand-mark i,.brand-mark b{content:"";position:absolute;border:1px solid rgba(124,92,255,.7);border-radius:5px}
.brand-mark:before{inset:5px}.brand-mark:after{inset:10px;border-color:rgba(71,215,255,.8)}
.brand-mark i{width:4px;height:4px;left:13px;top:13px;background:#fff;border:0;box-shadow:0 0 15px #47d7ff}
.brand-mark b{inset:-5px;border-color:rgba(71,215,255,.18)}
.brand-name{font-size:15px}.brand-name span{color:var(--accent-2)}
.main-nav{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px;font-weight:700}
.main-nav>a:not(.button){position:relative;padding:8px 0;transition:.25s ease}
.main-nav>a:not(.button):after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:.25s}
.main-nav>a:not(.button):hover{color:#fff}.main-nav>a:not(.button):hover:after{transform:scaleX(1)}
.menu-toggle{display:none;background:transparent;border:0;padding:8px}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.25s}

.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 22px;border:1px solid var(--line-strong);border-radius:999px;color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;transition:.25s ease;background:rgba(255,255,255,.02)}
.button:hover{transform:translateY(-2px);border-color:rgba(141,170,255,.5);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.button-primary{background:linear-gradient(135deg,var(--accent),#5840ff 52%,#3ca8ff);border-color:transparent;box-shadow:0 10px 36px rgba(91,70,255,.28)}
.button-primary:hover{box-shadow:0 16px 44px rgba(91,70,255,.38)}
.button-ghost{background:rgba(255,255,255,.025)}
.button-small{min-height:44px;padding:0 17px;font-size:13px}
.button-wide{width:100%}
.icon-arrow{display:inline-block;width:13px;height:13px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:.25s}
.button:hover .icon-arrow,.card-link:hover .icon-arrow,.round-link:hover .icon-arrow{transform:translateX(3px) rotate(45deg)}

.eyebrow{margin:0 0 14px;color:var(--accent-2);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.05em}
h1{font-size:clamp(46px,6.2vw,88px);margin-bottom:24px}
h2{font-size:clamp(36px,4vw,62px);margin-bottom:20px}
h3{font-size:23px}
em{font-family:Georgia,serif;font-weight:500;color:var(--accent-2);letter-spacing:-.07em}
.reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.reveal-pending{opacity:0;transform:translateY(24px)}
.reveal.is-visible{opacity:1;transform:none}

.hero-section{position:relative;min-height:calc(100vh - 72px);padding:62px 0 84px;display:flex;align-items:center}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(121,151,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(121,151,255,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 68%);opacity:.7}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:32px}
.hero-copy{max-width:780px}
.hero-copy h1{max-width:920px}
.hero-subtitle{max-width:690px;color:var(--muted);font-size:19px;line-height:1.72}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:7px 12px;border:1px solid rgba(85,240,180,.22);border-radius:999px;background:rgba(85,240,180,.045);color:#bafce0;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.hero-status span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:pulse 1.8s ease infinite}
.hero-microstats{display:flex;gap:30px;margin-top:46px;padding-top:22px;border-top:1px solid var(--line);max-width:650px}
.hero-microstats div{display:grid}.hero-microstats strong{font-size:22px}.hero-microstats span{color:var(--soft);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.scroll-cue span{width:32px;height:48px;border:1px solid var(--line-strong);border-radius:18px;position:relative}
.scroll-cue span:after{content:"";position:absolute;width:4px;height:8px;background:var(--accent-2);border-radius:3px;left:13px;top:8px;animation:scrollcue 1.8s ease infinite}

.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:40px;align-items:end;margin-bottom:44px}
.section-head h2{margin:0;max-width:830px}.section-head>p{margin:0;color:var(--muted)}
.section-head.compact{grid-template-columns:1fr}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{position:relative;min-height:280px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden;transition:.3s ease}
.service-card:before{content:"";position:absolute;width:160px;height:160px;right:-76px;top:-76px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 70%);opacity:.15;transition:.3s}
.service-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 58%, transparent);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.service-card:hover:before{opacity:.32;transform:scale(1.2)}
.service-card h3{margin:42px 0 12px}.service-card p{color:var(--muted);font-size:15px}.card-index{position:absolute;right:22px;top:20px;color:var(--soft);font-size:12px;font-weight:900;letter-spacing:.14em}
.service-icon{display:block;width:42px;height:42px;position:relative;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) 11%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 18%,transparent)}
.service-icon:before,.service-icon:after{content:"";position:absolute;border:2px solid var(--accent);opacity:.9}
.icon-spark:before{width:15px;height:15px;left:12px;top:12px;transform:rotate(45deg);border-width:2px 0 0 2px}.icon-spark:after{width:8px;height:8px;left:20px;top:19px;transform:rotate(45deg);border-width:0 2px 2px 0}
.icon-building:before{inset:9px 10px;border-radius:3px}.icon-building:after{width:13px;height:2px;border-width:2px 0;left:14px;top:16px}
.icon-cart:before{width:18px;height:11px;left:10px;top:12px;border-width:2px 2px 2px 0;transform:skew(-12deg)}.icon-cart:after{width:4px;height:4px;left:13px;top:28px;border-radius:50%;box-shadow:12px 0 0 -2px var(--panel),12px 0 0 0 var(--accent)}
.icon-layers:before{width:17px;height:17px;left:11px;top:9px;transform:rotate(45deg);border-radius:2px}.icon-layers:after{width:17px;height:17px;left:11px;top:14px;transform:rotate(45deg);border-radius:2px}
.icon-refresh:before{width:18px;height:18px;left:10px;top:10px;border-radius:50%;border-right-color:transparent}.icon-refresh:after{width:7px;height:7px;right:8px;top:9px;border-width:2px 2px 0 0;transform:rotate(-15deg)}
.icon-search:before{width:14px;height:14px;left:10px;top:10px;border-radius:50%}.icon-search:after{width:10px;height:2px;border:0;background:var(--accent);left:23px;top:26px;transform:rotate(45deg)}
.icon-cube:before{width:17px;height:17px;left:11px;top:11px;transform:rotate(30deg) skewY(-10deg)}.icon-cube:after{width:8px;height:16px;left:20px;top:12px;border-width:0 0 0 2px}
.card-link,.section-bottom-link a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.card-link{position:absolute;bottom:22px;left:26px}.card-link .icon-arrow,.section-bottom-link .icon-arrow{width:10px;height:10px}
.section-bottom-link{display:flex;justify-content:flex-end;margin-top:28px}

.featured-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.case-card,.portfolio-card,.article-card,.review-card,.price-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}
.case-card{transition:.3s ease}.case-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:var(--shadow)}
.case-media{position:relative;display:block;aspect-ratio:1.65;background:rgba(255,255,255,.02);overflow:hidden}.case-media img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.case-card:hover img{transform:scale(1.045)}
.case-badge,.portfolio-cover span{position:absolute;left:18px;top:18px;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,11,23,.62);backdrop-filter:blur(12px);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.case-body{position:relative;padding:24px 24px 62px}.case-body h3{font-size:30px;margin:12px 0 9px}.case-body p{margin:0;color:var(--muted)}.case-meta{display:flex;justify-content:space-between;gap:14px;color:var(--soft);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.case-meta strong{color:var(--accent)}

.numbers-section{padding-bottom:80px}.numbers-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:50px}.numbers-layout .section-head{display:block}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{padding:23px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.stat-card strong{display:block;font-size:34px;letter-spacing:-.06em}.stat-card span{display:block;margin-top:7px;color:var(--soft);font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.1em}

.comparison-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.018)}
.comparison-head,.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-bottom:1px solid var(--line)}.comparison-row:last-child{border-bottom:0}
.comparison-head span{padding:17px 24px;color:var(--soft);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;background:rgba(255,255,255,.02)}
.comparison-head span+span{color:var(--accent-2)}
.comparison-row span{display:flex;gap:13px;align-items:center;padding:18px 24px;color:var(--muted);background:rgba(255,255,255,.007)}.comparison-row span+span{color:#e9f6ff;background:rgba(71,215,255,.025)}
.minus,.plus{position:relative;width:18px;height:18px;flex:0 0 auto;border:1px solid rgba(255,122,217,.3);border-radius:50%}.minus:after{content:"";position:absolute;width:8px;height:1px;left:4px;top:8px;background:var(--pink)}
.plus{border-color:rgba(85,240,180,.38)}.plus:before,.plus:after{content:"";position:absolute;background:var(--green)}.plus:before{width:8px;height:1px;left:4px;top:8px}.plus:after{height:8px;width:1px;left:8px;top:4px}

.process-list{border-top:1px solid var(--line)}.process-item{position:relative;display:grid;grid-template-columns:68px minmax(190px,.65fr) minmax(0,1fr) 18px;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);transition:.25s}
.process-item:hover{padding-inline:14px;background:rgba(255,255,255,.016)}.process-num{color:var(--accent-2);font-size:12px;font-weight:900;letter-spacing:.1em}.process-item h3{margin:0;font-size:20px}.process-item p{margin:0;color:var(--muted);font-size:14px}.process-item i{width:10px;height:10px;border-top:1px solid var(--accent-2);border-right:1px solid var(--accent-2);transform:rotate(45deg)}

.quiz-teaser{display:grid;grid-template-columns:1fr .85fr;gap:50px;padding:42px;border:1px solid rgba(124,92,255,.34);border-radius:32px;background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(71,215,255,.05));box-shadow:0 25px 90px rgba(18,20,80,.18)}
.quiz-teaser-copy p:not(.eyebrow){max-width:640px;color:var(--muted)}.quiz-teaser-visual{display:grid;align-content:center;gap:9px;perspective:800px}
.quiz-mini-card{display:grid;grid-template-columns:34px 1fr 12px;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(7,11,23,.38);transform:translateX(calc(var(--i,0) * 10px))}
.quiz-mini-card span{color:var(--accent-2);font-size:11px;font-weight:900}.quiz-mini-card strong{font-size:14px}.quiz-mini-card i{width:8px;height:8px;border:1px solid var(--line-strong);border-radius:50%}.quiz-mini-card.active{border-color:rgba(85,240,180,.42);background:rgba(85,240,180,.05)}.quiz-mini-card.active i{background:var(--green);box-shadow:0 0 14px var(--green)}
.tech-cloud{display:flex;flex-wrap:wrap;gap:10px}.tech-cloud span,.tech-line span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.018);color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em}

.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.review-card{padding:24px}.review-top{display:flex;gap:13px;align-items:center}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-weight:900}.review-top h3{font-size:17px;margin:0 0 4px}.review-top p{margin:0;color:var(--soft);font-size:12px}.stars{margin:18px 0 10px;color:var(--yellow);font-size:13px;letter-spacing:.13em}.review-card blockquote{margin:0;color:var(--muted);font-size:15px}

.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.articles-grid-wide{grid-template-columns:repeat(2,1fr)}.article-cover{display:block;aspect-ratio:1.65;overflow:hidden;background:#11182b}.article-cover img{width:100%;height:100%;object-fit:cover;transition:.45s}.article-card:hover .article-cover img{transform:scale(1.05)}.article-body{position:relative;min-height:272px;padding:20px 20px 58px}.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--soft);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.article-body h2,.article-body h3{font-size:22px;margin:14px 0 9px}.article-body p{color:var(--muted);font-size:14px}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px}.faq-intro p:not(.eyebrow){color:var(--muted)}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{position:relative;padding:20px 46px 20px 0;list-style:none;font-weight:800;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{position:absolute;right:2px;top:21px;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%}.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;background:var(--accent-2)}.faq-item summary i:before{width:8px;height:1px;left:6px;top:10px}.faq-item summary i:after{height:8px;width:1px;top:6px;left:10px;transition:.2s}.faq-item[open] summary i:after{transform:scaleY(0)}.faq-item div{padding:0 40px 18px 0;color:var(--muted);font-size:14px}.faq-item p{margin:0}

.final-cta-section{border-top:1px solid var(--line);background:radial-gradient(circle at 15% 44%,rgba(124,92,255,.17),transparent 28rem)}
.final-cta-layout{display:grid;grid-template-columns:1fr minmax(360px,.85fr);gap:60px;align-items:center}.final-cta-copy p:not(.eyebrow){max-width:610px;color:var(--muted)}.contact-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.contact-links a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--accent-2);font-size:13px;font-weight:800}
.lead-form{padding:26px;border:1px solid var(--line-strong);border-radius:var(--radius);background:rgba(13,19,38,.82);box-shadow:var(--shadow)}.form-intro h3{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:grid;gap:7px}.field-wide{grid-column:1/-1}.field span{color:var(--muted);font-size:12px;font-weight:800}.field input,.field textarea,.search-box input{width:100%;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:#fff;padding:13px 14px;outline:0;transition:.2s;resize:vertical}.field input:focus,.field textarea:focus,.search-box input:focus{border-color:rgba(71,215,255,.65);box-shadow:0 0 0 3px rgba(71,215,255,.08)}.field [aria-invalid="true"]{border-color:rgba(255,122,217,.7)}.check-row{display:flex;gap:10px;align-items:flex-start;margin:16px 0;color:var(--soft);font-size:12px}.check-row input{margin-top:3px}.check-row a{color:var(--accent-2)}.form-status{min-height:20px;margin:12px 0 0;color:var(--muted);font-size:13px}.form-status.error{color:#ff9edb}.form-status.success{color:var(--green)}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.breadcrumbs{padding-top:18px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;color:var(--soft);font-size:12px}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:rgba(255,255,255,.25)}.breadcrumbs a:hover{color:var(--accent-2)}
.inner-hero{padding-top:76px;padding-bottom:72px}.inner-hero-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}.inner-hero h1{font-size:clamp(52px,7vw,94px);margin-bottom:0}.inner-hero-layout>p{margin:0;color:var(--muted);font-size:18px}
.filter-row{display:flex;flex-wrap:wrap;gap:9px}.filter-chip{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.016);color:var(--muted);font-size:12px;font-weight:800;transition:.2s}.filter-chip:hover,.filter-chip.active{color:#fff;border-color:rgba(71,215,255,.46);background:rgba(71,215,255,.08)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:28px}.portfolio-grid-small{grid-template-columns:repeat(3,1fr)}.portfolio-card{transition:.3s}.portfolio-card[hidden]{display:none}.portfolio-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:var(--shadow)}.portfolio-cover{position:relative;display:block;aspect-ratio:1.62;overflow:hidden}.portfolio-cover img{width:100%;height:100%;object-fit:cover;transition:.45s}.portfolio-card:hover img{transform:scale(1.04)}.portfolio-body{padding:21px}.portfolio-body h2,.portfolio-body h3{margin:0 0 8px;font-size:25px}.portfolio-body p{color:var(--muted);font-size:14px}.portfolio-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:14px;border-top:1px solid var(--line)}.portfolio-foot strong{color:var(--accent);font-size:13px}.round-link{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%}.round-link .icon-arrow{width:10px;height:10px}
.case-hero{padding-top:60px}.case-hero-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:36px;align-items:center}.case-lead{font-size:26px;color:#fff}.case-hero-copy>p:not(.eyebrow):not(.case-lead){color:var(--muted)}.case-hero-media{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:30px;overflow:hidden;box-shadow:0 30px 80px color-mix(in srgb,var(--accent) 16%,transparent)}.case-hero-media img{width:100%}.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.story-label h2{font-size:48px}.story-text h3{margin:28px 0 9px;font-size:22px}.story-text p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.016)}.feature-card span{color:var(--accent-2);font-size:11px;font-weight:900;letter-spacing:.1em}.feature-card h3{margin:26px 0 0;font-size:20px}.case-result-section{background:linear-gradient(180deg,rgba(124,92,255,.07),transparent)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.metric-card strong{display:block;color:var(--accent-2);font-size:42px;letter-spacing:-.06em}.metric-card span{display:block;color:var(--muted);font-size:13px}.tech-line{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.service-catalog{border-top:1px solid var(--line)}.service-line{display:grid;grid-template-columns:48px 44px 1fr 18px;align-items:center;gap:18px;padding:20px 6px;border-bottom:1px solid var(--line);transition:.25s}.service-line:hover{padding-inline:16px;background:rgba(255,255,255,.018)}.service-line-num{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.1em}.service-line h2{margin:0 0 6px;font-size:27px}.service-line p{margin:0;color:var(--muted);font-size:14px}.service-line>.icon-arrow{width:10px;height:10px}
.service-detail-grid{display:grid;grid-template-columns:1fr .55fr;gap:40px;align-items:center}.service-lead{max-width:750px;color:var(--muted);font-size:20px}.service-detail-symbol{position:relative;min-height:320px;display:grid;place-items:center}.service-detail-symbol .service-icon{width:104px;height:104px;transform:scale(1.7)}.service-detail-symbol i,.service-detail-symbol b{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:50%}.service-detail-symbol i{width:220px;height:220px;animation:spin 9s linear infinite}.service-detail-symbol b{width:310px;height:310px;border-style:dashed;animation:spin 15s linear reverse infinite}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{padding:26px;transition:.3s}.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.price-card.featured{border-color:rgba(124,92,255,.55);background:linear-gradient(145deg,rgba(124,92,255,.15),rgba(71,215,255,.03))}.price-card h2{font-size:31px}.price-card p:not(.eyebrow){min-height:80px;color:var(--muted);font-size:14px}.price-card strong{display:block;font-size:32px;letter-spacing:-.05em}.price-card>span{display:block;margin:3px 0 18px;color:var(--accent-2);font-size:12px;font-weight:800}.price-card ul{min-height:206px;margin:0 0 22px;padding:0;list-style:none}.price-card li{position:relative;padding:7px 0 7px 20px;color:var(--muted);font-size:14px}.price-card li:before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(85,240,180,.5)}.pricing-note{display:flex;gap:14px;margin-top:18px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.pricing-note span{color:var(--accent-2);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.pricing-note p{margin:0;color:var(--muted);font-size:14px}

.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.about-visual{position:relative;min-height:450px;display:grid;place-items:center}.about-orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(124,92,255,.32);border-radius:50%;animation:spin 18s linear infinite}.about-orbit:before,.about-orbit:after,.about-orbit i,.about-orbit b{content:"";position:absolute;border:1px solid rgba(71,215,255,.23);border-radius:50%}.about-orbit:before{inset:44px}.about-orbit:after{inset:92px}.about-orbit i{width:18px;height:18px;left:29px;top:58px;background:var(--accent);box-shadow:0 0 24px var(--accent)}.about-orbit b{width:11px;height:11px;right:52px;bottom:25px;background:var(--accent-2);box-shadow:0 0 22px var(--accent-2)}.about-panel{position:relative;z-index:2;display:grid;gap:12px;width:260px;padding:26px;border:1px solid var(--line-strong);border-radius:22px;background:rgba(8,13,28,.72);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.about-panel small,.about-panel span{color:var(--soft);font-size:10px;font-weight:900;letter-spacing:.14em}.about-panel strong{font-size:38px;line-height:1.0;letter-spacing:-.06em}.about-points{display:grid;gap:10px;margin-top:26px}.about-points div{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.about-points strong{color:var(--accent-2);font-size:11px;letter-spacing:.1em}.about-points span{font-size:14px;font-weight:700}
.blog-tools{display:grid;gap:18px;margin-bottom:25px}.search-box{position:relative;max-width:520px}.search-box span{position:absolute;left:16px;top:15px;width:14px;height:14px;border:2px solid var(--accent-2);border-radius:50%}.search-box span:after{content:"";position:absolute;width:7px;height:2px;background:var(--accent-2);right:-6px;bottom:-3px;transform:rotate(45deg)}.search-box input{padding-left:43px}.empty-state{padding:60px 22px;text-align:center;border:1px solid var(--line);border-radius:var(--radius)}.empty-state p{color:var(--muted)}
.article-hero{padding-top:58px}.article-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.article-hero h1{font-size:clamp(47px,6vw,76px)}.article-lead{color:var(--muted);font-size:19px}.article-hero-cover{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.article-hero-cover img{width:100%}.article-layout{display:grid;grid-template-columns:210px minmax(0,740px);gap:44px;justify-content:center}.article-aside{position:sticky;top:100px;align-self:start}.article-aside>span{display:block;margin-bottom:10px;color:var(--soft);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-aside nav{display:grid;gap:8px;margin-bottom:20px}.article-aside nav a{color:var(--muted);font-size:13px;line-height:1.4}.article-aside nav a:hover{color:var(--accent-2)}.article-content{font-size:17px}.article-content p{color:var(--muted)}.article-content h2{margin-top:42px;font-size:34px}.article-content h3{margin-top:30px}.article-content blockquote{margin:28px 0;padding:19px 22px;border-left:3px solid var(--accent-2);background:rgba(71,215,255,.045);color:#dff8ff;font-size:20px}
.contacts-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px}.contacts-cards{display:grid;gap:12px}.contact-card,.contact-note{position:relative;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.016)}.contact-card{display:grid;gap:3px;transition:.25s}.contact-card:hover{transform:translateX(5px);border-color:rgba(71,215,255,.42)}.contact-card span{color:var(--soft);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.contact-card strong{font-size:20px}.contact-card .icon-arrow{position:absolute;right:20px;top:27px;width:10px;height:10px}.contact-note{margin-top:10px}.contact-note p:last-child{margin-bottom:0;color:var(--muted);font-size:14px}
.quiz-shell{max-width:940px;margin-inline:auto;border:1px solid var(--line-strong);border-radius:26px;background:rgba(13,19,38,.8);box-shadow:var(--shadow);overflow:hidden}.quiz-top{display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line)}.quiz-top span{display:block;color:var(--accent-2);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quiz-top strong{display:block;margin-top:3px;font-size:21px}.quiz-progress{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.quiz-progress i{display:block;width:16.66%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:.3s}.quiz-body{padding:26px}.quiz-step{display:none}.quiz-step.active{display:block}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.quiz-option input{position:absolute;opacity:0}.quiz-option span{display:flex;align-items:center;min-height:58px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-weight:700;transition:.2s}.quiz-option span:before{content:"";width:14px;height:14px;margin-right:11px;border:1px solid var(--line-strong);border-radius:50%;transition:.2s}.quiz-option input:checked+span{color:#fff;border-color:rgba(71,215,255,.5);background:rgba(71,215,255,.06)}.quiz-option input:checked+span:before{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 14px rgba(71,215,255,.6)}.quiz-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 25px;border-top:1px solid var(--line)}.quiz-shell .form-status{padding:0 25px 10px}
.legal-content{max-width:850px}.legal-content h2{margin-top:38px;font-size:30px}.legal-content p{color:var(--muted)}.legal-content a{color:var(--accent-2)}
.success-page{min-height:calc(100vh - 160px);display:grid;place-items:center}.success-box{max-width:820px;text-align:center}.success-box p:not(.eyebrow){color:var(--muted);font-size:18px}.success-box .hero-actions{justify-content:center}.success-icon{position:relative;width:90px;height:90px;margin:0 auto 28px;border:1px solid rgba(85,240,180,.45);border-radius:50%;box-shadow:0 0 40px rgba(85,240,180,.16)}.success-icon:before{content:"";position:absolute;width:28px;height:14px;left:29px;top:30px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}.success-icon span,.success-icon i{position:absolute;border:1px solid rgba(85,240,180,.25);border-radius:50%;animation:pulse-ring 2s ease infinite}.success-icon span{inset:-12px}.success-icon i{inset:-25px;animation-delay:.5s}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.72)}}
@keyframes scrollcue{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(20px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse-ring{0%,100%{opacity:.2;transform:scale(.92)}50%{opacity:.75;transform:scale(1.03)}}

@media (max-width:1060px){
  :root{--container:min(100% - 32px,960px)}
  .section{padding:92px 0}.hero-section{padding-top:30px}.hero-layout{grid-template-columns:1fr;gap:8px}.hero-copy{max-width:850px}.hero-microstats{margin-top:30px}
  .services-grid{grid-template-columns:repeat(2,1fr)}.numbers-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}
  .quiz-teaser{grid-template-columns:1fr}.quiz-teaser-visual{max-width:650px}.faq-layout{grid-template-columns:1fr}.final-cta-layout{grid-template-columns:1fr;gap:30px}
  .portfolio-grid-small{grid-template-columns:repeat(2,1fr)}.case-hero-grid{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr}.service-detail-symbol{display:none}
  .pricing-grid{grid-template-columns:1fr}.price-card p:not(.eyebrow),.price-card ul{min-height:auto}.article-hero-grid{grid-template-columns:1fr}.article-hero-cover{max-width:760px}.contacts-layout{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-visual{min-height:360px}
}
@media (max-width:760px){
  :root{--container:min(100% - 24px,680px);--radius:19px}
  body{font-size:15px}.section{padding:74px 0}.section-tight{padding-top:24px}
  .site-header{padding:14px 0}.menu-toggle{display:block;z-index:102}.main-nav{position:fixed;z-index:101;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px;background:rgba(7,11,23,.96);backdrop-filter:blur(16px);transform:translateX(100%);transition:.3s}.main-nav.is-open{transform:none}.main-nav>a:not(.button){font-size:24px}.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  h1{font-size:clamp(42px,12vw,62px)}h2{font-size:clamp(34px,10vw,48px)}
  .hero-section{min-height:auto;padding:42px 0 84px}.hero-subtitle{font-size:16px}.hero-layout{display:block}.scroll-cue{display:none}
  .hero-microstats{gap:15px;justify-content:space-between}.hero-microstats strong{font-size:18px}.hero-microstats span{font-size:10px}
  .section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:14px}.services-grid,.featured-cases,.reviews-grid,.articles-grid,.articles-grid-wide,.feature-grid,.metrics-grid,.stats-grid,.portfolio-grid,.portfolio-grid-small{grid-template-columns:1fr}
  .service-card{min-height:250px}.numbers-layout{gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card strong{font-size:28px}
  .comparison-head,.comparison-row{grid-template-columns:1fr}.comparison-head span:first-child{display:none}.comparison-row span{padding:14px 17px}.comparison-row span:first-child{border-bottom:1px solid var(--line)}
  .process-item{grid-template-columns:42px 1fr 12px;gap:10px;padding:17px 2px}.process-item p{grid-column:2/4}.quiz-teaser{padding:24px}.quiz-teaser-visual{gap:7px}.quiz-mini-card{padding:11px 13px}
  .inner-hero{padding-top:48px;padding-bottom:48px}.inner-hero-layout{display:block}.inner-hero-layout>p{margin-top:20px;font-size:16px}
  .case-lead{font-size:21px}.story-grid{display:block}.story-label h2{font-size:40px}.story-text p{font-size:16px}
  .service-line{grid-template-columns:34px 42px 1fr;gap:10px;padding:16px 3px}.service-line>.icon-arrow{display:none}.service-line h2{font-size:21px}.service-line p{font-size:13px}
  .price-card{padding:22px}.pricing-note{display:block}.pricing-note span{display:block;margin-bottom:6px}
  .article-layout{display:block}.article-aside{position:relative;top:auto;margin-bottom:24px}.article-content{font-size:16px}.article-content h2{font-size:30px}
  .form-grid{grid-template-columns:1fr}.contacts-layout{gap:24px}.quiz-top{display:block}.quiz-progress{margin-top:14px}.quiz-options{grid-template-columns:1fr}.quiz-body{padding:18px}.quiz-footer{padding:15px 18px}.quiz-shell .form-status{padding:0 18px 10px}
  .footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}
.site-footer{padding:54px 0 20px;border-top:1px solid var(--line);background:rgba(5,8,17,.72)}
.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr .9fr;gap:34px}.footer-brand p{max-width:380px;margin-top:18px;color:var(--muted);font-size:14px}.site-footer h3{margin:0 0 13px;color:var(--soft);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.site-footer div:not(.footer-brand){display:grid;align-content:start;gap:7px}.site-footer div:not(.footer-brand) a{color:var(--muted);font-size:13px}.site-footer a:hover{color:var(--accent-2)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.1em}

/* =========================================================
   WEBDEW v0.5 — LIGHT PERFORMANCE THEME
   Visual depth is created with lightweight image layers.
   No Three.js, no WebGL and no continuous JS render loop.
   ========================================================= */
:root{
  --bg:#f7f9fd;--bg-2:#ffffff;--bg-3:#edf3ff;--panel:rgba(255,255,255,.84);
  --panel-solid:#ffffff;--line:rgba(34,56,100,.12);--line-strong:rgba(34,56,100,.2);
  --text:#17233d;--muted:#5d6b83;--soft:#8793a8;--accent:#694cff;--accent-2:#168bd1;
  --green:#1cab79;--pink:#e657a8;--yellow:#d99418;--shadow:0 24px 70px rgba(54,79,125,.12);
}
html{background:var(--bg)}
body{
  background:
   radial-gradient(circle at 8% 0%,rgba(98,130,255,.13),transparent 27rem),
   radial-gradient(circle at 92% 5%,rgba(63,201,238,.16),transparent 29rem),
   linear-gradient(180deg,#fbfdff 0%,#f5f8fe 52%,#f9fbff 100%);
  color:var(--text)
}
::selection{background:rgba(105,76,255,.23);color:#17233d}
.section-soft{background:linear-gradient(180deg,rgba(231,238,252,.72),rgba(248,251,255,.72));border-block-color:var(--line)}
.page-progress{background:rgba(42,65,108,.06)}
.site-header{background:rgba(255,255,255,.58);backdrop-filter:blur(12px);border-bottom-color:rgba(34,56,100,.07)}
.site-header.is-scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-color:var(--line);box-shadow:0 8px 32px rgba(48,74,117,.07)}
.brand-mark{background:linear-gradient(135deg,rgba(105,76,255,.12),rgba(22,139,209,.08));border-color:rgba(22,139,209,.45);box-shadow:0 10px 24px rgba(70,102,176,.13)}
.brand-mark:before{border-color:rgba(105,76,255,.56)}.brand-mark:after{border-color:rgba(22,139,209,.76)}.brand-mark b{border-color:rgba(22,139,209,.12)}
.brand-name{color:#1a2741}.brand-name span{color:var(--accent-2)}
.main-nav{color:#67748c}.main-nav>a:not(.button):hover{color:#1a2741}
.menu-toggle span{background:#1a2741}
.button{color:#273753;background:rgba(255,255,255,.7);border-color:var(--line-strong)}
.button:hover{border-color:rgba(105,76,255,.34);box-shadow:0 12px 28px rgba(57,83,128,.12)}
.button-primary,.button-primary:hover{color:#fff;border-color:transparent;background:linear-gradient(135deg,#694cff,#755bff 54%,#209ee0);box-shadow:0 12px 30px rgba(105,76,255,.24)}
.button-primary:hover{box-shadow:0 16px 34px rgba(105,76,255,.31)}
.button-ghost{background:rgba(255,255,255,.78)}
.eyebrow{color:#157ab8}em{color:#4d60cf}

/* Full-width hero text and lightweight image depth composition */
.hero-section{min-height:auto;padding:72px 0 76px;display:block;overflow:hidden}
.hero-grid-bg{background-image:linear-gradient(rgba(78,108,164,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(78,108,164,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.55) 72%,transparent);opacity:.82}
.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}
.hero-glow-one{width:430px;height:430px;right:-100px;top:76px;background:radial-gradient(circle,rgba(58,185,231,.15),transparent 68%)}
.hero-glow-two{width:360px;height:360px;left:-160px;top:370px;background:radial-gradient(circle,rgba(105,76,255,.12),transparent 68%)}
.hero-layout{position:relative;display:block}
.hero-copy,.hero-copy-wide{max-width:none;width:100%}
.hero-copy h1{max-width:1180px;font-size:clamp(54px,7.35vw,104px);margin-bottom:24px;letter-spacing:-.072em}
.hero-subtitle{max-width:790px;color:var(--muted);font-size:20px;line-height:1.7}
.hero-status{color:#13724f;border-color:rgba(28,171,121,.22);background:rgba(28,171,121,.065)}
.hero-status span{background:var(--green);box-shadow:0 0 13px rgba(28,171,121,.58)}
.hero-microstats{max-width:760px;border-color:var(--line);margin-top:38px}
.hero-microstats strong{color:#21314e}.hero-microstats span{color:#8793a8}
.hero-visual{position:relative;margin-top:34px;min-height:530px;perspective:1800px;transform-style:preserve-3d}
.hero-visual-stage{position:relative;width:min(1120px,96%);height:520px;margin-inline:auto;transform-style:preserve-3d;perspective:1800px}
.hero-image-card{--x:0px;--y:0px;--z:0px;--rx:0deg;--ry:0deg;--shift-x:0px;--shift-y:0px;--tilt-x:0deg;--tilt-y:0deg;position:absolute;overflow:hidden;border:1px solid rgba(53,83,135,.16);border-radius:20px;background:#fff;box-shadow:0 24px 58px rgba(57,86,135,.16);transform-style:preserve-3d;transform:translate3d(calc(var(--x) + var(--shift-x)),calc(var(--y) + var(--shift-y)),var(--z)) rotateX(calc(var(--rx) + var(--tilt-y))) rotateY(calc(var(--ry) + var(--tilt-x)));transition:transform .46s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease;backface-visibility:hidden}
.hero-image-card img{display:block;width:100%;height:auto;background:#edf4ff}
.hero-image-card-main{--x:150px;--y:50px;--z:56px;--rx:1deg;--ry:-7deg;z-index:5;width:min(790px,72%);box-shadow:0 33px 78px rgba(52,80,132,.2)}
.hero-image-card-left{--x:0px;--y:182px;--z:-12px;--rx:3deg;--ry:9deg;z-index:3;width:min(500px,48%)}
.hero-image-card-right{--x:690px;--y:10px;--z:-28px;--rx:-2deg;--ry:-12deg;z-index:2;width:min(430px,42%)}
.hero-browser-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-bottom:1px solid rgba(49,76,124,.1);background:#fbfcff}
.hero-browser-bar i{width:7px;height:7px;border-radius:50%;background:#d6deec}.hero-browser-bar i:first-child{background:#f2a3a5}.hero-browser-bar i:nth-child(2){background:#f3ca75}.hero-browser-bar i:nth-child(3){background:#8fd4ae}
.hero-browser-bar span{margin-left:7px;color:#95a1b4;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hero-card-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 15px;background:#fff}
.hero-card-caption span{color:#8b97aa;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.hero-card-caption strong{color:#283753;font-size:12px;letter-spacing:.02em}
.hero-floating-note{--shift-x:0px;--shift-y:0px;--tilt-x:0deg;--tilt-y:0deg;position:absolute;z-index:8;display:grid;gap:2px;padding:12px 15px;border:1px solid rgba(52,82,134,.12);border-radius:13px;background:rgba(255,255,255,.83);box-shadow:0 17px 38px rgba(57,84,128,.12);backdrop-filter:blur(10px);transform:translate3d(var(--shift-x),var(--shift-y),0);transition:transform .46s cubic-bezier(.2,.75,.2,1)}
.hero-floating-note b{color:#4f5fd1;font-size:10px;letter-spacing:.13em}.hero-floating-note span{color:#8a97aa;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.hero-note-top{right:4%;top:166px}.hero-note-bottom{left:8%;bottom:36px}
.scroll-cue{position:relative;left:auto;bottom:auto;transform:none;width:max-content;margin:0 auto;color:#8b97ab}.scroll-cue span{border-color:rgba(53,82,133,.22)}.scroll-cue span:after{background:#168bd1}

/* White surfaces */
.service-card,.case-card,.portfolio-card,.article-card,.review-card,.price-card,.stat-card,.comparison-table,.feature-card,.metric-card,.contact-card,.contact-note,.pricing-note{background:#fff;border-color:var(--line);box-shadow:0 10px 30px rgba(56,82,126,.045)}
.service-card{background:linear-gradient(145deg,#fff,#fbfcff)}
.service-card:hover{background:#fff;box-shadow:0 22px 54px rgba(56,82,126,.13)}
.card-link,.section-bottom-link a{color:#4c5ac7}
.case-media{background:#edf3ff}.case-badge,.portfolio-cover span{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(31,44,70,.74)}
.case-body h3,.article-body h2,.article-body h3{color:#1d2a45}
.comparison-head span{background:#f5f8fd}.comparison-row span{background:#fff}.comparison-row span+span{color:#263a5c;background:#f5fbff}
.process-item:hover,.service-line:hover{background:rgba(235,241,252,.62)}
.quiz-teaser{background:linear-gradient(135deg,#eef3ff,#f4fbff);border-color:rgba(105,76,255,.15);box-shadow:0 20px 60px rgba(57,84,130,.08)}
.quiz-mini-card{background:rgba(255,255,255,.72)}
.tech-cloud span,.tech-line span{background:#fff}
.article-cover{background:#edf3ff}
.lead-form{background:#fff;box-shadow:0 18px 58px rgba(56,83,128,.1)}
.field input,.field textarea,.search-box input{background:#fbfcff;color:#1c2b47}
.breadcrumbs li+li:before{color:rgba(54,77,115,.27)}
.filter-chip{background:#fff}.filter-chip:hover,.filter-chip.active{color:#3851b6;border-color:rgba(105,76,255,.28);background:rgba(105,76,255,.07)}
.case-lead{color:#2a3a58}.article-content blockquote{color:#2e5069;background:#f1fbff}
.quiz-shell{background:#fff}.quiz-progress{background:rgba(62,86,128,.09)}.quiz-option input:checked+span{color:#25405a;background:rgba(22,139,209,.07)}
.success-icon{box-shadow:0 0 34px rgba(28,171,121,.1)}
.site-footer{background:#f1f5fb}

@media (max-width:1060px){
  .hero-section{padding-top:54px}.hero-copy h1{max-width:950px;font-size:clamp(54px,8.4vw,92px)}
  .hero-visual{min-height:440px}.hero-visual-stage{height:430px;width:min(900px,100%)}
  .hero-image-card-main{--x:120px;--y:46px;width:min(670px,74%)}
  .hero-image-card-left{--x:0px;--y:156px;width:min(430px,48%)}
  .hero-image-card-right{--x:565px;--y:6px;width:min(350px,39%)}
  .hero-note-top{right:1%;top:138px}.hero-note-bottom{left:6%;bottom:24px}
}
@media (max-width:760px){
  .site-header{background:rgba(255,255,255,.88)}
  .main-nav{background:rgba(255,255,255,.97)}.main-nav>a:not(.button){color:#273753}
  .hero-section{padding:40px 0 58px}.hero-copy h1{font-size:clamp(45px,13vw,68px);letter-spacing:-.075em}.hero-subtitle{font-size:16px}.hero-actions{margin-top:23px}
  .hero-microstats{margin-top:28px;padding-top:17px}
  .hero-visual{min-height:285px;margin-top:25px;overflow:visible}.hero-visual-stage{height:280px;width:100%;transform:scale(.98)}
  .hero-image-card{border-radius:12px}.hero-browser-bar{height:24px;padding-inline:8px}.hero-browser-bar i{width:5px;height:5px}.hero-browser-bar span{font-size:6px}.hero-card-caption{padding:7px 9px}.hero-card-caption span{font-size:6px}.hero-card-caption strong{font-size:8px}
  .hero-image-card-main{--x:32px;--y:35px;--z:30px;--rx:1deg;--ry:-5deg;width:82%}
  .hero-image-card-left{--x:0px;--y:112px;--z:-12px;--rx:2deg;--ry:8deg;width:58%}
  .hero-image-card-right{--x:61%;--y:4px;--z:-18px;--rx:-2deg;--ry:-10deg;width:42%}
  .hero-floating-note{display:none}.scroll-cue{display:none}
}

/* Mobile menu stays inside the viewport to avoid layout overflow while closed. */
@media (max-width:760px){
  .main-nav{left:0;right:0;width:100%;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(20px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
  .main-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
}
@media (max-width:760px){
  .main-nav{transform:none}
}