/* AmazeDevs Experience 1.6 — dark editorial + site-wide cozy liquid glass */
[data-area="public"] {
  color-scheme: dark;
  --bg: #030303;
  --bg-soft: #070708;
  --surface: rgba(255,255,255,.055);
  --surface-2: rgba(255,255,255,.085);
  --surface-3: rgba(255,255,255,.12);
  --text: #f6f6f8;
  --muted: #9a9aa3;
  --muted-2: #686871;
  --line: rgba(255,255,255,.105);
  --line-strong: rgba(255,255,255,.22);
  --accent: #b9ceff;
  --accent-2: #d7c4ff;
  --accent-ink: #050507;
  --shadow: 0 34px 100px rgba(0,0,0,.58);
  --glass-shadow: 0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.035);
  --radius-sm: 14px;
  --radius: 24px;
  --radius-lg: 38px;
  --header: 94px;
  --container: 1320px;
  --ease: cubic-bezier(.22,.78,.2,1);
}

[data-area="public"] html,
[data-area="public"] body { background: #030303; }
[data-area="public"] body { color: var(--text); font-family: Manrope,system-ui,sans-serif; }
.site-body { background:
  radial-gradient(circle at 88% -10%, rgba(91,116,180,.12), transparent 28rem),
  radial-gradient(circle at 6% 34%, rgba(117,78,157,.08), transparent 30rem),
  #030303;
}
.site-body::before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background:linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px); background-size:96px 96px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.34),transparent 78%); opacity:.72; }

/* AmazeDevs 1.6 — site-wide cozy liquid atmosphere. The visual world is
   fixed behind the content so every page feels connected without making
   text or controls harder to read. */
.site-body { position:relative; isolation:isolate; background:#020309; }
.site-body > main,.site-body > .site-footer { position:relative; z-index:2; }
.site-body > .site-header { z-index:100; }
.site-ambient-world {
  --ambient-pointer-x:54%;
  --ambient-pointer-y:28%;
  --ambient-scroll-a:0px;
  --ambient-scroll-b:0px;
  --ambient-scroll-c:0px;
  --ambient-rotation:0deg;
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
  background:
    radial-gradient(circle at var(--ambient-pointer-x) var(--ambient-pointer-y),rgba(82,89,196,.055),transparent 34%),
    radial-gradient(circle at 12% 78%,rgba(110,65,156,.04),transparent 31%),
    linear-gradient(180deg,#020309 0%,#03050d 48%,#020308 100%);
  transform:translateZ(0);
}
.site-ambient-world::before {
  content:"";
  position:absolute;
  inset:-25%;
  opacity:.42;
  background:
    radial-gradient(circle at 70% 18%,rgba(108,119,255,.13),transparent 19%),
    radial-gradient(circle at 22% 68%,rgba(105,74,168,.08),transparent 24%),
    radial-gradient(circle at 78% 82%,rgba(48,93,186,.07),transparent 23%);
  filter:blur(44px);
  animation:ambientWorldBreathe 22s ease-in-out infinite alternate;
}
.site-ambient-world::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(1,2,8,.22) 52%,rgba(0,0,0,.38));
}
.site-ambient-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.72; }
.ambient-ribbon { position:absolute; width:min(1260px,126vw); height:280px; transform-origin:center; will-change:transform; opacity:.48; }
.ambient-ribbon i {
  position:absolute;
  inset:auto 0;
  height:128px;
  border-radius:50%;
  border-top:1.4px solid rgba(135,118,255,.45);
  box-shadow:0 -12px 38px rgba(96,75,255,.18),inset 0 18px 44px rgba(92,102,255,.025);
  filter:drop-shadow(0 -4px 13px rgba(119,103,255,.2));
  animation:ambientRibbonBreath 12s cubic-bezier(.45,0,.2,1) infinite alternate;
}
.ambient-ribbon i:nth-child(2) { inset:42px 5% auto; opacity:.56; animation-duration:15s; animation-delay:-5s; }
.ambient-ribbon i:nth-child(3) { inset:84px 10% auto; opacity:.3; animation-duration:18s; animation-delay:-9s; }
.ambient-ribbon-one { top:5%; left:-22%; transform:translate3d(0,var(--ambient-scroll-a),0) rotate(calc(-9deg + var(--ambient-rotation))); }
.ambient-ribbon-two { top:43%; right:-29%; transform:translate3d(0,var(--ambient-scroll-b),0) rotate(calc(7deg - var(--ambient-rotation))); opacity:.33; }
.ambient-ribbon-two i { border-color:rgba(88,132,255,.34); box-shadow:0 -12px 42px rgba(62,102,225,.13); }
.ambient-ribbon-three { bottom:-2%; left:-18%; transform:translate3d(0,var(--ambient-scroll-c),0) rotate(calc(-5deg + var(--ambient-rotation))); opacity:.3; }
.ambient-ribbon-three i { border-color:rgba(153,102,215,.3); box-shadow:0 -10px 42px rgba(125,72,181,.12); }
.ambient-orb { position:absolute; display:block; border-radius:50%; filter:blur(78px); opacity:.12; will-change:transform; }
.ambient-orb-one { width:420px; height:420px; right:-140px; top:14%; background:#586be0; animation:ambientOrbOne 26s ease-in-out infinite alternate; }
.ambient-orb-two { width:380px; height:380px; left:-190px; top:58%; background:#72489b; animation:ambientOrbTwo 31s ease-in-out infinite alternate; }
.ambient-orb-three { width:310px; height:310px; right:18%; bottom:-180px; background:#315ea7; animation:ambientOrbThree 35s ease-in-out infinite alternate; }
.ambient-vignette { position:absolute; inset:0; display:block; z-index:4; background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.16) 76%,rgba(0,0,0,.42) 100%); }
@keyframes ambientWorldBreathe { from{transform:translate3d(-1.5%,-1%,0) scale(.98);opacity:.34} to{transform:translate3d(1.5%,1.2%,0) scale(1.035);opacity:.48} }
@keyframes ambientRibbonBreath { 0%{translate:-2% -3px;scale:.985 1;opacity:.66} 55%{translate:1.5% 7px;scale:1.025 1.08;opacity:1} 100%{translate:3% -2px;scale:1.01 .98;opacity:.72} }
@keyframes ambientOrbOne { from{transform:translate3d(-4vw,-2vh,0) scale(.92)} to{transform:translate3d(3vw,8vh,0) scale(1.12)} }
@keyframes ambientOrbTwo { from{transform:translate3d(0,-4vh,0) scale(1)} to{transform:translate3d(7vw,5vh,0) scale(1.16)} }
@keyframes ambientOrbThree { from{transform:translate3d(-5vw,2vh,0) scale(.96)} to{transform:translate3d(3vw,-7vh,0) scale(1.12)} }
.site-body .noise { opacity:.045; mix-blend-mode:soft-light; }
.site-body ::selection { background:#e8edff; color:#07070a; }
.site-body .container { width:min(var(--container),calc(100% - 64px)); }
.site-body .section-pad { padding:150px 0; }
.site-body .eyebrow { color:#c7d5ff; letter-spacing:.22em; font-size:.68rem; }
.site-body h1,.site-body h2,.site-body h3 { font-family:"Space Grotesk",Manrope,sans-serif; letter-spacing:-.055em; }
.site-body h1 { font-size:clamp(4rem,9.1vw,9.8rem); font-weight:500; line-height:.88; }
.site-body h2 { font-size:clamp(2.7rem,5.8vw,6.2rem); font-weight:500; line-height:.94; }
.site-body h3 { font-weight:500; }
.site-body p { color:var(--muted); }

/* Shared liquid-glass language */
.site-body .glass-panel,
.site-body [data-glass] { position:relative; isolation:isolate; background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035) 46%,rgba(255,255,255,.055)); border:1px solid rgba(255,255,255,.14); box-shadow:var(--glass-shadow); backdrop-filter:blur(28px) saturate(145%); -webkit-backdrop-filter:blur(28px) saturate(145%); overflow:hidden; }
.site-body .glass-panel::before,
.site-body [data-glass]::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(420px circle at var(--glass-x,50%) var(--glass-y,0%),rgba(255,255,255,.19),transparent 42%); opacity:.7; }
.site-body .glass-panel::after,
.site-body [data-glass]::after { content:""; position:absolute; inset:1px; z-index:-1; border-radius:inherit; pointer-events:none; border:1px solid rgba(255,255,255,.035); }
.site-body .glass-button { position:relative; overflow:hidden; isolation:isolate; border:1px solid rgba(255,255,255,.2); background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.07)); box-shadow:0 16px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05); backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); color:#fff; }
.site-body .glass-button::before { content:""; position:absolute; width:90px; height:180%; left:var(--shine-x,-120px); top:-40%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); filter:blur(4px); transition:left .35s var(--ease); z-index:-1; }
.site-body .glass-button:hover::before { left:calc(100% + 30px); }
.site-body .button { border-radius:999px; min-height:58px; padding:0 24px; font-size:.84rem; letter-spacing:-.01em; gap:22px; }
.site-body .button b { width:31px; height:31px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.13); font-size:.82rem; transition:transform .35s var(--ease),background .35s; }
.site-body .button:hover b { transform:rotate(45deg); background:rgba(255,255,255,.22); }
.site-body .button-primary { color:#fff; background:linear-gradient(135deg,rgba(205,218,255,.24),rgba(164,135,222,.12) 55%,rgba(255,255,255,.08)); box-shadow:0 16px 46px rgba(73,92,146,.18),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.055); }
.site-body .button-ghost { color:#fff; background:rgba(255,255,255,.045); }
.site-body .button-light { color:#09090c; background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(229,235,255,.84)); border-color:rgba(255,255,255,.72); box-shadow:0 20px 55px rgba(170,188,235,.22),inset 0 1px 0 #fff; }
.site-body .button-light b { background:rgba(0,0,0,.09); }
.site-body .button-sm { min-height:48px; padding:0 13px 0 20px; }
.site-body .text-link { display:inline-flex; align-items:center; gap:12px; color:#f4f4f7; font-size:.8rem; font-weight:700; letter-spacing:.01em; }
.site-body .text-link span { display:inline-grid; place-items:center; width:28px; height:28px; border:1px solid rgba(255,255,255,.16); border-radius:50%; transition:transform .3s var(--ease),background .3s; }
.site-body .text-link:hover span { transform:translateX(4px); background:rgba(255,255,255,.1); }

/* Scroll progress + cursor */
.scroll-progress { position:fixed; top:0; left:0; right:0; height:2px; z-index:1000; pointer-events:none; }
.scroll-progress i { display:block; width:0; height:100%; background:linear-gradient(90deg,#fff,#a9c5ff,#d4bfff); box-shadow:0 0 20px rgba(183,207,255,.65); }
.cursor-dot {
  --cursor-angle:0rad;
  --cursor-stretch:0;
  --cursor-core-x:0px;
  --cursor-core-y:0px;
  position:fixed;
  left:0;
  top:0;
  width:42px;
  height:42px;
  pointer-events:none;
  z-index:1100;
  border-radius:50%;
  opacity:0;
  transform:translate3d(-120px,-120px,0) translate(-50%,-50%);
  transition:width .32s var(--ease-smooth),height .32s var(--ease-smooth),opacity .2s ease,filter .24s ease;
  will-change:transform,width,height,opacity;
}
.cursor-dot::before {
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(202,211,255,.5);
  border-radius:inherit;
  background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.13),rgba(112,126,255,.045) 46%,rgba(6,8,18,.08) 76%);
  box-shadow:0 0 0 1px rgba(111,126,255,.075),0 10px 30px rgba(0,0,0,.22),0 0 24px rgba(111,126,255,.12),inset 0 1px 0 rgba(255,255,255,.15);
  backdrop-filter:blur(5px) saturate(135%);
  -webkit-backdrop-filter:blur(5px) saturate(135%);
  transform:rotate(var(--cursor-angle)) scaleX(calc(1 + var(--cursor-stretch))) scaleY(calc(1 - (var(--cursor-stretch) * .24)));
  transition:inset .32s var(--ease-smooth),border-color .28s ease,background .28s ease,box-shadow .28s ease;
  will-change:transform;
}
.cursor-dot::after {
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:inherit;
  border:1px solid rgba(139,153,255,.11);
  box-shadow:0 0 30px rgba(99,111,255,.12);
  opacity:.55;
  transform:scale(.78);
  transition:transform .32s var(--ease-smooth),opacity .28s ease,border-color .28s ease;
}
.cursor-dot span {
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff,#aebaff 62%,#7e6cff);
  box-shadow:0 0 0 3px rgba(153,168,255,.08),0 0 15px rgba(153,168,255,.75);
  transform:translate3d(var(--cursor-core-x),var(--cursor-core-y),0) translate(-50%,-50%);
  transition:width .25s var(--ease-smooth),height .25s var(--ease-smooth),border-radius .25s ease,background .25s ease,box-shadow .25s ease;
  will-change:transform;
}
.cursor-dot.active { width:58px; height:58px; }
.cursor-dot.active::before {
  inset:0;
  border-color:rgba(221,227,255,.68);
  background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.25),rgba(112,126,255,.13) 42%,rgba(27,24,69,.16) 78%);
  box-shadow:0 0 0 1px rgba(135,148,255,.11),0 15px 38px rgba(0,0,0,.28),0 0 34px rgba(113,126,255,.22),inset 0 1px 0 rgba(255,255,255,.28);
}
.cursor-dot.active::after { opacity:.85; transform:scale(1.08); border-color:rgba(158,169,255,.2); }
.cursor-dot.active span { width:8px; height:8px; }
.cursor-dot.cursor-text { width:22px; height:38px; }
.cursor-dot.cursor-text::before { inset:6px 9px; border-radius:7px; background:rgba(152,165,255,.08); }
.cursor-dot.cursor-text::after { opacity:.22; transform:scale(.72); }
.cursor-dot.cursor-text span { width:2px; height:20px; border-radius:999px; background:#f6f7ff; box-shadow:0 0 12px rgba(170,183,255,.75); }
.cursor-dot.is-pressed { width:34px; height:34px; filter:brightness(1.22); }
.cursor-dot.is-pressed::after { transform:scale(.58); opacity:.4; }
.cursor-dot.is-hidden { opacity:0!important; }
html.cursor-enhanced,
html.cursor-enhanced body,
html.cursor-enhanced a,
html.cursor-enhanced button,
html.cursor-enhanced summary,
html.cursor-enhanced input,
html.cursor-enhanced textarea,
html.cursor-enhanced select,
html.cursor-enhanced [role="button"] { cursor:none!important; }
@media (pointer:coarse),(max-width:900px){.cursor-dot{display:none!important}}

/* Floating glass navigation */
.site-body .site-header { height:var(--header); padding-top:16px; border:0; background:transparent; }
.site-body .site-header.scrolled { background:transparent; backdrop-filter:none; }
.site-body .glass-nav { height:66px; padding:9px 10px 9px 14px; border-radius:999px; background:rgba(12,12,14,.64); border:1px solid rgba(255,255,255,.115); box-shadow:0 16px 60px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter:blur(26px) saturate(145%); -webkit-backdrop-filter:blur(26px) saturate(145%); transition:height .3s,background .3s,border-color .3s,transform .3s; }
.site-body .site-header.scrolled .glass-nav { height:60px; background:rgba(8,8,9,.78); border-color:rgba(255,255,255,.16); }
.public-brand { gap:11px; min-width:190px; }
.public-brand .brand-glyph { position:relative; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.17); background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.3),rgba(255,255,255,.08) 38%,rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 30px rgba(0,0,0,.38); overflow:hidden; }
.public-brand .brand-glyph::after { content:""; position:absolute; width:17px; height:17px; left:11px; top:11px; border-radius:50% 50% 50% 10%; transform:rotate(45deg); background:linear-gradient(135deg,#fff,#a6bfff); box-shadow:0 0 18px rgba(173,200,255,.52); }
.public-brand .brand-glyph i { position:absolute; width:18px; height:1px; background:rgba(255,255,255,.2); left:11px; top:20px; transform:rotate(45deg); }
.public-brand>span:last-child { font-size:.92rem; }
.public-brand small { color:#777780; font-size:.51rem; letter-spacing:.13em; }
.site-body .site-nav { gap:4px; padding:3px; border-radius:999px; background:rgba(255,255,255,.025); }
.site-body .site-nav a { display:flex; align-items:center; gap:7px; padding:10px 14px; border-radius:999px; color:#8e8e97; font-size:.74rem; font-weight:600; transition:background .25s,color .25s; }
.site-body .site-nav a small { color:#55555d; font-size:.48rem; letter-spacing:.08em; }
.site-body .site-nav a::after { display:none; }
.site-body .site-nav a:hover,.site-body .site-nav a.active { color:#fff; background:rgba(255,255,255,.075); }
.site-body .site-nav a.active small { color:#aebfe6; }
.site-body .glass-icon { border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.07); border-radius:50%; }

/* Hero */
.studio-hero { position:relative; min-height:1180px; padding:calc(var(--header) + 82px) 0 100px; overflow:hidden; }
.studio-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:220px; background:linear-gradient(transparent,#030303); pointer-events:none; }
.hero-grid-lines { position:absolute; inset:0; opacity:.42; background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.05) 50%,transparent calc(50% + .5px)),linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px); background-size:100% 100%,100% 120px; mask-image:linear-gradient(to bottom,#000,transparent 88%); }
.hero-ambient { position:absolute; border-radius:50%; filter:blur(80px); opacity:.2; pointer-events:none; }
.ambient-a { width:520px; height:520px; top:110px; right:-160px; background:#6181d7; animation:ambientFloat 14s ease-in-out infinite; }
.ambient-b { width:450px; height:450px; bottom:180px; left:-240px; background:#8a5cae; animation:ambientFloat 17s ease-in-out infinite reverse; }
.studio-hero-inner { position:relative; z-index:2; }
.hero-status { display:flex; justify-content:space-between; align-items:center; color:#777780; font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; padding-bottom:28px; border-bottom:1px solid var(--line); }
.hero-status .availability { margin:0; color:#a7a7af; }
.hero-status .availability i { background:#c8d7ff; box-shadow:0 0 0 5px rgba(188,210,255,.08),0 0 16px rgba(188,210,255,.7); }
.hero-editorial { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:64px; align-items:end; padding:75px 0 62px; }
.hero-copy { position:relative; }
.hero-index { position:absolute; top:1.2vw; left:-1px; color:#66666e; font-size:.58rem; letter-spacing:.15em; }
.hero-copy h1 { max-width:1100px; text-wrap:balance; background:linear-gradient(180deg,#fff 0%,#e9e9ed 55%,#9898a2 120%); background-clip:text; -webkit-background-clip:text; color:transparent; }
.hero-side { padding-bottom:12px; }
.hero-side>p { font-size:1rem; line-height:1.85; color:#a5a5ae; }
.hero-side .hero-actions { display:grid; justify-items:start; gap:22px; margin-top:30px; }
.hero-object { position:relative; min-height:560px; perspective:1400px; }
.product-window { border-radius:32px; min-height:540px; transform:rotateX(1.5deg); }
.product-window-top { height:60px; padding:0 20px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(255,255,255,.1); color:#7b7b84; font-size:.6rem; letter-spacing:.08em; text-transform:uppercase; }
.product-window-top>div { display:flex; gap:7px; }
.product-window-top i { display:block; width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.18); }
.product-window-top i:first-child { background:#ff7f87; }.product-window-top i:nth-child(2){background:#ffd36d}.product-window-top i:nth-child(3){background:#8ee0ad}
.product-window-top b { justify-self:end; color:#c3d3ff; font-size:.54rem; letter-spacing:.16em; }
.product-window-body { min-height:478px; display:grid; grid-template-columns:185px 1fr; }
.product-sidebar { border-right:1px solid rgba(255,255,255,.09); padding:38px 22px; display:flex; flex-direction:column; gap:12px; }
.product-sidebar span { color:#62626b; font-size:.62rem; padding:10px 12px; border-radius:9px; }
.product-sidebar span.active { color:#f4f4f7; background:rgba(255,255,255,.07); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.product-canvas { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:54px 55px 34px; background:radial-gradient(circle at 74% 36%,rgba(123,151,214,.15),transparent 26%),radial-gradient(circle at 70% 65%,rgba(158,113,188,.1),transparent 26%); }
.product-canvas::before { content:""; position:absolute; inset:0; opacity:.35; background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:55px 55px; mask-image:radial-gradient(circle at 70% 45%,#000,transparent 70%); }
.product-title { position:relative; z-index:2; }
.product-title small { color:#8f9bc0; font-size:.57rem; letter-spacing:.18em; }
.product-title strong { display:block; margin-top:13px; font:500 clamp(2.7rem,5vw,5.6rem)/.88 "Space Grotesk"; letter-spacing:-.065em; color:#f5f5f8; }
.product-orb { position:absolute; right:9%; top:20%; width:min(29vw,350px); aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.46),rgba(174,197,255,.16) 19%,rgba(127,108,171,.14) 52%,rgba(255,255,255,.015) 72%); border:1px solid rgba(255,255,255,.17); box-shadow:inset -28px -25px 80px rgba(0,0,0,.45),inset 20px 18px 60px rgba(255,255,255,.1),0 40px 90px rgba(0,0,0,.55),0 0 90px rgba(115,143,210,.12); animation:orbFloat 7s ease-in-out infinite; }
.product-orb::before,.product-orb::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.12); }
.product-orb::before { inset:12%; }.product-orb::after { inset:28%; border-style:dashed; animation:spin 18s linear infinite; }
.product-orb i { position:absolute; inset:8%; border-radius:50%; background:conic-gradient(from 120deg,transparent,rgba(187,208,255,.14),transparent 35%,rgba(216,188,255,.12),transparent 70%); filter:blur(2px); animation:spin 14s linear infinite reverse; }
.product-orb span { font:600 clamp(2rem,4vw,4.6rem)/1 "Space Grotesk"; letter-spacing:-.08em; color:rgba(255,255,255,.84); text-shadow:0 0 32px rgba(255,255,255,.25); }
.product-metrics { position:relative; z-index:3; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.product-metrics>div { padding:16px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(7,7,9,.42); backdrop-filter:blur(14px); }
.product-metrics span { display:block; color:#5e5e68; font-size:.46rem; letter-spacing:.16em; }
.product-metrics strong { display:block; margin-top:8px; color:#cfcfd5; font-size:.74rem; }
.glass-float { position:absolute; z-index:3; display:flex; align-items:center; gap:12px; padding:13px 15px; border-radius:16px; background:rgba(18,18,21,.64); }
.glass-float>span { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:rgba(255,255,255,.08); color:#c3d2fb; font-size:.64rem; }
.glass-float div { display:grid; }.glass-float small{color:#6e6e77;font-size:.52rem}.glass-float strong{color:#e8e8ec;font-size:.7rem;margin-top:2px}
.float-a { left:-28px; top:82px; animation:floatChip 6s ease-in-out infinite; }.float-b{right:-25px;bottom:62px;animation:floatChip 7.5s ease-in-out infinite reverse}
.hero-bottomline { display:flex; align-items:center; gap:20px; color:#5d5d66; font-size:.58rem; text-transform:uppercase; letter-spacing:.15em; padding-top:27px; }
.hero-bottomline>i { height:1px; flex:1; background:var(--line); }.hero-bottomline>div{display:flex;gap:20px}.hero-bottomline>div span{color:#8a8a93}

/* Kinetic ribbon */
.kinetic-strip { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.02); transform:rotate(-1deg) scale(1.02); }
.kinetic-track { width:max-content; display:flex; align-items:center; gap:28px; padding:22px 0; animation:marquee 32s linear infinite; }
.kinetic-track span { font:500 clamp(1.15rem,2.1vw,2rem)/1 "Space Grotesk"; letter-spacing:-.04em; color:#b6b6be; white-space:nowrap; }
.kinetic-track i { color:#8499cd; font-style:normal; }

/* Manifesto */
.manifesto-section { padding-top:190px; }
.manifesto-grid { display:grid; grid-template-columns:250px 1fr; gap:90px; align-items:start; }
.manifesto-label { position:sticky; top:130px; color:#585860; font-size:.64rem; text-transform:uppercase; letter-spacing:.1em; }
.manifesto-label .eyebrow { margin-bottom:25px; }
.manifesto-copy h2 { max-width:980px; }
.manifesto-copy h2 em { font-style:normal; color:#73737c; }
.manifesto-note { margin-top:55px; margin-left:auto; width:min(100%,570px); display:grid; gap:30px; }
.manifesto-note p { font-size:1.08rem; line-height:1.85; }

/* Editorial work */
.featured-work { background:linear-gradient(180deg,transparent,rgba(255,255,255,.016),transparent); }
.editorial-heading { grid-template-columns:minmax(0,1fr) 380px; margin-bottom:75px; }
.editorial-heading h2 { max-width:900px; }
.editorial-heading>p { font-size:.96rem; line-height:1.75; }
.editorial-work-list { display:grid; gap:22px; }
.editorial-project { display:grid; grid-template-columns:1fr minmax(400px,46%); grid-template-rows:auto 1fr; gap:28px 48px; padding:34px; border-radius:30px; transition:transform .45s var(--ease),border-color .35s,background .35s; }
.editorial-project:hover { transform:translateY(-7px); border-color:rgba(255,255,255,.24); background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.04)); }
.editorial-project-head { display:grid; grid-template-columns:42px 1fr 46px; align-items:start; gap:16px; }
.editorial-project-head>span { color:#5f5f68; font-size:.62rem; padding-top:8px; }
.editorial-project-head small { color:#7c88aa; font-size:.57rem; text-transform:uppercase; letter-spacing:.16em; }
.editorial-project-head h3 { font-size:clamp(2rem,4.3vw,5rem); line-height:.93; margin-top:14px; color:#f1f1f4; }
.editorial-project-head>b { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.14); border-radius:50%; font-size:.75rem; transition:transform .35s,background .35s; }
.editorial-project:hover .editorial-project-head>b { transform:rotate(45deg); background:rgba(255,255,255,.1); }
.editorial-project-media { grid-column:2; grid-row:1/span 2; position:relative; overflow:hidden; border-radius:21px; min-height:310px; background:#0b0b0d; }
.editorial-project-media img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease),filter .5s; }
.editorial-project:hover img { transform:scale(1.045); }
.project-media-overlay { position:absolute; inset:auto 15px 15px; padding:12px 14px; border-radius:13px; display:flex; align-items:center; justify-content:space-between; gap:15px; background:rgba(6,6,8,.58); border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(18px); color:#85858e; font-size:.55rem; }
.project-media-overlay strong { color:#f1f1f4; font-size:.62rem; white-space:nowrap; }
.editorial-project>p { max-width:560px; padding-left:58px; font-size:.88rem; line-height:1.75; }
.featured-work .section-link { margin-top:45px; }

/* Capability rows */
.capability-stage { position:relative; overflow:hidden; }
.capability-stage::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:calc(100% / 6) 100%; opacity:.6; }
.capability-glow { position:absolute; width:560px; height:560px; right:-200px; top:15%; border-radius:50%; background:rgba(96,122,181,.12); filter:blur(100px); }
.capability-layout { position:relative; display:grid; grid-template-columns:390px 1fr; gap:95px; }
.capability-layout .sticky-copy h2 { font-size:clamp(3rem,5.3vw,5.7rem); }
.capability-list { border-top:1px solid var(--line); }
.capability-row { display:grid; grid-template-columns:45px 1fr 175px 45px; gap:22px; align-items:center; padding:30px 4px; border-bottom:1px solid var(--line); transition:padding .35s var(--ease),background .35s; }
.capability-row:hover { padding-left:16px; padding-right:16px; background:rgba(255,255,255,.027); }
.capability-row>span { color:#56565e; font-size:.58rem; }
.capability-row h3 { font-size:clamp(1.4rem,2.4vw,2.4rem); color:#e9e9ed; }
.capability-row p { margin-top:8px; max-width:580px; font-size:.75rem; }
.capability-meta { display:grid; gap:5px; text-align:right; }.capability-meta small{color:#64646d;font-size:.54rem}.capability-meta b{color:#b6b6bd;font-size:.63rem;font-weight:600}
.capability-row>i { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-style:normal; font-size:.67rem; transition:transform .35s,background .35s; }
.capability-row:hover>i { transform:rotate(45deg); background:rgba(255,255,255,.08); }

/* Service commerce */
.service-shop { background:radial-gradient(circle at 14% 30%,rgba(108,87,139,.08),transparent 30rem); }
.glass-service-grid { grid-template-columns:repeat(3,1fr); gap:16px; }
.site-body .service-card { min-height:430px; padding:30px; border-radius:26px; border:1px solid rgba(255,255,255,.115); background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); backdrop-filter:blur(20px); overflow:hidden; }
.site-body .service-card::after { width:230px; height:230px; right:-120px; bottom:-120px; background:radial-gradient(circle,rgba(173,195,255,.14),transparent 68%); opacity:1; border-radius:50%; }
.site-body .service-card:hover { transform:translateY(-8px); border-color:rgba(255,255,255,.24); box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12); }
.site-body .service-number { color:#595961; font-size:.56rem; }
.site-body .service-icon { width:50px; height:50px; border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045)); color:#c9d8ff; border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
.site-body .service-card h3 { font-size:2rem; margin-top:30px; }
.site-body .service-card p { line-height:1.75; }
.site-body .service-meta { border-color:var(--line); color:#71717a; }
.service-card-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; }
.glass-mini { padding:9px 12px; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(255,255,255,.06); color:#d8d8dd; font-size:.63rem; font-weight:700; transition:background .25s,border-color .25s; }
.glass-mini:hover { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.24); }

/* Proof */
.proof-stage { padding-top:70px; }
.proof-shell { border-radius:36px; padding:55px; background:linear-gradient(140deg,rgba(141,164,218,.11),rgba(255,255,255,.04) 45%,rgba(149,114,177,.08)); }
.proof-intro { display:grid; grid-template-columns:200px 1fr; gap:45px; padding-bottom:50px; border-bottom:1px solid var(--line); }
.proof-intro h2 { font-size:clamp(2.5rem,4.6vw,5rem); }
.proof-stats { padding:46px 0; border-bottom:1px solid var(--line); }
.proof-stats .stat { padding:0 35px; border-color:var(--line); }
.proof-stats .stat:first-child { padding-left:0; }.proof-stats .stat:last-child{padding-right:0}
.proof-stats .stat>div { display:flex; align-items:baseline; }
.proof-stats .stat strong { color:#fff; font-size:clamp(2.7rem,4.2vw,4.8rem); font-weight:500; }
.proof-stats .stat b { color:#aebfe6; font-size:1.1rem; }
.proof-principles { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; padding-top:45px; }
.proof-principles>div { padding-right:22px; border-right:1px solid var(--line); }.proof-principles>div:last-child{border:0}
.proof-principles span { color:#5d5d66; font-size:.55rem; }.proof-principles strong{display:block;margin-top:24px;color:#e5e5e9;font-size:.82rem}.proof-principles p{margin-top:12px;font-size:.7rem;line-height:1.65}

/* Process */
.site-body .process-section { background:transparent; }
.site-body .process-grid { grid-template-columns:420px 1fr; gap:100px; }
.site-body .sticky-copy { top:135px; }
.site-body .sticky-copy h2 { font-size:clamp(3rem,5.4vw,5.8rem); }
.site-body .sticky-copy>p { font-size:.9rem; line-height:1.75; }
.site-body .process-list { border-top:1px solid var(--line); }
.site-body .process-step { grid-template-columns:55px 1fr 44px; gap:20px; padding:34px 4px; border-color:var(--line); transition:padding .35s,background .35s; }
.site-body .process-step:hover { padding-left:15px; padding-right:15px; background:rgba(255,255,255,.025); }
.site-body .process-step>span { color:#5b5b64; font-size:.56rem; }
.site-body .process-step h3 { font-size:2rem; }
.site-body .process-step p { max-width:650px; }
.site-body .process-step>i { font-style:normal; color:#7c8bad; }

/* Testimonials */
.site-body .testimonials-section { background:radial-gradient(circle at 80% 35%,rgba(89,106,155,.09),transparent 28rem); }
.site-body .testimonial-grid { grid-template-columns:repeat(3,1fr); gap:16px; }
.site-body .testimonial-card { min-height:390px; padding:30px; border-radius:26px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.11); background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); }
.quote-mark { color:#aebfe6; font:500 4.5rem/.8 Georgia,serif; }
.site-body .testimonial-card>p { font-size:1.03rem; line-height:1.75; margin:34px 0 auto; color:#d6d6db; }
.site-body .testimonial-card footer { border-color:var(--line); display:flex; justify-content:space-between; align-items:end; }
.site-body .testimonial-card footer>div { display:grid; }.testimonial-card footer strong{font-size:.72rem}.testimonial-card footer span{font-size:.58rem}.testimonial-card .stars{color:#aebfe6;font-size:.55rem;letter-spacing:.06em}

/* FAQ */
.site-body .faq-grid { grid-template-columns:390px 1fr; gap:100px; }
.site-body .faq-item { border-color:var(--line); }
.site-body .faq-item summary { padding:28px 4px; font-size:1rem; }
.site-body .faq-item summary>span { display:flex; align-items:center; gap:20px; }
.site-body .faq-item summary small { color:#55555e; font-size:.52rem; font-weight:600; }
.site-body .faq-item summary i { border:1px solid rgba(255,255,255,.12); width:34px; height:34px; display:grid; place-items:center; border-radius:50%; font-size:.8rem; }
.site-body .faq-item p { padding:0 55px 30px 38px; }

/* CTA */
.site-body .cta-section { padding-top:70px; }
.site-body .cta-card { border-radius:38px; min-height:490px; padding:58px; background:radial-gradient(circle at 82% 20%,rgba(179,201,255,.2),transparent 32%),radial-gradient(circle at 15% 95%,rgba(180,139,205,.14),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035)); color:#fff; }
.site-body .cta-card::after { width:420px; height:420px; border:1px solid rgba(255,255,255,.1); border-radius:50%; right:-120px; bottom:-140px; background:transparent; box-shadow:0 0 0 50px rgba(255,255,255,.018),0 0 0 100px rgba(255,255,255,.009); }
.site-body .cta-card .eyebrow { color:#cbd8fa; }
.site-body .cta-card h2 { font-size:clamp(3rem,5.8vw,6.2rem); }
.site-body .cta-card>div:last-child { position:relative; z-index:2; }
.cta-actions { display:flex; flex-wrap:wrap; align-items:center; gap:25px; margin-top:30px; }

/* Inner pages inherit the dark editorial system */
.site-body .page-hero,.site-body .project-hero,.site-body .contact-page,.site-body .order-page { padding-top:calc(var(--header) + 110px); }
.site-body .page-hero { min-height:650px; display:flex; align-items:flex-end; border-bottom:1px solid var(--line); background:radial-gradient(circle at 78% 10%,rgba(103,126,184,.11),transparent 26rem); }
.site-body .page-hero .narrow { width:min(1100px,calc(100% - 64px)); margin-left:max(32px,calc((100% - var(--container))/2)); }
.site-body .page-hero h1 { font-size:clamp(4rem,8.2vw,8.6rem); }
.site-body .page-hero p { font-size:1.05rem; line-height:1.8; max-width:680px; }
.site-body .back-link { color:#777780; font-size:.67rem; letter-spacing:.05em; }
.site-body .services-catalog { gap:16px; }
.site-body .catalog-card { border-radius:28px; border:1px solid rgba(255,255,255,.11); background:linear-gradient(145deg,rgba(255,255,255,.066),rgba(255,255,255,.02)); backdrop-filter:blur(20px); padding:34px; transition:transform .35s,border-color .35s; }
.site-body .catalog-card:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.22); }
.site-body .catalog-card h2 { font-size:clamp(2.2rem,4vw,4rem); }
.site-body .catalog-action { border-color:var(--line); }
.site-body .catalog-action strong { color:#fff; }
.site-body .work-filter { position:sticky; top:100px; z-index:12; display:inline-flex; padding:6px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(8,8,10,.75); backdrop-filter:blur(20px); }
.site-body .work-filter button { border-radius:999px; color:#777780; }
.site-body .work-filter button.active,.site-body .work-filter button:hover { color:#fff; background:rgba(255,255,255,.09); }
.site-body .project-card { border-radius:24px; }
.site-body .project-image { border-radius:24px; border:1px solid var(--line); }
.site-body .project-copy { border-color:var(--line); }
.site-body .project-copy h3,.site-body .project-copy h2 { color:#eeeef1; }
.site-body .project-view,.site-body .live-link { background:rgba(7,7,9,.68); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(18px); border-radius:999px; }
.site-body .service-hero-grid { padding-top:40px; }
.site-body .service-hero-grid h1 { font-size:clamp(4rem,8vw,8rem); }
.site-body .price-panel { border-radius:27px; background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.14); box-shadow:var(--glass-shadow); backdrop-filter:blur(24px); }
.site-body .price-panel strong { color:#fff; }
.site-body .feature-row,.site-body .case-block,.site-body .values-list>div { border-color:var(--line); }
.site-body .info-card { border-radius:24px; border-color:var(--line); background:rgba(255,255,255,.038); }
.site-body .project-title h1 { font-size:clamp(4rem,9vw,9.2rem); }
.site-body .project-tags span { border-color:var(--line); background:rgba(255,255,255,.045); }
.site-body .project-cover { border-radius:30px; border:1px solid var(--line); }
.site-body .case-block h2 { font-size:clamp(2.4rem,4vw,4.4rem); }
.site-body .contact-grid,.site-body .order-grid { gap:90px; }
.site-body .contact-copy h1,.site-body .order-summary h1 { font-size:clamp(4rem,7vw,7.3rem); }
.site-body .contact-methods>a,.site-body .contact-methods>div,.site-body .order-price,.site-body .order-note { border-color:var(--line); background:rgba(255,255,255,.035); }
.site-body .premium-form { border-radius:28px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow:var(--glass-shadow); backdrop-filter:blur(24px); }
.site-body .premium-form input,.site-body .premium-form textarea,.site-body .premium-form select { border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:#eeeef1; }
.site-body .premium-form input:focus,.site-body .premium-form textarea:focus,.site-body .premium-form select:focus { border-color:rgba(184,205,255,.55); box-shadow:0 0 0 4px rgba(158,183,238,.08); }
.site-body .payment-options label { border-color:var(--line); background:rgba(255,255,255,.025); }

/* Footer */
.site-body .site-footer { padding:65px 0 24px; border:0; background:transparent; }
.footer-stage { border-radius:38px; padding:35px 38px 20px; }
.footer-topline { display:flex; align-items:center; gap:18px; padding-bottom:28px; border-bottom:1px solid var(--line); color:#6d6d76; font-size:.58rem; text-transform:uppercase; letter-spacing:.15em; }
.footer-topline i { width:6px; height:6px; border-radius:50%; background:#b9cbfa; box-shadow:0 0 14px rgba(185,203,250,.7); }
.footer-callout { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; padding:70px 0 65px; border-bottom:1px solid var(--line); }
.footer-callout h2 { font-size:clamp(3.4rem,7vw,7.2rem); }
.footer-actions { display:grid; justify-items:start; gap:22px; min-width:280px; }
.footer-email { color:#8d8d96; font-size:.72rem; border-bottom:1px solid var(--line); padding-bottom:5px; }
.footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding:40px 0; }
.footer-links>div { display:grid; gap:9px; align-content:start; }
.site-body .footer-label { color:#56565f; font-size:.53rem; letter-spacing:.16em; margin-bottom:10px; }
.site-body .footer-links a { color:#aaaab1; font-size:.72rem; transition:color .2s,transform .2s; }
.site-body .footer-links a:hover { color:#fff; transform:translateX(3px); }
.footer-wordmark { overflow:hidden; padding:28px 0 16px; border-top:1px solid var(--line); font:500 clamp(4rem,13.6vw,13.5rem)/.74 "Space Grotesk"; letter-spacing:-.095em; white-space:nowrap; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.25); }
.site-body .footer-bottom { border:0; padding:24px 0 4px; color:#55555e; font-size:.56rem; text-transform:uppercase; letter-spacing:.12em; }
.site-body .footer-bottom a { color:#8a8a93; }
.site-body .whatsapp-float { right:24px; bottom:24px; height:52px; padding:0 17px 0 13px; border-radius:999px; display:flex; align-items:center; gap:10px; z-index:95; }
.site-body .whatsapp-float svg { width:23px; height:23px; fill:#dfe7ff; }
.site-body .whatsapp-float strong { font-size:.68rem; }

/* Entrance refinement */
.site-body .reveal { opacity:0; transform:translateY(34px); filter:blur(5px); transition:opacity .95s var(--ease),transform .95s var(--ease),filter .95s var(--ease); }
.site-body .reveal.visible { opacity:1; transform:none; filter:none; }
.site-body:not(.page-ready) .studio-hero .hero-copy h1 { opacity:0; transform:translateY(45px); }
.site-body.page-ready .studio-hero .hero-copy h1 { opacity:1; transform:none; transition:opacity 1.1s .12s var(--ease),transform 1.1s .12s var(--ease); }

@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-50px,40px,0) scale(1.1)}}
@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}
@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}

@media (max-width:1180px){
  .site-body .site-nav{gap:0}.site-body .site-nav a{padding:10px}.public-brand{min-width:auto}
  .hero-editorial{grid-template-columns:1fr;gap:35px}.hero-side{max-width:560px}.hero-side .hero-actions{display:flex;align-items:center}.hero-object{min-height:520px}
  .editorial-project{grid-template-columns:1fr minmax(360px,44%)}
  .capability-layout,.site-body .process-grid,.site-body .faq-grid{grid-template-columns:330px 1fr;gap:60px}
  .glass-service-grid{grid-template-columns:repeat(2,1fr)}
  .proof-principles{grid-template-columns:repeat(2,1fr);gap:35px}.proof-principles>div:nth-child(2){border:0}
}

@media (max-width:900px){
  [data-area="public"]{--header:80px}.site-body .container{width:min(var(--container),calc(100% - 36px))}.site-body .section-pad{padding:105px 0}
  .site-body .site-header{padding-top:10px}.site-body .glass-nav{height:60px;padding:8px 9px 8px 12px}.public-brand small{display:none}
  .site-body .menu-toggle{display:grid}.site-body .site-nav{position:fixed;top:-10px;right:auto;bottom:auto;left:calc((100vw - 100%)/-2);width:100vw;height:100dvh;min-height:100vh;overflow-y:auto;z-index:-1;padding:125px 24px 40px;border-radius:0;background:rgba(3,3,4,.96);backdrop-filter:blur(30px);flex-direction:column;align-items:stretch;gap:5px;transform:translateY(-110%);transition:transform .45s var(--ease)}.site-body.menu-open .site-nav{transform:none}.site-body .site-nav a{font:500 2.5rem/1 "Space Grotesk";padding:20px;border-bottom:1px solid var(--line);border-radius:0}.site-body .site-nav a small{font-size:.6rem}.site-body .site-nav a:hover,.site-body .site-nav a.active{background:transparent}
  .studio-hero{min-height:auto;padding-top:140px}.hero-status>span:last-child{display:none}.hero-editorial{padding:58px 0 48px}.hero-copy h1{font-size:clamp(4.1rem,15vw,8rem)}
  .product-window-body{grid-template-columns:1fr}.product-sidebar{display:none}.product-canvas{min-height:430px;padding:45px 35px 28px}.product-orb{width:280px;right:3%}.product-title strong{font-size:4rem}.float-a{left:-8px}.float-b{right:-8px}
  .manifesto-grid{grid-template-columns:1fr;gap:45px}.manifesto-label{position:relative;top:auto}.manifesto-copy h2{font-size:clamp(3rem,8.8vw,5.2rem)}
  .editorial-heading{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.editorial-heading>p{max-width:620px}
  .editorial-project{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:25px}.editorial-project-media{grid-column:1;grid-row:2;min-height:360px}.editorial-project>p{padding-left:58px}
  .capability-layout,.site-body .process-grid,.site-body .faq-grid{grid-template-columns:1fr;gap:55px}.site-body .sticky-copy{position:relative;top:auto}.capability-row{grid-template-columns:35px 1fr 42px}.capability-meta{display:none}
  .proof-intro{grid-template-columns:1fr}.proof-stats{grid-template-columns:repeat(2,1fr);gap:35px}.proof-stats .stat{padding:20px;border-bottom:1px solid var(--line)}.proof-stats .stat:nth-child(2){border-right:0}
  .site-body .testimonial-grid{grid-template-columns:1fr 1fr}.footer-callout{grid-template-columns:1fr}.footer-actions{display:flex;align-items:center;flex-wrap:wrap}.footer-wordmark{font-size:15vw}
  .site-body .page-hero .narrow{margin-inline:auto;width:min(1100px,calc(100% - 36px))}.site-body .contact-grid,.site-body .order-grid{gap:50px}
}

@media (max-width:620px){
  .site-body .container{width:min(var(--container),calc(100% - 26px))}.site-body .section-pad{padding:82px 0}.desktop-cta{display:none}.public-brand .brand-glyph{width:38px;height:38px}
  .studio-hero{padding-top:125px}.hero-copy h1{font-size:clamp(3.7rem,18vw,6rem)}.hero-index{display:none}.hero-side .hero-actions{align-items:flex-start;flex-direction:column}.hero-bottomline>div{display:none}
  .hero-object{min-height:390px}.product-window{min-height:390px;border-radius:22px}.product-window-top{height:48px;grid-template-columns:1fr auto}.product-window-top>span{display:none}.product-window-body{min-height:340px}.product-canvas{min-height:340px;padding:30px 20px 22px}.product-title strong{font-size:2.65rem}.product-orb{width:200px;right:-35px;top:20%}.product-metrics{grid-template-columns:1fr 1fr}.product-metrics>div:last-child{display:none}.glass-float{display:none}
  .kinetic-track{padding:17px 0;gap:20px}.manifesto-section{padding-top:115px}.manifesto-note{margin-top:35px}.manifesto-note p{font-size:.94rem}
  .editorial-project{padding:18px;border-radius:22px;gap:20px}.editorial-project-head{grid-template-columns:28px 1fr 38px}.editorial-project-head>b{width:36px;height:36px}.editorial-project-media{min-height:235px;border-radius:16px}.project-media-overlay{inset:auto 9px 9px}.project-media-overlay span{display:none}.editorial-project>p{padding-left:0}
  .capability-row{grid-template-columns:26px 1fr 36px;gap:10px;padding:24px 0}.capability-row h3{font-size:1.55rem}.capability-row p{font-size:.68rem}.capability-row>i{width:34px;height:34px}
  .glass-service-grid{grid-template-columns:1fr}.site-body .service-card{min-height:390px;padding:25px}
  .proof-shell{padding:28px 20px;border-radius:26px}.proof-intro{padding-bottom:30px}.proof-stats{grid-template-columns:1fr 1fr;padding:25px 0}.proof-stats .stat{padding:18px 10px}.proof-principles{grid-template-columns:1fr}.proof-principles>div{border:0;border-bottom:1px solid var(--line);padding:0 0 25px}.proof-principles>div:nth-child(2){border-bottom:1px solid var(--line)}
  .site-body .process-step{grid-template-columns:38px 1fr 25px;gap:10px}.site-body .process-step h3{font-size:1.7rem}
  .site-body .testimonial-grid{grid-template-columns:1fr}.site-body .testimonial-card{min-height:330px}.site-body .faq-item summary{font-size:.86rem}.site-body .faq-item summary>span{gap:12px}.site-body .faq-item p{padding-left:0}
  .site-body .cta-card{padding:32px 22px;border-radius:26px;min-height:430px}.cta-actions{align-items:flex-start;flex-direction:column}
  .footer-stage{padding:25px 20px 14px;border-radius:26px}.footer-callout{padding:50px 0}.footer-links{grid-template-columns:1fr 1fr}.footer-links>div:last-child{grid-column:span 2}.footer-wordmark{font-size:14.3vw}.site-body .footer-bottom{align-items:flex-start;gap:10px}
  .site-body .page-hero,.site-body .project-hero,.site-body .contact-page,.site-body .order-page{padding-top:125px}.site-body .page-hero{min-height:520px}.site-body .page-hero h1{font-size:clamp(3.4rem,16vw,5.6rem)}.site-body .catalog-card{padding:24px}.site-body .work-filter{top:80px;max-width:100%;overflow:auto}.site-body .premium-form{padding:24px 18px}
}

@media (prefers-reduced-motion:reduce){
  .ambient-a,.ambient-b,.product-orb,.product-orb i,.product-orb::after,.glass-float,.kinetic-track{animation:none!important}.cursor-dot{display:none}.site-body .reveal{filter:none}.site-body:not(.page-ready) .studio-hero .hero-copy h1{opacity:1;transform:none}
}

/* ========================================================================== 
   AmazeDevs Experience 1.4 — iPhone liquid glass + cinematic motion
   ========================================================================== */
[data-area="public"] {
  --bg: #020308;
  --bg-soft: #050711;
  --surface: rgba(11,14,27,.56);
  --surface-2: rgba(17,21,39,.68);
  --surface-3: rgba(24,29,52,.78);
  --text: #f7f8ff;
  --muted: #9aa2b8;
  --muted-2: #687089;
  --line: rgba(201,213,255,.105);
  --line-strong: rgba(213,222,255,.235);
  --accent: #aebcff;
  --accent-2: #9079ff;
  --accent-3: #67d7ff;
  --glass-shadow: 0 32px 90px rgba(0,0,0,.56), 0 8px 24px rgba(34,45,104,.14), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.045);
  --liquid-border: rgba(211,222,255,.18);
  --liquid-fill: linear-gradient(145deg,rgba(19,24,45,.78),rgba(7,9,18,.55) 58%,rgba(21,23,43,.68));
  --ease-smooth: cubic-bezier(.16,1,.3,1);
  --container: 1360px;
  --header: 92px;
}

.site-body {
  background:
    radial-gradient(circle at 78% 12%, rgba(90,80,255,.10), transparent 28rem),
    radial-gradient(circle at 18% 26%, rgba(36,137,255,.06), transparent 30rem),
    linear-gradient(180deg,#020309 0%,#03040a 44%,#020309 100%);
}
.site-body::before {
  background:
    linear-gradient(rgba(182,196,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(182,196,255,.018) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.62),transparent 82%);
}
.site-body .noise { opacity:.028; }
.site-body .section-pad { padding:118px 0; }
.site-body h1,.site-body h2,.site-body h3 { font-family:"Space Grotesk",Manrope,sans-serif; }
.site-body .eyebrow { color:#b5c3ff; }

/* True liquid glass: layered refraction, edge light and local pointer highlight. */
.site-body .glass-panel,
.site-body [data-glass],
.liquid-window,
.liquid-phone,
.liquid-dock {
  position:relative;
  isolation:isolate;
  background:var(--liquid-fill);
  border:1px solid var(--liquid-border);
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(30px) saturate(165%);
  -webkit-backdrop-filter:blur(30px) saturate(165%);
  overflow:hidden;
}
.site-body .glass-panel::before,
.site-body [data-glass]::before,
.liquid-window::before,
.liquid-phone::before,
.liquid-dock::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(420px circle at var(--glass-x,50%) var(--glass-y,0%),rgba(224,230,255,.22),transparent 38%),
    linear-gradient(115deg,rgba(255,255,255,.12),transparent 27%,transparent 70%,rgba(141,155,255,.08));
  opacity:.78;
}
.site-body .glass-panel::after,
.site-body [data-glass]::after,
.liquid-window::after,
.liquid-phone::after,
.liquid-dock::after {
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.035);
  box-shadow:inset 0 0 32px rgba(111,127,255,.035);
}
.site-body .glass-button {
  border-color:rgba(211,222,255,.22);
  background:
    radial-gradient(120px circle at var(--glass-x,50%) var(--glass-y,0%),rgba(255,255,255,.28),transparent 58%),
    linear-gradient(145deg,rgba(42,49,82,.64),rgba(13,16,30,.62));
  box-shadow:0 16px 45px rgba(0,0,0,.42),0 0 0 1px rgba(133,150,255,.035),inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(26px) saturate(170%);
  -webkit-backdrop-filter:blur(26px) saturate(170%);
}
.site-body .button-primary {
  background:
    radial-gradient(140px circle at var(--glass-x,50%) var(--glass-y,0%),rgba(255,255,255,.37),transparent 58%),
    linear-gradient(135deg,rgba(139,155,255,.62),rgba(107,82,218,.38) 58%,rgba(65,76,137,.58));
  border-color:rgba(221,227,255,.38);
  box-shadow:0 18px 48px rgba(83,80,204,.30),0 0 28px rgba(117,131,255,.17),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.07);
}
.site-body .button-primary:hover { box-shadow:0 24px 58px rgba(83,80,204,.38),0 0 42px rgba(117,131,255,.24),inset 0 1px 0 rgba(255,255,255,.42); }
.liquid-button { transition:transform .45s var(--ease-smooth),border-color .35s,box-shadow .35s,background .35s; }
.liquid-button:hover { border-color:rgba(232,237,255,.42); }
.wa-dot { color:#35e87f; text-shadow:0 0 15px rgba(53,232,127,.8); font-size:.74rem; }

/* Floating navigation */
.site-body .site-header { padding-top:13px; }
.site-body .glass-nav {
  height:66px;
  padding:9px 10px 9px 13px;
  background:linear-gradient(145deg,rgba(17,21,39,.70),rgba(5,7,14,.69));
  border-color:rgba(211,222,255,.15);
  box-shadow:0 20px 68px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(32px) saturate(170%);
  -webkit-backdrop-filter:blur(32px) saturate(170%);
}
.site-body .site-header.scrolled .glass-nav { background:linear-gradient(145deg,rgba(14,18,34,.88),rgba(4,6,12,.84)); }
.public-brand .brand-glyph {
  border-color:rgba(211,222,255,.25);
  background:radial-gradient(circle at 35% 28%,#eef1ff 0,rgba(147,164,255,.9) 11%,rgba(87,76,213,.6) 28%,rgba(18,22,42,.92) 61%,rgba(4,5,11,.95));
  box-shadow:0 0 24px rgba(109,129,255,.26),inset 0 1px 0 rgba(255,255,255,.43),inset 0 -8px 20px rgba(4,5,15,.6);
}
.public-brand .brand-glyph::after { background:linear-gradient(135deg,#fff,#a7b6ff 62%,#7567f8); box-shadow:0 0 20px rgba(173,190,255,.78); }
.site-body .site-nav { background:rgba(255,255,255,.018); border:1px solid rgba(255,255,255,.035); }
.site-body .site-nav a { padding:10px 17px; color:#a2a8b9; }
.site-body .site-nav a:hover,.site-body .site-nav a.active { background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }

/* Cinematic hero */
.v4-hero { position:relative; min-height:990px; padding:148px 0 70px; overflow:hidden; }
.v4-hero::after { content:""; position:absolute; inset:auto 0 0; height:190px; background:linear-gradient(transparent,#020309); pointer-events:none; z-index:1; }
.ambient-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:0; opacity:.55; pointer-events:none; }
.v4-grid { position:absolute; inset:0; z-index:0; opacity:.6; pointer-events:none; background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(159,178,255,.045) 50%,transparent calc(50% + .5px)),linear-gradient(rgba(159,178,255,.022) 1px,transparent 1px); background-size:100% 100%,100% 86px; mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 60%,transparent 96%); }
.v4-aurora { position:absolute; z-index:0; border-radius:50%; filter:blur(90px); opacity:.2; pointer-events:none; will-change:transform; }
.aurora-one { width:680px; height:560px; right:-170px; top:40px; background:radial-gradient(circle,#6f63ff 0%,rgba(58,81,255,.62) 36%,transparent 72%); animation:v4AuroraOne 18s ease-in-out infinite; }
.aurora-two { width:620px; height:520px; left:-280px; top:280px; background:radial-gradient(circle,#166dff 0%,rgba(62,52,183,.5) 40%,transparent 72%); animation:v4AuroraTwo 22s ease-in-out infinite; }
.aurora-three { width:820px; height:230px; left:31%; top:560px; border-radius:50%; background:linear-gradient(90deg,transparent,#4b3ad8 26%,#7769ff 52%,#173d9e 74%,transparent); filter:blur(64px); opacity:.14; transform:rotate(-8deg); animation:v4AuroraWave 16s ease-in-out infinite; }
.v4-hero-shell { position:relative; z-index:2; }
.v4-hero-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr); gap:58px; align-items:center; min-height:680px; }
.v4-hero-copy { position:relative; z-index:8; padding-top:8px; }
.v4-availability { width:max-content; max-width:100%; display:flex; align-items:center; gap:11px; padding:9px 13px; border:1px solid rgba(211,222,255,.14); border-radius:999px; background:rgba(14,18,32,.44); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(16px); color:#b5bdd2; font-size:.59rem; text-transform:uppercase; letter-spacing:.14em; font-weight:700; }
.v4-availability i { width:7px; height:7px; border-radius:50%; background:#a8b8ff; box-shadow:0 0 0 5px rgba(132,153,255,.1),0 0 18px rgba(132,153,255,.85); animation:v4Pulse 2.6s ease-in-out infinite; }
.v4-hero h1 { max-width:760px; margin-top:31px; font-size:clamp(3.95rem,6.25vw,7.05rem); font-weight:600; line-height:.98; letter-spacing:-.064em; text-wrap:balance; }
.v4-hero h1 span { color:transparent; background:linear-gradient(110deg,#eaf0ff 0%,#9daeff 33%,#806df3 76%,#d3d9ff 100%); background-size:220% auto; -webkit-background-clip:text; background-clip:text; animation:v4TextShimmer 8s linear infinite; }
.v4-hero-lead { max-width:640px; margin-top:27px; color:#acb3c7; font-size:clamp(.95rem,1.1vw,1.08rem); line-height:1.78; }
.v4-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin-top:31px; }
.v4-hero-actions .button { min-height:51px; padding:0 16px 0 20px; font-size:.72rem; }
.v4-hero-actions .button b { width:28px; height:28px; }
.whatsapp-hero { color:#dfffea; }
.wa-icon { width:18px; height:18px; flex:0 0 18px; fill:#58e38f; filter:drop-shadow(0 0 10px rgba(88,227,143,.22)); }
.button .wa-icon { margin-right:1px; }
.v4-tech { margin-top:31px; }
.v4-tech>small { display:block; color:#777f94; font-size:.61rem; margin-bottom:12px; }
.v4-tech>div { display:flex; flex-wrap:wrap; gap:7px; }
.v4-tech>div span { padding:5px 8px; border:1px solid rgba(211,222,255,.09); border-radius:7px; background:rgba(255,255,255,.025); color:#8992aa; font-size:.54rem; font-weight:800; letter-spacing:.02em; }

/* Hero liquid panel constellation */
.liquid-stage { position:relative; min-height:680px; perspective:1600px; transform-style:preserve-3d; }
.stage-glow { position:absolute; width:570px; height:320px; left:8%; top:33%; border-radius:50%; background:radial-gradient(ellipse,rgba(81,71,245,.34),rgba(22,62,170,.15) 42%,transparent 72%); filter:blur(45px); transform:rotate(-11deg); animation:v4StageGlow 8s ease-in-out infinite; }
.liquid-window,.liquid-phone,.liquid-dock { border-radius:24px; transition:transform .3s var(--ease-smooth),border-color .3s,box-shadow .3s; transform-style:preserve-3d; will-change:transform; }
.liquid-window:hover,.liquid-phone:hover { border-color:rgba(226,232,255,.32); box-shadow:0 38px 100px rgba(0,0,0,.62),0 0 45px rgba(102,111,255,.16),inset 0 1px 0 rgba(255,255,255,.24); }
.main-product-panel { position:absolute; width:430px; height:285px; right:19px; top:37px; z-index:4; transform:rotateY(-7deg) rotateX(2deg) rotateZ(-2deg); animation:v4PanelFloatA 7.5s ease-in-out infinite; }
.liquid-window-bar { height:45px; display:flex; align-items:center; justify-content:space-between; padding:0 15px; border-bottom:1px solid rgba(211,222,255,.1); color:#9fa8bf; font-size:.57rem; }
.liquid-window-bar>div { display:flex; gap:5px; }.liquid-window-bar i { width:5px; height:5px; border-radius:50%; background:#76809a; }
.main-product-content { position:relative; z-index:2; padding:29px 25px; width:63%; }
.main-product-content>small { color:#8e99ba; letter-spacing:.17em; font-size:.46rem; }
.main-product-content h2 { margin-top:12px; font-family:Georgia,serif; font-size:2.45rem; font-weight:400; line-height:.9; letter-spacing:-.06em; }
.main-product-content h2 em { color:#a8b6ff; font-style:normal; }
.main-product-content p { margin-top:13px; font-size:.55rem; line-height:1.55; color:#8089a0; }
.main-product-content>a { display:inline-flex; align-items:center; gap:8px; margin-top:14px; color:#eef1ff; font-size:.54rem; }
.main-product-content>a span { width:19px; height:19px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; }
.panel-metrics { display:flex; gap:9px; margin-top:17px; }
.panel-metrics>div { min-width:76px; padding:9px; border:1px solid rgba(211,222,255,.085); border-radius:10px; background:rgba(255,255,255,.025); }
.panel-metrics small { display:block; color:#717b94; font-size:.42rem; }.panel-metrics strong { display:block; margin-top:2px; font-size:.85rem; }
.ad-orb { position:absolute; right:27px; top:62px; width:128px; height:128px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(199,210,255,.28); background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.36),rgba(128,139,255,.22) 16%,rgba(48,48,105,.25) 36%,rgba(4,7,16,.8) 65%); box-shadow:0 0 45px rgba(107,104,255,.35),inset 0 0 38px rgba(134,151,255,.18); }
.ad-orb::before,.ad-orb::after,.ad-orb i { content:""; position:absolute; border-radius:50%; border:1px solid rgba(189,202,255,.16); }
.ad-orb::before { inset:13px; }.ad-orb::after { inset:27px; }.ad-orb i { inset:40px; box-shadow:0 0 20px rgba(137,151,255,.32); animation:v4OrbSpin 9s linear infinite; }
.ad-orb span { position:relative; z-index:2; font:600 1.35rem Georgia,serif; }
.code-panel { position:absolute; left:2px; top:220px; width:340px; height:250px; z-index:6; border-radius:20px; transform:rotateY(7deg) rotateZ(2deg); animation:v4PanelFloatB 8.5s ease-in-out infinite; }
.code-title { height:37px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(211,222,255,.08); color:#8a94ac; font-size:.46rem; }.code-title i { width:6px; height:6px; border-radius:50%; background:#6e82ff; box-shadow:0 0 10px #6e82ff; }
.code-panel pre { margin:0; padding:14px 16px; color:#b7c0d8; font:500 .47rem/1.62 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; }.code-panel code>span { color:#aa8cff; }
.pos-phone { position:absolute; width:165px; height:342px; left:305px; top:306px; z-index:9; border-radius:31px; padding:16px 13px 12px; border-width:1.5px; transform:rotateY(-4deg) rotateZ(-1deg); animation:v4PanelFloatC 7s ease-in-out infinite; }
.phone-island { width:52px; height:13px; margin:0 auto 17px; border-radius:999px; background:#04050a; border:1px solid rgba(255,255,255,.06); }
.pos-phone header { display:grid; }.pos-phone header small { color:#fff; font-size:.65rem; }.pos-phone header strong { color:#8f98ad; font-size:.48rem; margin-top:2px; }
.phone-status { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:14px; }.phone-status>div { padding:9px 7px; border-radius:10px; background:rgba(255,255,255,.035); border:1px solid rgba(211,222,255,.075); }.phone-status small { display:block; color:#717b93; font-size:.42rem; }.phone-status b { display:block; margin-top:3px; color:#63e49a; font-size:.6rem; }
.phone-food { height:124px; margin-top:10px; display:grid; place-items:center; border-radius:14px; overflow:hidden; background:radial-gradient(circle at 38% 32%,#d4a568 0 5%,#794a27 7% 13%,#291d1a 14% 35%,#0b0c12 37%); box-shadow:inset 0 0 35px rgba(0,0,0,.5); }.phone-food span { width:45px; height:45px; display:grid; place-items:center; border-radius:50%; background:rgba(5,7,14,.64); border:1px solid rgba(255,255,255,.18); color:#fff; font-size:.55rem; }
.pos-phone>a { position:absolute; left:13px; right:13px; bottom:12px; height:34px; display:flex; align-items:center; justify-content:space-between; padding:0 10px; border-radius:11px; background:rgba(255,255,255,.06); border:1px solid rgba(211,222,255,.1); color:#dce2f5; font-size:.49rem; }
.sales-panel { position:absolute; right:0; top:300px; width:226px; height:194px; z-index:10; padding:18px; transform:rotateY(-7deg) rotateZ(2deg); animation:v4PanelFloatD 7.8s ease-in-out infinite; }.sales-panel>small,.sales-panel>span,.sales-panel>strong,.sales-panel>em { display:block; }.sales-panel>small { color:#b9c1d8; font-size:.55rem; text-transform:uppercase; letter-spacing:.1em; }.sales-panel>span { color:#737d95; font-size:.45rem; margin-top:8px; }.sales-panel>strong { font-size:1.35rem; margin-top:3px; }.sales-panel>em { color:#5ee297; font-size:.44rem; font-style:normal; margin-top:2px; }.sales-panel svg { position:absolute; left:13px; right:13px; bottom:12px; width:calc(100% - 26px); height:72px; overflow:visible; }.chart-fill { fill:url(#salesFill); }.chart-line { fill:none; stroke:#8396ff; stroke-width:3; stroke-linecap:round; filter:drop-shadow(0 0 7px rgba(108,129,255,.8)); stroke-dasharray:400; stroke-dashoffset:400; animation:v4ChartDraw 3s 1s var(--ease-smooth) forwards; }
.customers-panel { position:absolute; right:29px; top:512px; width:151px; height:105px; z-index:11; padding:17px; border-radius:19px; animation:v4PanelFloatE 8.2s ease-in-out infinite; }.customers-panel small,.customers-panel strong,.customers-panel em { display:block; }.customers-panel small { color:#818ba3; font-size:.48rem; }.customers-panel strong { font-size:1.2rem; margin-top:7px; }.customers-panel em { color:#5ee297; font-size:.48rem; font-style:normal; }
.liquid-dock { position:absolute; left:222px; bottom:18px; z-index:13; display:flex; gap:7px; padding:8px; border-radius:16px; animation:v4DockFloat 6s ease-in-out infinite; }.liquid-dock span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; border:1px solid rgba(211,222,255,.1); background:rgba(255,255,255,.045); color:#d7ddf2; font-size:.72rem; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }

.v4-stats-strip { position:relative; z-index:3; margin-top:20px; min-height:105px; border-radius:23px; display:grid; grid-template-columns:repeat(4,1fr); padding:13px 7px; }
.v4-stat { display:flex; align-items:center; gap:14px; padding:11px 22px; border-right:1px solid rgba(211,222,255,.09); }.v4-stat:last-child { border:0; }
.stat-icon { flex:0 0 48px; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#e9edff; font-size:1.05rem; border:1px solid rgba(211,222,255,.18); background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.2),rgba(110,119,255,.12) 38%,rgba(6,8,17,.65)); box-shadow:0 0 26px rgba(111,126,255,.18),inset 0 1px 0 rgba(255,255,255,.18); }
.v4-stat>div { display:grid; }.v4-stat strong { font:600 1.45rem/1 "Space Grotesk"; }.v4-stat small { color:#858ea5; font-size:.58rem; margin-top:5px; line-height:1.35; }

/* Project rail */
.v4-work { padding-top:100px; }
.v4-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:45px; }
.v4-section-heading h2 { font-size:clamp(2.6rem,4.9vw,5.25rem); line-height:.94; }.v4-section-heading h2 span { color:#8994b4; }.v4-section-heading>p { max-width:560px; font-size:.88rem; line-height:1.75; }
.project-rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(260px,1fr); gap:14px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:inline mandatory; scrollbar-width:none; padding:7px 3px 17px; }.project-rail::-webkit-scrollbar { display:none; }
.v4-project-card { min-width:0; min-height:390px; border-radius:22px; padding:15px; display:grid; grid-template-rows:auto 1fr auto; scroll-snap-align:start; transition:transform .45s var(--ease-smooth),border-color .35s; }.v4-project-card:hover { transform:translateY(-8px); border-color:rgba(213,222,255,.3); }
.project-card-copy { padding:5px 4px 13px; }.project-card-copy>span { color:#7d86a0; font-size:.5rem; text-transform:uppercase; letter-spacing:.12em; }.project-card-copy h3 { margin-top:6px; font-size:1.25rem; letter-spacing:-.04em; }
.project-card-media { position:relative; min-height:246px; border-radius:16px; overflow:hidden; background:#070913; border:1px solid rgba(211,222,255,.09); }.project-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .75s var(--ease-smooth),filter .75s; }.project-card-media i { position:absolute; inset:0; background:linear-gradient(180deg,transparent 54%,rgba(2,3,8,.45)); pointer-events:none; }.v4-project-card:hover img { transform:scale(1.045); filter:saturate(1.08) contrast(1.04); }
.project-card-footer { display:flex; align-items:center; justify-content:space-between; padding:13px 3px 0; color:#c8cfe0; font-size:.58rem; }.project-card-footer span { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(211,222,255,.12); transition:transform .35s,background .35s; }.v4-project-card:hover .project-card-footer span { transform:rotate(45deg); background:rgba(255,255,255,.08); }
.rail-controls { margin-top:17px; display:flex; align-items:center; justify-content:center; gap:11px; }.rail-controls button,.testimonial-controls button { width:38px; height:38px; border:1px solid rgba(211,222,255,.13); border-radius:50%; background:rgba(255,255,255,.035); color:#cdd4e7; cursor:pointer; transition:background .25s,border-color .25s,transform .25s; }.rail-controls button:hover,.testimonial-controls button:hover { transform:translateY(-2px); background:rgba(255,255,255,.08); border-color:rgba(211,222,255,.28); }.rail-controls>div { width:86px; height:2px; background:rgba(255,255,255,.08); border-radius:99px; overflow:hidden; }.rail-controls i { display:block; width:33%; height:100%; background:linear-gradient(90deg,#7d91ff,#b5bfff); transition:transform .35s var(--ease-smooth),width .35s; }

/* Services */
.v4-services { position:relative; overflow:hidden; }
.services-ambient { position:absolute; width:780px; height:430px; left:28%; top:80px; border-radius:50%; background:radial-gradient(ellipse,rgba(88,72,255,.12),transparent 67%); filter:blur(50px); pointer-events:none; }
.v4-services-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.v4-service-card { min-height:330px; border-radius:22px; padding:21px 17px 18px; display:flex; flex-direction:column; transition:transform .45s var(--ease-smooth),border-color .35s; }.v4-service-card:hover { transform:translateY(-9px); border-color:rgba(213,222,255,.3); }
.service-orb { width:60px; height:60px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(211,222,255,.2); background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.26),rgba(112,124,255,.14) 31%,rgba(6,9,19,.72) 68%); box-shadow:0 0 32px rgba(102,118,255,.18),inset 0 1px 0 rgba(255,255,255,.23); }.service-orb svg { width:27px; height:27px; color:#dbe1ff; filter:drop-shadow(0 0 8px rgba(141,157,255,.5)); }
.service-index { align-self:flex-end; margin-top:-50px; color:#596078; font-size:.49rem; }
.v4-service-card h3 { margin-top:45px; font-size:1.12rem; line-height:1.05; }.v4-service-card>p { margin-top:11px; font-size:.67rem; line-height:1.6; }
.service-card-meta { display:grid; gap:4px; margin-top:auto; padding-top:20px; color:#737d95; font-size:.51rem; }.service-card-links { display:flex; justify-content:space-between; align-items:center; margin-top:14px; padding-top:12px; border-top:1px solid rgba(211,222,255,.08); font-size:.55rem; color:#d2d8eb; }

/* Process + testimonial */
.v4-story-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; }
.v4-process-panel,.v4-testimonial-panel { min-height:360px; border-radius:27px; padding:29px; }
.v4-process-panel { position:relative; }.v4-process-panel>.eyebrow,.v4-testimonial-panel>.eyebrow { margin-bottom:38px; }
.process-track { position:absolute; left:77px; right:77px; top:118px; height:1px; background:rgba(211,222,255,.11); }.process-track i { display:block; width:0; height:100%; background:linear-gradient(90deg,#8799ff,#b0bdff); box-shadow:0 0 14px rgba(133,151,255,.45); transition:width 1.7s var(--ease-smooth); }.v4-process-panel.visible .process-track i { width:100%; }
.v4-process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }.v4-process-grid article { position:relative; }.process-bubble { position:relative; z-index:2; width:43px; height:43px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(211,222,255,.22); background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.26),rgba(115,126,255,.12) 38%,rgba(5,7,15,.78)); box-shadow:0 0 24px rgba(100,119,255,.17),inset 0 1px 0 rgba(255,255,255,.2); color:#e7ebff; font-size:.53rem; }.v4-process-grid h3 { margin-top:28px; font-size:1rem; }.v4-process-grid p { margin-top:8px; font-size:.6rem; line-height:1.6; }
.v4-testimonial-panel { display:flex; flex-direction:column; }.testimonial-slides { position:relative; flex:1; }.v4-testimonial-slide { position:absolute; inset:0; margin:0; opacity:0; transform:translateX(24px); pointer-events:none; transition:opacity .55s var(--ease-smooth),transform .55s var(--ease-smooth); }.v4-testimonial-slide.active { opacity:1; transform:none; pointer-events:auto; }.big-quote { position:absolute; left:0; top:-21px; color:rgba(151,166,220,.2); font:700 5rem/1 Georgia,serif; }.v4-testimonial-slide>p { position:relative; z-index:1; padding-left:43px; max-width:570px; color:#e1e5f2; font-size:1rem; line-height:1.6; }.v4-testimonial-slide footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; margin-top:30px; padding:15px 16px; border:1px solid rgba(211,222,255,.08); border-radius:17px; background:rgba(255,255,255,.025); }.client-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,#26315b,#846ce9); color:#fff; font-weight:800; font-size:.7rem; }.v4-testimonial-slide footer>div:nth-child(2) { display:grid; }.v4-testimonial-slide footer strong { font-size:.68rem; }.v4-testimonial-slide footer small { color:#777f94; font-size:.5rem; margin-top:2px; }.v4-testimonial-slide footer>span { color:#ffc966; font-size:.64rem; letter-spacing:.06em; }
.testimonial-controls { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }

/* Why + FAQ + CTA */
.v4-why-card { border-radius:30px; padding:45px; display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }.v4-why-card h2 { font-size:clamp(2.6rem,4.6vw,5rem); }.v4-why-card h2 span { color:#8b96b6; }.why-points { display:grid; }.why-points article { display:grid; grid-template-columns:38px 1fr; column-gap:15px; padding:23px 0; border-bottom:1px solid rgba(211,222,255,.09); }.why-points article:last-child { border:0; }.why-points span { color:#7984a1; font-size:.58rem; }.why-points strong { color:#eef1ff; font-size:.86rem; }.why-points p { grid-column:2; margin-top:7px; font-size:.68rem; line-height:1.6; }
.v4-faq .faq-grid { align-items:start; }.v4-faq .faq-item { background:rgba(255,255,255,.018); border-color:rgba(211,222,255,.1); }.v4-faq .faq-item[open] { background:linear-gradient(145deg,rgba(35,42,72,.38),rgba(7,9,18,.45)); border-color:rgba(211,222,255,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.v4-cta { padding-top:55px!important; }.v4-cta-panel { position:relative; min-height:190px; border-radius:29px; padding:38px 42px; display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; overflow:hidden; }.v4-cta-panel>div:not(.cta-wave) { position:relative; z-index:2; }.v4-cta-panel h2 { font-size:clamp(2.5rem,4.5vw,4.8rem); }.v4-cta-panel p { margin-top:9px; }.v4-cta-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }.cta-wave { position:absolute; inset:0 45% 0 0; opacity:.55; pointer-events:none; }.cta-wave i { position:absolute; width:470px; height:115px; left:-75px; top:34px; border-radius:50%; border-top:2px solid rgba(129,105,255,.65); box-shadow:0 -8px 35px rgba(106,78,255,.38); transform:rotate(-8deg); animation:v4CtaWave 7s ease-in-out infinite; }.cta-wave i:nth-child(2) { top:58px; left:-42px; opacity:.58; animation-delay:-2.3s; }.cta-wave i:nth-child(3) { top:82px; left:-10px; opacity:.35; animation-delay:-4.6s; }

/* Footer compacted to match the new homepage rhythm. */
.site-body .site-footer { padding-top:55px; }.footer-stage { border-radius:29px; }.footer-callout { padding:55px 0 52px; }.footer-callout h2 { font-size:clamp(3rem,6vw,6.2rem); }.footer-wordmark { color:rgba(132,146,190,.04); -webkit-text-stroke:1px rgba(211,222,255,.16); }

/* Smooth state transitions */
.site-body .reveal { transform:translateY(26px) scale(.992); filter:blur(4px); transition:opacity .9s var(--ease-smooth),transform .9s var(--ease-smooth),filter .9s var(--ease-smooth); }
.site-body .reveal.visible { transform:none; }

@keyframes v4AuroraOne { 0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(-70px,55px,0) scale(1.12)} }
@keyframes v4AuroraTwo { 0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(90px,-45px,0) scale(1.08)} }
@keyframes v4AuroraWave { 0%,100%{transform:translate3d(0,0,0) rotate(-8deg) scaleX(1)} 50%{transform:translate3d(-40px,-15px,0) rotate(-4deg) scaleX(1.12)} }
@keyframes v4StageGlow { 0%,100%{transform:rotate(-11deg) scale(1);opacity:.78} 50%{transform:rotate(-7deg) scale(1.12);opacity:1} }
@keyframes v4Pulse { 0%,100%{box-shadow:0 0 0 5px rgba(132,153,255,.1),0 0 18px rgba(132,153,255,.7)} 50%{box-shadow:0 0 0 9px rgba(132,153,255,.025),0 0 28px rgba(132,153,255,1)} }
@keyframes v4TextShimmer { to{background-position:220% center} }
@keyframes v4OrbSpin { to{transform:rotate(360deg)} }
@keyframes v4PanelFloatA { 0%,100%{transform:rotateY(-7deg) rotateX(2deg) rotateZ(-2deg) translate3d(0,0,0)} 50%{transform:rotateY(-4deg) rotateX(1deg) rotateZ(-1deg) translate3d(-5px,-13px,20px)} }
@keyframes v4PanelFloatB { 0%,100%{transform:rotateY(7deg) rotateZ(2deg) translate3d(0,0,0)} 50%{transform:rotateY(4deg) rotateZ(1deg) translate3d(4px,-11px,18px)} }
@keyframes v4PanelFloatC { 0%,100%{transform:rotateY(-4deg) rotateZ(-1deg) translate3d(0,0,0)} 50%{transform:rotateY(-2deg) rotateZ(1deg) translate3d(2px,-15px,24px)} }
@keyframes v4PanelFloatD { 0%,100%{transform:rotateY(-7deg) rotateZ(2deg) translate3d(0,0,0)} 50%{transform:rotateY(-4deg) rotateZ(0) translate3d(-4px,-12px,18px)} }
@keyframes v4PanelFloatE { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(-4px,-9px,15px)} }
@keyframes v4DockFloat { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-9px,20px)} }
@keyframes v4ChartDraw { to{stroke-dashoffset:0} }
@keyframes v4CtaWave { 0%,100%{transform:translate3d(0,0,0) rotate(-8deg) scaleX(1)} 50%{transform:translate3d(45px,-8px,0) rotate(-3deg) scaleX(1.12)} }

@media (min-width:1280px){
  .project-rail { grid-auto-columns:calc((100% - 70px)/5.2); }
}
@media (max-width:1180px){
  .v4-hero { min-height:1030px; }.v4-hero-grid { grid-template-columns:1fr; gap:30px; }.v4-hero-copy { max-width:850px; }.v4-hero h1 { max-width:900px; }.liquid-stage { min-height:640px; max-width:760px; width:100%; margin:0 auto; }.v4-stats-strip { margin-top:0; }
  .v4-services-grid { grid-template-columns:repeat(3,1fr); }.v4-story-grid { grid-template-columns:1fr; }.v4-testimonial-panel { min-height:330px; }
}
@media (max-width:900px){
  .v4-hero { padding-top:128px; }.v4-hero-grid { min-height:auto; }.v4-stats-strip { grid-template-columns:repeat(2,1fr); }.v4-stat:nth-child(2){border-right:0}.v4-stat:nth-child(-n+2){border-bottom:1px solid rgba(211,222,255,.09)}
  .project-rail { grid-auto-columns:minmax(260px,46%); }.v4-section-heading { align-items:flex-start; flex-direction:column; }.v4-services-grid { grid-template-columns:repeat(2,1fr); }.v4-why-card { grid-template-columns:1fr; gap:35px; }.v4-cta-panel { grid-template-columns:1fr; }.v4-cta-actions { justify-content:flex-start; }
}
@media (max-width:700px){
  .site-body .section-pad { padding:84px 0; }.v4-hero { padding-top:116px; }.v4-hero h1 { font-size:clamp(3.35rem,15.2vw,5.3rem); }.v4-hero-lead { font-size:.92rem; }.v4-hero-actions { align-items:stretch; }.v4-hero-actions .button { flex:1 1 calc(50% - 8px); }.v4-hero-actions .whatsapp-hero { flex-basis:100%; }
  .liquid-stage { min-height:485px; transform:scale(.83); transform-origin:top left; width:120%; margin-right:-20%; margin-bottom:-82px; }.main-product-panel { right:5px; }.code-panel { left:-7px; }.sales-panel { right:-5px; }.customers-panel { right:13px; }
  .project-rail { grid-auto-columns:82%; }.v4-services-grid { grid-template-columns:1fr; }.v4-service-card { min-height:300px; }.v4-process-panel,.v4-testimonial-panel { padding:23px; }.v4-process-grid { grid-template-columns:1fr 1fr; gap:28px 18px; }.process-track { display:none; }.v4-testimonial-panel { min-height:390px; }.v4-why-card { padding:27px 22px; }.v4-cta-panel { padding:31px 23px; }.v4-cta-actions { align-items:stretch; flex-direction:column; }.v4-cta-actions .button { width:100%; }
}
@media (max-width:520px){
  .v4-availability { white-space:normal; line-height:1.5; }.v4-tech>div span:nth-child(n+6){display:none}.v4-stats-strip { grid-template-columns:1fr; padding:8px; }.v4-stat { border-right:0!important; border-bottom:1px solid rgba(211,222,255,.09)!important; }.v4-stat:last-child { border-bottom:0!important; }
  .liquid-stage { min-height:410px; transform:scale(.67); width:149%; margin-right:-49%; margin-bottom:-145px; }.main-product-panel { right:4px; }.v4-section-heading h2 { font-size:2.65rem; }.project-rail { grid-auto-columns:91%; }.v4-process-grid { grid-template-columns:1fr; }.v4-process-grid article { display:grid; grid-template-columns:48px 1fr; column-gap:12px; }.process-bubble { grid-row:1/3; }.v4-process-grid h3 { margin-top:3px; }.v4-process-grid p { margin-top:5px; }.v4-testimonial-slide>p { padding-left:28px; font-size:.9rem; }.v4-testimonial-slide footer { grid-template-columns:auto 1fr; }.v4-testimonial-slide footer>span { grid-column:2; }.why-points article { grid-template-columns:30px 1fr; }
}
@media (prefers-reduced-motion:reduce){
  .v4-aurora,.v4-availability i,.stage-glow,.main-product-panel,.code-panel,.pos-phone,.sales-panel,.customers-panel,.liquid-dock,.ad-orb i,.v4-hero h1 span,.cta-wave i { animation:none!important; }
  .ambient-canvas { display:none; }.chart-line { stroke-dashoffset:0; animation:none; }
}

/* Pointer depth is applied through the independent translate property so it can
   coexist with each panel's floating transform animation. */
.liquid-window,.liquid-phone,.liquid-dock { translate:var(--panel-x,0) var(--panel-y,0); }
.rail-controls button:disabled { opacity:.28; cursor:default; transform:none; }

/* ================================================================
   AmazeDevs v1.5 — refined process, FAQ and scroll choreography
   ================================================================ */

/* More expressive entrance directions while preserving reduced motion. */
.site-body .reveal[data-reveal="left"] { transform:translate3d(-42px,10px,0) scale(.992); }
.site-body .reveal[data-reveal="right"] { transform:translate3d(42px,10px,0) scale(.992); }
.site-body .reveal[data-reveal="scale"] { transform:translate3d(0,18px,0) scale(.965); }
.site-body .reveal[data-reveal="up"] { transform:translate3d(0,36px,0) scale(.992); }
.site-body .reveal.visible,
.site-body .reveal[data-reveal].visible { opacity:1; transform:none; filter:none; }

/* Process now uses the whole content width instead of compressing four steps. */
.v5-story { overflow:hidden; }
.v5-story::before { content:""; position:absolute; width:680px; height:680px; left:-410px; top:8%; border-radius:50%; background:radial-gradient(circle,rgba(82,67,212,.12),transparent 67%); filter:blur(18px); pointer-events:none; }
.v5-story-grid { grid-template-columns:1fr; gap:16px; }
.v5-process-panel { min-height:0; padding:43px 45px 40px; border-radius:31px; overflow:hidden; }
.v5-process-panel::after { content:""; position:absolute; width:430px; height:430px; right:-210px; bottom:-310px; border-radius:50%; background:radial-gradient(circle,rgba(112,126,255,.18),transparent 68%); filter:blur(12px); pointer-events:none; }
.process-panel-head { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,470px); align-items:end; gap:60px; padding-bottom:42px; }
.process-panel-head .eyebrow { margin-bottom:13px; }
.process-panel-head h2 { color:#f5f6ff; font-size:clamp(2.8rem,5vw,5.35rem); line-height:.93; }
.process-panel-head h2 span { color:#8994b7; }
.process-panel-head>p { max-width:470px; padding-bottom:5px; color:#858da2; font-size:.76rem; line-height:1.78; }
.v5-process-timeline { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding-top:4px; }
.v5-process-timeline .process-track { left:12.5%; right:12.5%; top:34px; height:1px; background:rgba(211,222,255,.1); overflow:visible; }
.v5-process-timeline .process-track::after { content:""; position:absolute; inset:-3px 0; background:linear-gradient(90deg,transparent,rgba(145,160,255,.13),transparent); filter:blur(5px); }
.v5-process-timeline .process-track i { position:relative; z-index:2; background:linear-gradient(90deg,#7e91ff,#b2bdff 46%,#8a79ff); box-shadow:0 0 20px rgba(128,146,255,.7); }
.v5-process-panel.visible .process-track i { width:100%; }
.v5-process-timeline article { position:relative; min-width:0; padding-top:0; }
.v5-process-timeline article::after { content:""; position:absolute; inset:25px -14px -8px; border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 52%); opacity:0; transform:translateY(8px); transition:opacity .35s var(--ease-smooth),transform .35s var(--ease-smooth); pointer-events:none; }
.v5-process-timeline article:hover::after { opacity:1; transform:none; }
.v5-process-timeline .process-bubble { width:62px; height:62px; margin:0 auto 25px; border-color:rgba(211,222,255,.24); background:radial-gradient(circle at 34% 23%,rgba(255,255,255,.32),rgba(122,136,255,.16) 35%,rgba(5,7,17,.9) 73%); box-shadow:0 0 34px rgba(91,110,255,.2),inset 0 1px 0 rgba(255,255,255,.22); transition:transform .45s var(--ease-smooth),border-color .35s,box-shadow .35s; }
.v5-process-timeline article:hover .process-bubble { transform:translateY(-5px) scale(1.04); border-color:rgba(198,207,255,.42); box-shadow:0 10px 40px rgba(91,110,255,.3),inset 0 1px 0 rgba(255,255,255,.3); }
.v5-process-timeline .process-bubble b { position:relative; z-index:2; color:#e8ebff; font:600 .58rem "Space Grotesk"; letter-spacing:.04em; }
.process-step-copy { position:relative; z-index:2; text-align:left; }
.v5-process-timeline h3 { margin:0; color:#f1f3ff; font-size:1.08rem; }
.v5-process-timeline p { min-height:70px; margin-top:10px; color:#858da2; font-size:.65rem; line-height:1.68; }
.v5-process-timeline small { display:block; margin-top:17px; color:#626b84; font-size:.5rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

.v5-testimonial-panel { min-height:305px; padding:34px 39px; border-radius:28px; }
.testimonial-panel-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.testimonial-panel-head .eyebrow { margin:0; }
.proof-pill { display:inline-flex; align-items:center; gap:8px; min-height:31px; padding:0 11px; border:1px solid rgba(211,222,255,.09); border-radius:999px; background:rgba(255,255,255,.025); color:#757e94; font-size:.52rem; }
.proof-pill i { width:6px; height:6px; border-radius:50%; background:#65e3a7; box-shadow:0 0 12px rgba(101,227,167,.75); }
.v5-testimonial-panel .testimonial-slides { min-height:180px; }
.v5-testimonial-panel .v4-testimonial-slide { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.48fr); align-items:end; gap:45px; }
.v5-testimonial-panel .v4-testimonial-slide>p { max-width:900px; padding-left:54px; color:#e7eaf6; font-size:clamp(1.05rem,2.1vw,1.65rem); line-height:1.48; letter-spacing:-.025em; }
.v5-testimonial-panel .big-quote { top:-28px; font-size:6.2rem; }
.v5-testimonial-panel .v4-testimonial-slide footer { margin:0; }
.v5-testimonial-panel .testimonial-controls { position:absolute; right:39px; bottom:25px; z-index:4; }

.v5-testimonial-static { min-height:0; }
.v5-testimonial-static .testimonial-stack { display:grid; gap:14px; }
.v5-testimonial-static .testimonial-static-card {
  position:relative;
  inset:auto;
  opacity:1;
  transform:none;
  pointer-events:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);
  align-items:end;
  gap:32px;
  padding:24px 24px 20px;
  border:1px solid rgba(211,222,255,.09);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.v5-testimonial-static .testimonial-static-card.featured {
  background:linear-gradient(145deg,rgba(33,40,72,.56),rgba(10,13,24,.58));
  border-color:rgba(185,196,255,.16);
}
.v5-testimonial-static .testimonial-static-card .big-quote { top:-12px; left:2px; font-size:5.5rem; }
.v5-testimonial-static .testimonial-static-card > p {
  max-width:none;
  padding-left:50px;
  color:#e7eaf6;
  font-size:clamp(1rem,1.7vw,1.3rem);
  line-height:1.56;
  letter-spacing:-.02em;
}
.v5-testimonial-static .testimonial-static-card footer {
  margin:0;
  min-width:0;
  align-self:end;
}
.v5-testimonial-static .testimonial-static-card footer > span {
  justify-self:end;
  align-self:center;
}

/* FAQ becomes one cohesive liquid-glass module with balanced typography. */
.v5-faq { padding-top:90px; overflow:hidden; }
.v5-faq-shell { position:relative; display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); gap:16px; min-height:610px; padding:15px; border-radius:32px; overflow:hidden; }
.v5-faq-shell::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 16% 78%,rgba(110,125,255,.035)); }
.faq-ambient { position:absolute; inset:0; pointer-events:none; transform:translate3d(0,var(--scroll-shift,0px),0); transition:transform .08s linear; }
.faq-ambient i { position:absolute; border-radius:50%; filter:blur(60px); }
.faq-ambient i:first-child { width:370px; height:370px; left:-165px; top:-160px; background:rgba(78,64,207,.18); }
.faq-ambient i:last-child { width:260px; height:260px; right:-80px; bottom:-120px; background:rgba(44,83,205,.11); }
.faq-intro { position:relative; z-index:2; min-height:100%; display:flex; flex-direction:column; justify-content:flex-end; padding:49px 44px; border:1px solid rgba(211,222,255,.075); border-radius:23px; background:linear-gradient(150deg,rgba(18,23,44,.54),rgba(5,7,16,.32)); }
.faq-intro::before { content:"?"; position:absolute; right:24px; top:7px; color:rgba(169,182,255,.035); font:600 13rem/1 "Space Grotesk"; letter-spacing:-.1em; }
.faq-intro .eyebrow { position:relative; z-index:2; }
.faq-intro h2 { position:relative; z-index:2; color:#f5f6ff; font-size:clamp(3rem,5.3vw,5.65rem); line-height:.88; }
.faq-intro h2 span { color:#8e99bc; }
.faq-intro>p { position:relative; z-index:2; max-width:390px; margin-top:22px; color:#858da2; font-size:.72rem; line-height:1.75; }
.faq-contact-link { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:38px; padding-top:20px; border-top:1px solid rgba(211,222,255,.09); color:#707990; font-size:.56rem; }
.faq-contact-link b { color:#cbd3f7; font-size:.58rem; }
.v5-accordion { position:relative; z-index:2; display:grid; align-content:start; gap:9px; padding:2px; border:0; }
.v5-faq .faq-item { position:relative; border:1px solid rgba(211,222,255,.09); border-radius:18px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.009)); transition:border-color .35s var(--ease-smooth),background .35s var(--ease-smooth),box-shadow .35s var(--ease-smooth),transform .35s var(--ease-smooth); }
.v5-faq .faq-item:hover { transform:translateX(-4px); border-color:rgba(178,190,255,.19); }
.v5-faq .faq-item[open] { background:linear-gradient(145deg,rgba(36,43,76,.62),rgba(7,9,18,.68)); border-color:rgba(185,196,255,.24); box-shadow:0 16px 50px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.065); }
.v5-faq .faq-item summary { min-height:82px; padding:19px 20px 19px 22px; font-size:.9rem; }
.v5-faq .faq-item summary>span { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:14px; min-width:0; }
.v5-faq .faq-item summary small { color:#535d75; font-size:.5rem; letter-spacing:.08em; }
.v5-faq .faq-item summary b { color:#e9ecf8; font:600 .88rem/1.35 "Space Grotesk",Manrope,sans-serif; letter-spacing:-.025em; }
.v5-faq .faq-item summary>i { flex:0 0 38px; width:38px; height:38px; border:1px solid rgba(211,222,255,.13); border-radius:50%; background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),rgba(255,255,255,.02)); color:#c7cdef; font-size:.72rem; transition:transform .45s var(--ease-smooth),background .35s,border-color .35s,box-shadow .35s; }
.v5-faq .faq-item[open] summary>i { transform:rotate(45deg); border-color:rgba(196,205,255,.34); background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.33),rgba(126,140,255,.32) 42%,rgba(55,47,135,.55)); color:#fff; box-shadow:0 0 24px rgba(100,116,255,.28),inset 0 1px 0 rgba(255,255,255,.25); }
.v5-faq .faq-answer { overflow:hidden; }
.v5-faq .faq-answer>div { overflow:hidden; }
.v5-faq .faq-item p { max-width:760px; padding:0 68px 26px 67px; color:#9ca4b8; font-size:.75rem; line-height:1.75; }

@media (max-width:1050px){
  .process-panel-head { grid-template-columns:1fr; gap:18px; }
  .process-panel-head>p { max-width:680px; }
  .v5-process-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px 24px; }
  .v5-process-timeline .process-track { display:none; }
  .v5-process-timeline .process-bubble { margin-left:0; }
  .v5-testimonial-panel .v4-testimonial-slide { grid-template-columns:1fr; gap:18px; }
  .v5-testimonial-panel .v4-testimonial-slide footer { max-width:470px; margin-left:48px; }
  .v5-testimonial-panel { min-height:390px; }
  .v5-testimonial-static .testimonial-static-card { grid-template-columns:1fr; gap:18px; }
  .v5-testimonial-static .testimonial-static-card footer { max-width:470px; margin-left:48px; }
  .v5-faq-shell { grid-template-columns:1fr; }
  .faq-intro { min-height:390px; justify-content:flex-end; }
  .faq-intro>p { max-width:620px; }
}

@media (max-width:700px){
  .v5-process-panel { padding:29px 23px; border-radius:25px; }
  .process-panel-head { padding-bottom:30px; }
  .process-panel-head h2 { font-size:clamp(2.8rem,13vw,4.2rem); }
  .v5-process-timeline { grid-template-columns:1fr; gap:13px; padding-left:2px; }
  .v5-process-timeline article { display:grid; grid-template-columns:54px 1fr; gap:14px; padding:15px 0; border-top:1px solid rgba(211,222,255,.07); }
  .v5-process-timeline article:first-of-type { border-top:0; }
  .v5-process-timeline .process-bubble { width:50px; height:50px; margin:0; }
  .v5-process-timeline p { min-height:0; }
  .v5-process-timeline small { margin-top:12px; }
  .v5-testimonial-panel { min-height:440px; padding:27px 22px; }
  .testimonial-panel-head { align-items:flex-start; flex-direction:column; }
  .v5-testimonial-panel .v4-testimonial-slide>p { padding-left:30px; font-size:1rem; }
  .v5-testimonial-panel .v4-testimonial-slide footer { margin-left:27px; grid-template-columns:auto 1fr; }
  .v5-testimonial-panel .v4-testimonial-slide footer>span { grid-column:2; }
  .v5-testimonial-panel .testimonial-controls { right:22px; bottom:20px; }
  .v5-testimonial-static .testimonial-static-card { padding:19px 16px 15px; }
  .v5-testimonial-static .testimonial-static-card > p { padding-left:28px; font-size:.95rem; }
  .v5-testimonial-static .testimonial-static-card footer { margin-left:25px; grid-template-columns:auto 1fr; }
  .v5-testimonial-static .testimonial-static-card footer > span { grid-column:2; justify-self:start; }
  .v5-faq { padding-top:55px; }
  .v5-faq-shell { padding:9px; border-radius:25px; }
  .faq-intro { min-height:400px; padding:35px 25px; border-radius:19px; }
  .faq-intro h2 { font-size:clamp(3.25rem,16vw,5rem); }
  .v5-faq .faq-item summary { min-height:74px; padding:16px 14px; }
  .v5-faq .faq-item summary>span { grid-template-columns:23px 1fr; gap:10px; }
  .v5-faq .faq-item summary b { font-size:.78rem; }
  .v5-faq .faq-item summary>i { width:34px; height:34px; flex-basis:34px; }
  .v5-faq .faq-item p { padding:0 18px 22px 47px; font-size:.68rem; }
}

@media (prefers-reduced-motion:reduce){
  .site-body .reveal[data-reveal],.faq-ambient { transform:none!important; transition:none!important; }
}

@media (max-width:900px){
  .ambient-ribbon { width:170vw; opacity:.34; }
  .ambient-ribbon-one { left:-48%; top:8%; }
  .ambient-ribbon-two { right:-62%; top:47%; }
  .ambient-ribbon-three { left:-45%; bottom:4%; }
  .ambient-orb { opacity:.085; filter:blur(64px); }
  .site-ambient-canvas { opacity:.52; }
}

@media (prefers-reduced-motion:reduce){
  .site-ambient-world::before,.ambient-ribbon i,.ambient-orb { animation:none!important; }
  .ambient-ribbon-one { transform:rotate(-9deg); }
  .ambient-ribbon-two { transform:rotate(7deg); }
  .ambient-ribbon-three { transform:rotate(-5deg); }
  .site-ambient-canvas { display:none; }
}

/* ======================================================================
   AmazeDevs v1.7 — visible scroll-triggered choreography
   ====================================================================== */
@media (prefers-reduced-motion:no-preference) {
  html.scroll-motion-ready .site-body .scroll-reveal {
    --scroll-delay:0ms;
    opacity:0;
    transform:translate3d(0,46px,0) scale(.988);
    transform-origin:50% 100%;
    filter:blur(8px);
    transition:
      opacity .86s var(--ease-smooth) var(--scroll-delay),
      transform 1.02s var(--ease-smooth) var(--scroll-delay),
      filter .82s var(--ease-smooth) var(--scroll-delay),
      clip-path 1.08s var(--ease-smooth) var(--scroll-delay);
    will-change:opacity,transform,filter,clip-path;
    backface-visibility:hidden;
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="title"] {
    transform:translate3d(0,58px,0) scale(.985);
    clip-path:inset(0 0 68% 0 round 10px);
    filter:blur(7px);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="left"] {
    transform:translate3d(-64px,16px,0) rotate(-1.2deg) scale(.985);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="right"] {
    transform:translate3d(64px,16px,0) rotate(1.2deg) scale(.985);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"] {
    transform:translate3d(0,34px,0) scale(.94);
    filter:blur(9px);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"] {
    transform:perspective(1100px) translate3d(0,54px,0) rotateX(5deg) scale(.955);
    transform-origin:50% 100%;
    filter:blur(6px);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="fade"] {
    transform:translate3d(0,18px,0);
    filter:blur(3px);
  }

  html.scroll-motion-ready .site-body .scroll-reveal.visible,
  html.scroll-motion-ready .site-body .scroll-reveal.is-inview,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect].visible {
    opacity:1;
    transform:none;
    filter:none;
    clip-path:inset(0 0 0 0 round 0);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"] img,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"] img {
    transform:scale(1.075);
    transition:transform 1.35s var(--ease-smooth) calc(var(--scroll-delay) + 80ms),filter 1s var(--ease-smooth);
    filter:saturate(.78) brightness(.84);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"].visible img,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"].visible img {
    transform:scale(1);
    filter:none;
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-state="visible"][data-glass],
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-state="visible"].glass-panel {
    animation:scrollGlassArrival 1.15s var(--ease-smooth) both;
    animation-delay:var(--scroll-delay);
  }

  .site-body .scroll-section {
    --section-shift:0px;
    --section-glow-opacity:.08;
    position:relative;
  }

  .site-body .scroll-section > .container {
    transition:filter .7s ease,opacity .7s ease;
  }

  .site-body .scroll-section.section-inview > .container {
    filter:saturate(1.025);
  }

  .site-body .v4-process-panel.visible .process-bubble,
  .site-body .v5-process-panel.visible .process-bubble {
    animation:processBubbleArrival .72s var(--ease-smooth) both;
  }

  .site-body .v4-process-panel.visible .v4-process-grid article:nth-child(2) .process-bubble,
  .site-body .v5-process-panel.visible .v5-process-timeline article:nth-child(2) .process-bubble { animation-delay:.12s; }
  .site-body .v4-process-panel.visible .v4-process-grid article:nth-child(3) .process-bubble,
  .site-body .v5-process-panel.visible .v5-process-timeline article:nth-child(3) .process-bubble { animation-delay:.22s; }
  .site-body .v4-process-panel.visible .v4-process-grid article:nth-child(4) .process-bubble,
  .site-body .v5-process-panel.visible .v5-process-timeline article:nth-child(4) .process-bubble { animation-delay:.32s; }

  .site-body .faq-item.scroll-reveal summary::after {
    transform:scale(.72) rotate(-90deg);
    opacity:.35;
    transition:transform .72s var(--ease-smooth) calc(var(--scroll-delay) + 100ms),opacity .55s ease calc(var(--scroll-delay) + 100ms);
  }

  .site-body .faq-item.scroll-reveal.visible summary::after {
    transform:none;
    opacity:1;
  }

  .site-body .footer-stage.scroll-reveal .footer-wordmark {
    transform:translate3d(0,48px,0);
    opacity:.18;
    transition:transform 1.25s var(--ease-smooth) .18s,opacity 1.1s ease .18s;
  }

  .site-body .footer-stage.scroll-reveal.visible .footer-wordmark {
    transform:none;
    opacity:1;
  }
}

@keyframes scrollGlassArrival {
  0% { box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04); }
  52% { box-shadow:0 34px 110px rgba(25,30,78,.28),0 0 52px rgba(118,111,255,.13),inset 0 1px 0 rgba(255,255,255,.16); }
  100% { box-shadow:var(--glass-shadow); }
}

@keyframes processBubbleArrival {
  0% { opacity:0; transform:scale(.58) translateY(13px); box-shadow:0 0 0 rgba(100,119,255,0); }
  62% { opacity:1; transform:scale(1.09) translateY(-2px); box-shadow:0 0 34px rgba(100,119,255,.34),inset 0 1px 0 rgba(255,255,255,.24); }
  100% { opacity:1; transform:none; }
}

@media (max-width:700px) and (prefers-reduced-motion:no-preference) {
  html.scroll-motion-ready .site-body .scroll-reveal,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="left"],
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="right"],
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"] {
    transform:translate3d(0,32px,0) scale(.98);
    filter:blur(4px);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="title"] {
    transform:translate3d(0,38px,0);
    clip-path:inset(0 0 48% 0 round 8px);
  }
}

@media (prefers-reduced-motion:reduce) {
  .site-body .scroll-reveal,
  .site-body .scroll-reveal[data-scroll-effect],
  .site-body .scroll-reveal img {
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    clip-path:none!important;
    animation:none!important;
    transition:none!important;
  }
}

/* ==================================================================
   AmazeDevs v1.9 — refined process lighting + compact premium footer
   ================================================================== */

/* Keep the process lighting inside the glass panel so neighbouring
   sections never cut a visible glow into a hard rectangle. */
.site-body .v5-story {
  position:relative;
  overflow:visible;
  isolation:isolate;
}
.site-body .v5-story::before { display:none; }
.site-body .v5-process-panel {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:46px 44px 40px;
  border-radius:30px;
  background:
    radial-gradient(700px 330px at 8% 0%,rgba(129,142,255,.13),transparent 62%),
    radial-gradient(520px 300px at 96% 100%,rgba(96,75,205,.11),transparent 66%),
    linear-gradient(145deg,rgba(18,23,43,.74),rgba(5,7,15,.82));
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1);
}
.site-body .v5-process-panel::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(112deg,rgba(255,255,255,.07),transparent 17% 76%,rgba(126,141,255,.045)),
    radial-gradient(420px 90px at 50% 0%,rgba(196,205,255,.08),transparent 72%);
}
.site-body .v5-process-panel::after {
  content:"";
  position:absolute;
  z-index:0;
  width:420px;
  height:420px;
  right:-165px;
  bottom:-270px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(112,126,255,.15),rgba(79,65,180,.055) 44%,transparent 70%);
  filter:blur(12px);
}
.site-body .process-panel-head,
.site-body .v5-process-timeline { position:relative; z-index:2; }
.site-body .process-panel-head {
  padding-bottom:38px;
  border-bottom:1px solid rgba(211,222,255,.075);
}
.site-body .v5-process-timeline {
  gap:18px;
  padding-top:27px;
}
.site-body .v5-process-timeline .process-track {
  left:12.4%;
  right:12.4%;
  top:57px;
  z-index:0;
  background:rgba(211,222,255,.085);
}
.site-body .v5-process-timeline .process-track::after {
  inset:-5px 0;
  opacity:.55;
}
.site-body .v5-process-timeline article {
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:242px;
  padding:0 18px 22px;
}
.site-body .v5-process-timeline article::after {
  content:"";
  position:absolute;
  inset:31px 0 0;
  z-index:-1;
  opacity:1;
  transform:none;
  border:1px solid rgba(211,222,255,.075);
  border-radius:22px;
  background:linear-gradient(150deg,rgba(255,255,255,.036),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color .35s var(--ease-smooth),background .35s var(--ease-smooth),box-shadow .35s var(--ease-smooth),transform .35s var(--ease-smooth);
}
.site-body .v5-process-timeline article:hover::after {
  opacity:1;
  transform:translateY(-3px);
  border-color:rgba(184,196,255,.17);
  background:linear-gradient(150deg,rgba(64,72,121,.17),rgba(255,255,255,.015));
  box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07);
}
.site-body .v5-process-timeline .process-bubble {
  position:relative;
  z-index:2;
  width:58px;
  height:58px;
  margin:0 auto 24px;
  background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.30),rgba(119,132,255,.15) 34%,rgba(6,8,18,.95) 72%);
  box-shadow:0 0 28px rgba(91,110,255,.18),inset 0 1px 0 rgba(255,255,255,.20);
}
.site-body .v5-process-timeline h3 { font-size:1.02rem; }
.site-body .v5-process-timeline p {
  min-height:82px;
  margin-top:9px;
  color:#8f97aa;
  font-size:.66rem;
  line-height:1.7;
}
.site-body .v5-process-timeline small {
  margin-top:16px;
  color:#69728a;
}

/* Footer rebuilt as a compact conversion section rather than a giant page. */
.site-body .site-footer {
  position:relative;
  padding:72px 0 26px;
  overflow:visible;
}
.site-body .footer-stage {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:0;
  padding:28px 32px 18px;
  border-radius:30px;
  background:
    radial-gradient(720px 350px at 4% 7%,rgba(123,135,255,.12),transparent 64%),
    radial-gradient(520px 280px at 94% 92%,rgba(87,71,187,.09),transparent 68%),
    linear-gradient(145deg,rgba(15,19,35,.87),rgba(4,6,13,.92));
}
.site-body .footer-glow {
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:inherit;
}
.site-body .footer-glow i {
  position:absolute;
  border-radius:50%;
  filter:blur(55px);
  opacity:.55;
}
.site-body .footer-glow i:first-child {
  width:300px;
  height:300px;
  left:-145px;
  top:-180px;
  background:rgba(123,135,255,.15);
}
.site-body .footer-glow i:last-child {
  width:260px;
  height:260px;
  right:-130px;
  bottom:-170px;
  background:rgba(107,76,205,.13);
}
.site-body .footer-stage > *:not(.footer-glow) { position:relative; z-index:2; }
.site-body .footer-topline {
  justify-content:space-between;
  gap:20px;
  padding:0 0 21px;
  color:#737c91;
  font-size:.55rem;
  letter-spacing:.13em;
}
.site-body .footer-status { display:inline-flex; align-items:center; gap:9px; }
.site-body .footer-status i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#67e5a6;
  box-shadow:0 0 15px rgba(103,229,166,.7);
}
.site-body .footer-main {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  align-items:center;
  gap:46px;
  padding:43px 0 40px;
  border-bottom:1px solid rgba(211,222,255,.075);
}
.site-body .footer-message { max-width:780px; }
.site-body .footer-message .eyebrow { margin-bottom:14px; }
.site-body .footer-message h2 {
  max-width:820px;
  color:#f4f6ff;
  font-size:clamp(2.7rem,5.2vw,5.7rem);
  line-height:.93;
  letter-spacing:-.058em;
}
.site-body .footer-message h2 span { color:#8994b7; }
.site-body .footer-message p {
  max-width:650px;
  margin-top:21px;
  color:#8e96aa;
  font-size:.78rem;
  line-height:1.75;
}
.site-body .footer-contact-card {
  display:grid;
  gap:11px;
  padding:18px;
  border:1px solid rgba(211,222,255,.095);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.site-body .footer-contact-card > span {
  padding:0 3px 4px;
  color:#747d93;
  font-size:.54rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.site-body .footer-contact-card .button {
  width:100%;
  min-height:52px;
  justify-content:space-between;
}
.site-body .footer-whatsapp {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 13px;
  border:1px solid rgba(211,222,255,.085);
  border-radius:15px;
  background:rgba(255,255,255,.025);
  color:#dfe7f2;
  font-size:.68rem;
  transition:border-color .25s,background .25s,transform .25s;
}
.site-body .footer-whatsapp:hover {
  transform:translateY(-2px);
  border-color:rgba(103,229,166,.26);
  background:rgba(103,229,166,.045);
}
.site-body .footer-whatsapp svg {
  width:19px;
  height:19px;
  flex:0 0 19px;
  fill:#58e38f;
}
.site-body .footer-whatsapp b { margin-left:auto; color:#9ba5ba; }
.site-body .footer-email {
  width:max-content;
  max-width:100%;
  margin:4px 3px 0;
  overflow-wrap:anywhere;
}
.site-body .footer-nav-row {
  display:grid;
  grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);
  align-items:start;
  gap:60px;
  padding:31px 0 29px;
  border-bottom:1px solid rgba(211,222,255,.075);
}
.site-body .footer-brand {
  display:inline-flex;
  align-items:center;
  gap:13px;
  width:max-content;
  color:#f1f3ff;
  font:600 .86rem/1.2 "Space Grotesk",sans-serif;
}
.site-body .footer-brand .brand-glyph { width:42px; height:42px; }
.site-body .footer-brand > span:last-child { display:grid; }
.site-body .footer-brand small {
  margin-top:4px;
  color:#6f788d;
  font:500 .51rem/1.2 Manrope,sans-serif;
  letter-spacing:.03em;
}
.site-body .footer-links {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:35px;
  padding:0;
}
.site-body .footer-links > div { gap:8px; }
.site-body .footer-label { margin-bottom:7px; }
.site-body .footer-signature {
  display:grid;
  grid-template-columns:auto minmax(40px,1fr) auto;
  align-items:center;
  gap:22px;
  padding:25px 0 17px;
  color:transparent;
  font:600 clamp(3.3rem,7.5vw,7.9rem)/.8 "Space Grotesk",sans-serif;
  letter-spacing:-.08em;
  -webkit-text-stroke:1px rgba(203,213,255,.15);
}
.site-body .footer-signature i {
  height:1px;
  background:linear-gradient(90deg,rgba(211,222,255,.04),rgba(154,169,255,.22),rgba(211,222,255,.04));
}
.site-body .footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:15px 0 3px;
  color:#5d6679;
}

/* Prevent the floating WhatsApp control from inheriting any full-width
   button layout at any breakpoint. */
.site-body .whatsapp-float {
  position:fixed !important;
  inset:auto 22px 22px auto !important;
  left:auto !important;
  right:22px !important;
  width:auto !important;
  max-width:190px;
  min-width:0;
  min-height:52px;
  height:52px;
  padding:0 16px 0 13px;
  white-space:nowrap;
  justify-content:center;
  transform:none;
}
.site-body .whatsapp-float svg { display:block; flex:0 0 23px; fill:#58e38f; }
.site-body .whatsapp-float strong { display:block; }

@media (max-width:1180px) {
  .site-body .v5-process-timeline {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .site-body .v5-process-timeline .process-track { display:none; }
  .site-body .v5-process-timeline article {
    min-height:0;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    column-gap:16px;
    align-items:start;
    padding:20px;
    border:1px solid rgba(211,222,255,.075);
    border-radius:22px;
    background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  }
  .site-body .v5-process-timeline article::after { display:none; }
  .site-body .v5-process-timeline .process-bubble {
    grid-row:1 / span 2;
    width:52px;
    height:52px;
    margin:0;
  }
  .site-body .v5-process-timeline p { min-height:0; }
  .site-body .v5-process-timeline small { grid-column:2; }
  .site-body .footer-main { grid-template-columns:1fr; gap:28px; }
  .site-body .footer-contact-card { max-width:560px; }
}

@media (max-width:760px) {
  .site-body .site-footer { padding-top:46px; }
  .site-body .footer-stage { padding:22px 20px 15px; border-radius:25px; }
  .site-body .footer-topline { align-items:flex-start; flex-direction:column; gap:9px; }
  .site-body .footer-main { padding:34px 0 30px; }
  .site-body .footer-message h2 { font-size:clamp(2.55rem,12vw,4.15rem); }
  .site-body .footer-nav-row { grid-template-columns:1fr; gap:28px; }
  .site-body .footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; }
  .site-body .footer-links > div:last-child { grid-column:1 / -1; }
  .site-body .footer-signature { gap:11px; font-size:clamp(2.5rem,13.8vw,5.2rem); }
  .site-body .footer-bottom { align-items:flex-start; flex-direction:column; gap:8px; }
  .site-body .whatsapp-float {
    inset:auto 13px 13px auto !important;
    right:13px !important;
    width:50px !important;
    height:50px;
    padding:0;
    border-radius:50%;
  }
  .site-body .whatsapp-float strong { display:none; }
  .site-body .v5-process-panel { padding:29px 21px 25px; }
  .site-body .process-panel-head { padding-bottom:27px; }
  .site-body .v5-process-timeline { grid-template-columns:1fr; gap:12px; padding-top:18px; }
  .site-body .v5-process-timeline article {
    grid-template-columns:50px minmax(0,1fr);
    padding:17px 15px;
  }
  .site-body .v5-process-timeline .process-bubble { width:46px; height:46px; }
}

/* ==================================================================
   AmazeDevs v1.11 — reusable liquid-wave carousel atmosphere
   ================================================================== */
.site-body .liquid-carousel-frame {
  --carousel-shift:0px;
  --carousel-lean:0deg;
  --carousel-pointer-x:50%;
  --carousel-pointer-y:42%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:18px 14px 11px;
  border:1px solid rgba(198,208,255,.115);
  border-radius:30px;
  background:
    radial-gradient(760px 280px at var(--carousel-pointer-x) var(--carousel-pointer-y),rgba(105,104,255,.105),transparent 64%),
    linear-gradient(145deg,rgba(16,20,38,.78),rgba(4,6,14,.86));
  box-shadow:
    0 28px 90px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.085),
    inset 0 -1px 0 rgba(93,108,190,.05);
}
.site-body .liquid-carousel-frame::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(112deg,rgba(255,255,255,.055),transparent 15% 77%,rgba(123,139,255,.04)),
    radial-gradient(500px 90px at 50% 0%,rgba(213,220,255,.07),transparent 72%);
}
.site-body .liquid-carousel-backdrop {
  position:absolute;
  inset:-42px -80px -36px;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:.72;
  transform:translate3d(var(--carousel-shift),0,0) rotate(var(--carousel-lean));
  transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease;
  will-change:transform;
}
.site-body .liquid-carousel-glow {
  position:absolute;
  width:68%;
  height:86%;
  left:8%;
  top:9%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(101,82,255,.20),rgba(64,84,211,.08) 42%,transparent 72%);
  filter:blur(42px);
  animation:carouselGlowDrift 10.5s ease-in-out infinite alternate;
  animation-play-state:paused;
}
.site-body .liquid-carousel-backdrop > i {
  position:absolute;
  display:block;
  width:72%;
  height:168px;
  left:-8%;
  top:17%;
  border-radius:50%;
  border-top:1.5px solid rgba(139,116,255,.58);
  border-left:1px solid rgba(117,137,255,.10);
  box-shadow:
    0 -10px 34px rgba(104,78,255,.24),
    inset 0 13px 42px rgba(77,65,196,.06);
  filter:drop-shadow(0 -3px 12px rgba(119,104,255,.18));
  transform:rotate(-7deg);
  animation:carouselRibbonFlow 9.6s cubic-bezier(.45,.05,.25,1) infinite;
  animation-play-state:paused;
  will-change:transform;
}
.site-body .liquid-carousel-backdrop > i:nth-of-type(2) {
  width:78%;
  height:185px;
  left:16%;
  top:34%;
  opacity:.54;
  border-top-color:rgba(107,136,255,.50);
  animation-duration:12.2s;
  animation-delay:-4.1s;
}
.site-body .liquid-carousel-backdrop > i:nth-of-type(3) {
  width:66%;
  height:145px;
  left:43%;
  top:55%;
  opacity:.38;
  border-top-color:rgba(158,107,255,.44);
  animation-duration:10.8s;
  animation-delay:-7.2s;
}
.site-body .liquid-carousel-backdrop > b {
  position:absolute;
  width:54%;
  height:110px;
  right:-7%;
  bottom:3%;
  border-radius:50%;
  border-top:1px solid rgba(105,155,255,.25);
  box-shadow:0 -12px 45px rgba(60,94,223,.14);
  transform:rotate(6deg);
  animation:carouselRibbonEcho 13s ease-in-out infinite;
  animation-play-state:paused;
}
.site-body .liquid-carousel-frame.is-carousel-active .liquid-carousel-glow,
.site-body .liquid-carousel-frame.is-carousel-active .liquid-carousel-backdrop > i,
.site-body .liquid-carousel-frame.is-carousel-active .liquid-carousel-backdrop > b {
  animation-play-state:running;
}
.site-body .liquid-carousel-frame .project-rail,
.site-body .liquid-carousel-frame [data-carousel-track] {
  position:relative;
  z-index:2;
  margin:0;
}
.site-body .liquid-carousel-frame .v4-project-card {
  background:
    radial-gradient(260px 150px at 18% 0%,rgba(126,138,255,.075),transparent 72%),
    linear-gradient(145deg,rgba(17,21,39,.82),rgba(5,7,15,.88));
  backdrop-filter:blur(20px) saturate(118%);
  -webkit-backdrop-filter:blur(20px) saturate(118%);
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);
}
.site-body .liquid-carousel-frame:hover .liquid-carousel-backdrop { opacity:.86; }

@keyframes carouselRibbonFlow {
  0%,100% { transform:translate3d(-3%,5px,0) rotate(-8deg) scaleX(.98); }
  38% { transform:translate3d(11%,-9px,0) rotate(-3deg) scaleX(1.10); }
  70% { transform:translate3d(3%,7px,0) rotate(-10deg) scaleX(1.04); }
}
@keyframes carouselRibbonEcho {
  0%,100% { transform:translate3d(0,0,0) rotate(6deg) scaleX(1); opacity:.34; }
  50% { transform:translate3d(-54px,-12px,0) rotate(1deg) scaleX(1.16); opacity:.62; }
}
@keyframes carouselGlowDrift {
  0% { transform:translate3d(-4%,4%,0) scale(.94); opacity:.55; }
  100% { transform:translate3d(26%,-7%,0) scale(1.13); opacity:.92; }
}

@media (max-width:760px) {
  .site-body .liquid-carousel-frame {
    padding:12px 9px 7px;
    border-radius:24px;
  }
  .site-body .liquid-carousel-backdrop { inset:-30px -70px -24px; opacity:.54; }
  .site-body .liquid-carousel-backdrop > i { height:124px; }
  .site-body .liquid-carousel-backdrop > i:nth-of-type(2) { height:138px; }
  .site-body .liquid-carousel-backdrop > i:nth-of-type(3) { height:108px; }
}

@media (prefers-reduced-motion:reduce) {
  .site-body .liquid-carousel-glow,
  .site-body .liquid-carousel-backdrop > i,
  .site-body .liquid-carousel-backdrop > b { animation:none !important; }
  .site-body .liquid-carousel-backdrop { transform:none !important; transition:none !important; }
}

/* ======================================================================
   AmazeDevs v1.12 — slower scroll motion + cozy animated glass sections
   ====================================================================== */

/* The Why, FAQ, and footer lighting stays contained inside each glass panel.
   This prevents hard clipping against neighbouring sections. */
.site-body .v4-why-card,
.site-body .v5-faq-shell,
.site-body .footer-stage {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.site-body .v4-why-card > *,
.site-body .v5-faq-shell > *:not(.faq-ambient),
.site-body .footer-stage > *:not(.footer-glow) {
  position:relative;
  z-index:3;
}

.site-body .v4-why-card::before,
.site-body .v5-faq-shell::after,
.site-body .footer-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  width:78%;
  height:52%;
  left:-16%;
  bottom:-23%;
  border-radius:50%;
  border:1px solid rgba(143,157,255,.15);
  background:
    radial-gradient(ellipse at 50% 42%,rgba(114,94,255,.16),rgba(57,75,196,.07) 42%,transparent 70%);
  box-shadow:
    0 0 34px rgba(111,95,255,.13),
    inset 0 0 34px rgba(144,157,255,.08);
  filter:blur(.2px);
  opacity:.68;
  pointer-events:none;
  transform:rotate(-8deg) scale(1.02);
  will-change:transform,opacity;
  animation:cozyGlassWaveA 16.8s ease-in-out infinite;
}

.site-body .v4-why-card::after,
.site-body .v5-faq-shell::before,
.site-body .footer-stage::after {
  content:"";
  position:absolute;
  z-index:0;
  width:68%;
  height:46%;
  right:-20%;
  top:-20%;
  border-radius:50%;
  border:1px solid rgba(119,145,255,.1);
  background:
    radial-gradient(ellipse at 42% 50%,rgba(82,116,255,.12),rgba(112,72,204,.06) 46%,transparent 72%);
  box-shadow:
    0 0 38px rgba(70,96,220,.1),
    inset 0 0 30px rgba(137,151,255,.06);
  opacity:.55;
  pointer-events:none;
  transform:rotate(11deg) scale(.98);
  will-change:transform,opacity;
  animation:cozyGlassWaveB 20.3s ease-in-out infinite;
}

/* FAQ already uses ::before for its sheen; restore the sheen as a layered
   gradient while the moving ring lives behind the content. */
.site-body .v5-faq-shell::before {
  inset:auto;
  width:68%;
  height:46%;
  right:-20%;
  top:-20%;
  border-radius:50%;
  border:1px solid rgba(119,145,255,.1);
  background:radial-gradient(ellipse at 42% 50%,rgba(82,116,255,.12),rgba(112,72,204,.06) 46%,transparent 72%);
  box-shadow:0 0 38px rgba(70,96,220,.1),inset 0 0 30px rgba(137,151,255,.06);
  opacity:.55;
  animation:cozyGlassWaveB 20.3s ease-in-out infinite;
}

.site-body .faq-ambient i:first-child {
  animation:cozyAmbientDriftA 17.5s ease-in-out infinite;
}
.site-body .faq-ambient i:last-child {
  animation:cozyAmbientDriftB 21s ease-in-out infinite;
}

.site-body .footer-glow i:first-child {
  animation:cozyAmbientDriftA 18.2s ease-in-out infinite;
}
.site-body .footer-glow i:last-child {
  animation:cozyAmbientDriftB 22.4s ease-in-out infinite;
}

@keyframes cozyGlassWaveA {
  0%,100% { transform:translate3d(0,0,0) rotate(-8deg) scale(1.02); opacity:.58; }
  38% { transform:translate3d(9%, -13%,0) rotate(-2deg) scale(1.09); opacity:.8; }
  70% { transform:translate3d(17%, 3%,0) rotate(-12deg) scale(.97); opacity:.61; }
}

@keyframes cozyGlassWaveB {
  0%,100% { transform:translate3d(0,0,0) rotate(11deg) scale(.98); opacity:.48; }
  42% { transform:translate3d(-12%, 16%,0) rotate(5deg) scale(1.08); opacity:.68; }
  76% { transform:translate3d(-4%, 5%,0) rotate(14deg) scale(1.01); opacity:.52; }
}

@keyframes cozyAmbientDriftA {
  0%,100% { transform:translate3d(0,0,0) scale(1); opacity:.45; }
  50% { transform:translate3d(48px,25px,0) scale(1.12); opacity:.7; }
}

@keyframes cozyAmbientDriftB {
  0%,100% { transform:translate3d(0,0,0) scale(1); opacity:.38; }
  50% { transform:translate3d(-42px,-20px,0) scale(1.1); opacity:.62; }
}

@media (prefers-reduced-motion:no-preference) {
  /* All scroll entrances are 40% slower than v1.11. */
  html.scroll-motion-ready .site-body .scroll-reveal {
    transition:
      opacity 1.204s var(--ease-smooth) var(--scroll-delay),
      transform 1.428s var(--ease-smooth) var(--scroll-delay),
      filter 1.148s var(--ease-smooth) var(--scroll-delay),
      clip-path 1.512s var(--ease-smooth) var(--scroll-delay);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"] img,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"] img {
    transition:
      transform 1.89s var(--ease-smooth) calc(var(--scroll-delay) + 112ms),
      filter 1.4s var(--ease-smooth) calc(var(--scroll-delay) + 112ms);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"].visible,
  html.scroll-motion-ready .site-body .v4-why-card.visible,
  html.scroll-motion-ready .site-body .v5-faq-shell.visible,
  html.scroll-motion-ready .site-body .footer-stage.visible {
    animation:
      cozySectionPop 1.62s var(--ease-smooth) both,
      scrollGlassArrival 1.61s var(--ease-smooth) both;
    animation-delay:var(--scroll-delay),var(--scroll-delay);
  }

  .site-body .scroll-section > .container {
    transition:filter .98s ease,opacity .98s ease;
  }

  .site-body .v4-process-panel.visible .process-bubble,
  .site-body .v5-process-panel.visible .process-bubble {
    animation-duration:1.008s;
  }

  .site-body .faq-item.scroll-reveal summary::after {
    transition:
      transform 1.008s var(--ease-smooth) calc(var(--scroll-delay) + 140ms),
      opacity .77s ease calc(var(--scroll-delay) + 140ms);
  }

  .site-body .footer-stage.scroll-reveal .footer-wordmark,
  .site-body .footer-stage.scroll-reveal .footer-signature {
    transform:translate3d(0,58px,0) scale(.975);
    opacity:.16;
    transition:
      transform 1.75s var(--ease-smooth) .252s,
      opacity 1.54s ease .252s;
  }

  .site-body .footer-stage.scroll-reveal.visible .footer-wordmark,
  .site-body .footer-stage.scroll-reveal.visible .footer-signature {
    transform:none;
    opacity:1;
  }

  /* Internal content arrives gently after the glass panel pops in. */
  .site-body .v4-why-card.scroll-reveal .why-points article,
  .site-body .v5-faq-shell.scroll-reveal .faq-intro,
  .site-body .v5-faq-shell.scroll-reveal .faq-item,
  .site-body .footer-stage.scroll-reveal .footer-topline,
  .site-body .footer-stage.scroll-reveal .footer-message,
  .site-body .footer-stage.scroll-reveal .footer-contact-card,
  .site-body .footer-stage.scroll-reveal .footer-nav-row,
  .site-body .footer-stage.scroll-reveal .footer-bottom {
    opacity:0;
    transform:translate3d(0,34px,0) scale(.985);
    filter:blur(5px);
    transition:
      opacity 1.12s var(--ease-smooth),
      transform 1.32s var(--ease-smooth),
      filter 1.12s var(--ease-smooth);
  }

  .site-body .v4-why-card.scroll-reveal.visible .why-points article,
  .site-body .v5-faq-shell.scroll-reveal.visible .faq-intro,
  .site-body .v5-faq-shell.scroll-reveal.visible .faq-item,
  .site-body .footer-stage.scroll-reveal.visible .footer-topline,
  .site-body .footer-stage.scroll-reveal.visible .footer-message,
  .site-body .footer-stage.scroll-reveal.visible .footer-contact-card,
  .site-body .footer-stage.scroll-reveal.visible .footer-nav-row,
  .site-body .footer-stage.scroll-reveal.visible .footer-bottom {
    opacity:1;
    transform:none;
    filter:none;
  }

  .site-body .v4-why-card.scroll-reveal .why-points article:nth-child(1) { transition-delay:.18s; }
  .site-body .v4-why-card.scroll-reveal .why-points article:nth-child(2) { transition-delay:.34s; }
  .site-body .v4-why-card.scroll-reveal .why-points article:nth-child(3) { transition-delay:.50s; }
  .site-body .v5-faq-shell.scroll-reveal .faq-intro { transition-delay:.16s; }
  .site-body .v5-faq-shell.scroll-reveal .faq-item:nth-child(1) { transition-delay:.22s; }
  .site-body .v5-faq-shell.scroll-reveal .faq-item:nth-child(2) { transition-delay:.34s; }
  .site-body .v5-faq-shell.scroll-reveal .faq-item:nth-child(3) { transition-delay:.46s; }
  .site-body .v5-faq-shell.scroll-reveal .faq-item:nth-child(4) { transition-delay:.58s; }
  .site-body .footer-stage.scroll-reveal .footer-topline { transition-delay:.12s; }
  .site-body .footer-stage.scroll-reveal .footer-message { transition-delay:.24s; }
  .site-body .footer-stage.scroll-reveal .footer-contact-card { transition-delay:.38s; }
  .site-body .footer-stage.scroll-reveal .footer-nav-row { transition-delay:.52s; }
  .site-body .footer-stage.scroll-reveal .footer-bottom { transition-delay:.68s; }
}

@keyframes cozySectionPop {
  0% { transform:translate3d(0,48px,0) scale(.925); opacity:0; filter:blur(10px); }
  56% { transform:translate3d(0,-5px,0) scale(1.012); opacity:1; filter:blur(0); }
  100% { transform:none; opacity:1; filter:none; }
}

@media (max-width:760px) {
  .site-body .v4-why-card::before,
  .site-body .v5-faq-shell::after,
  .site-body .footer-stage::before { width:120%; left:-45%; opacity:.48; }
  .site-body .v4-why-card::after,
  .site-body .v5-faq-shell::before,
  .site-body .footer-stage::after { width:110%; right:-52%; opacity:.4; }
}

@media (prefers-reduced-motion:reduce) {
  .site-body .v4-why-card::before,
  .site-body .v4-why-card::after,
  .site-body .v5-faq-shell::before,
  .site-body .v5-faq-shell::after,
  .site-body .footer-stage::before,
  .site-body .footer-stage::after,
  .site-body .faq-ambient i,
  .site-body .footer-glow i { animation:none!important; }
}

/* ======================================================================
   AmazeDevs v1.13 — compositor-first smooth scroll motion
   ====================================================================== */
.scroll-progress i {
  width:100%;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}

@media (prefers-reduced-motion:no-preference) {
  html.scroll-motion-ready .site-body .scroll-reveal {
    --scroll-enter-ease:cubic-bezier(.22,.72,.24,1);
    opacity:0;
    transform:translate3d(0,30px,0) scale(.992);
    filter:none!important;
    clip-path:none!important;
    transition-property:opacity,transform;
    transition-duration:1.18s,1.42s;
    transition-timing-function:var(--scroll-enter-ease),var(--scroll-enter-ease);
    transition-delay:0ms,0ms;
    will-change:opacity,transform;
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-exit="top"] {
    transform:translate3d(0,-22px,0) scale(.994);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="title"] {
    transform:translate3d(0,38px,0) scale(.995);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="left"] {
    transform:translate3d(-34px,8px,0) scale(.994);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="right"] {
    transform:translate3d(34px,8px,0) scale(.994);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"] {
    transform:translate3d(0,24px,0) scale(.976);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"] {
    transform:translate3d(0,34px,0) scale(.978);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="fade"] {
    transform:translate3d(0,14px,0);
  }

  html.scroll-motion-ready .site-body .scroll-reveal.visible,
  html.scroll-motion-ready .site-body .scroll-reveal.is-inview,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect].visible {
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    transition-delay:var(--scroll-delay),var(--scroll-delay);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"] img,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"] img {
    transform:translate3d(0,0,0) scale(1.035);
    filter:none!important;
    transition:transform 1.65s var(--scroll-enter-ease) 0ms;
    will-change:transform;
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"].visible img,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"].visible img {
    transform:translate3d(0,0,0) scale(1);
    transition-delay:calc(var(--scroll-delay) + 80ms);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-state="visible"][data-glass],
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-state="visible"].glass-panel,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="scale"].visible,
  html.scroll-motion-ready .site-body .v4-why-card.visible,
  html.scroll-motion-ready .site-body .v5-faq-shell.visible,
  html.scroll-motion-ready .site-body .footer-stage.visible {
    animation:none!important;
  }

  .site-body .scroll-section > .container,
  .site-body .scroll-section.section-inview > .container {
    filter:none!important;
    transition:none!important;
  }

  .site-body .v4-process-panel .process-bubble,
  .site-body .v5-process-panel .process-bubble {
    opacity:0;
    transform:translate3d(0,16px,0) scale(.94);
    animation:none!important;
    transition:opacity 1.05s var(--scroll-enter-ease),transform 1.25s var(--scroll-enter-ease);
  }

  .site-body .v4-process-panel.visible .process-bubble,
  .site-body .v5-process-panel.visible .process-bubble {
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }

  .site-body .v4-process-panel .v4-process-grid article:nth-child(2) .process-bubble,
  .site-body .v5-process-panel .v5-process-timeline article:nth-child(2) .process-bubble { transition-delay:.12s; }
  .site-body .v4-process-panel .v4-process-grid article:nth-child(3) .process-bubble,
  .site-body .v5-process-panel .v5-process-timeline article:nth-child(3) .process-bubble { transition-delay:.22s; }
  .site-body .v4-process-panel .v4-process-grid article:nth-child(4) .process-bubble,
  .site-body .v5-process-panel .v5-process-timeline article:nth-child(4) .process-bubble { transition-delay:.32s; }

  .site-body .v4-why-card.scroll-reveal .why-points article,
  .site-body .v5-faq-shell.scroll-reveal .faq-intro,
  .site-body .v5-faq-shell.scroll-reveal .faq-item,
  .site-body .footer-stage.scroll-reveal .footer-topline,
  .site-body .footer-stage.scroll-reveal .footer-message,
  .site-body .footer-stage.scroll-reveal .footer-contact-card,
  .site-body .footer-stage.scroll-reveal .footer-nav-row,
  .site-body .footer-stage.scroll-reveal .footer-bottom {
    transform:translate3d(0,22px,0) scale(.993);
    filter:none!important;
    transition-property:opacity,transform;
    transition-duration:1.05s,1.28s;
    transition-timing-function:var(--scroll-enter-ease),var(--scroll-enter-ease);
  }

  .site-body .v4-why-card.scroll-reveal.visible .why-points article,
  .site-body .v5-faq-shell.scroll-reveal.visible .faq-intro,
  .site-body .v5-faq-shell.scroll-reveal.visible .faq-item,
  .site-body .footer-stage.scroll-reveal.visible .footer-topline,
  .site-body .footer-stage.scroll-reveal.visible .footer-message,
  .site-body .footer-stage.scroll-reveal.visible .footer-contact-card,
  .site-body .footer-stage.scroll-reveal.visible .footer-nav-row,
  .site-body .footer-stage.scroll-reveal.visible .footer-bottom {
    transform:translate3d(0,0,0) scale(1);
  }

  .site-body .footer-stage.scroll-reveal .footer-wordmark,
  .site-body .footer-stage.scroll-reveal .footer-signature {
    transform:translate3d(0,30px,0) scale(.99);
    transition:transform 1.48s var(--scroll-enter-ease) .18s,opacity 1.2s ease .18s;
  }
}

@media (max-width:700px) and (prefers-reduced-motion:no-preference) {
  html.scroll-motion-ready .site-body .scroll-reveal,
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="left"],
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="right"],
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="card"],
  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-effect="title"] {
    transform:translate3d(0,24px,0) scale(.992);
  }

  html.scroll-motion-ready .site-body .scroll-reveal[data-scroll-exit="top"] {
    transform:translate3d(0,-16px,0) scale(.995);
  }
}

/* ================================================================
   AmazeDevs v1.14 — full-width desktop hero
   ================================================================ */
@media (min-width:1181px) {
  .site-body .v4-hero-shell.container {
    width:min(1780px,calc(100% - 56px));
    max-width:none;
  }

  .v4-hero {
    min-height:100svh;
    padding-top:132px;
    padding-bottom:54px;
  }

  .v4-hero-grid {
    grid-template-columns:minmax(570px,.9fr) minmax(720px,1.1fr);
    gap:clamp(42px,4vw,92px);
    min-height:calc(100svh - 300px);
  }

  .v4-hero-copy {
    max-width:820px;
    padding-left:clamp(0px,1.5vw,28px);
  }

  .v4-hero h1 {
    max-width:820px;
    font-size:clamp(5rem,5.6vw,7.35rem);
    line-height:.955;
  }

  .v4-hero-lead {
    max-width:700px;
  }

  .liquid-stage {
    width:100%;
    max-width:900px;
    min-height:700px;
    justify-self:end;
  }

  .v4-stats-strip {
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width:1600px) {
  .site-body .v4-hero-shell.container {
    width:min(1840px,calc(100% - 72px));
  }

  .v4-hero-grid {
    grid-template-columns:minmax(620px,.88fr) minmax(780px,1.12fr);
  }

  .liquid-stage {
    max-width:960px;
  }
}

/* ================================================================
   AmazeDevs v1.15 — cohesive hero constellation + readable public type
   ================================================================ */

/* Match the comfortable dashboard reading scale across the public site. */
.site-body {
  font-size:16px;
}
.site-body .eyebrow { font-size:.75rem; line-height:1.4; }
.public-brand>span:last-child { font-size:1rem; }
.public-brand small { font-size:.6rem; line-height:1.3; }
.site-body .site-nav a { font-size:.82rem; }
.site-body .site-nav a small { font-size:.58rem; }
.site-body .button { font-size:.86rem; }
.site-body .text-link { font-size:.86rem; }

/* Hero copy and controls. */
.v4-availability { font-size:.67rem; line-height:1.45; }
.v4-hero-lead { font-size:clamp(1.02rem,1.15vw,1.16rem); }
.v4-hero-actions .button { font-size:.82rem; }
.v4-tech>small { font-size:.69rem; }
.v4-tech>div span { font-size:.62rem; }
.v4-stat small { font-size:.7rem; }
.v4-section-heading>p { font-size:.96rem; }

/* Make the product constellation read like one composed object instead of
   separate panels stretched across the entire right column. */
.liquid-stage::before {
  content:"";
  position:absolute;
  inset:32px -20px 12px;
  z-index:-1;
  pointer-events:none;
  border-radius:56px;
  background:
    radial-gradient(ellipse at 54% 47%,rgba(92,85,238,.17),transparent 52%),
    radial-gradient(ellipse at 80% 28%,rgba(71,101,218,.11),transparent 45%);
  filter:blur(30px);
  opacity:.88;
}
.liquid-window-bar { font-size:.64rem; }
.main-product-content>small { font-size:.53rem; }
.main-product-content p { font-size:.63rem; line-height:1.62; }
.main-product-content>a { font-size:.61rem; }
.panel-metrics small { font-size:.49rem; }
.panel-metrics strong { font-size:.94rem; }
.code-title { font-size:.53rem; }
.code-panel pre { font-size:.53rem; line-height:1.68; }
.pos-phone header small { font-size:.7rem; }
.pos-phone header strong { font-size:.54rem; }
.phone-status small { font-size:.48rem; }
.phone-status b { font-size:.67rem; }
.pos-phone>a { font-size:.56rem; }
.sales-panel>small { font-size:.61rem; }
.sales-panel>span { font-size:.5rem; }
.sales-panel>strong { font-size:1.5rem; }
.sales-panel>em { font-size:.49rem; }
.customers-panel small { font-size:.52rem; }
.customers-panel strong { font-size:1.3rem; }
.customers-panel em { font-size:.49rem; }
.liquid-dock span { font-size:.78rem; }

/* Homepage cards and supporting text. */
.project-card-copy>span { font-size:.62rem; }
.project-card-copy h3 { font-size:1.38rem; }
.project-card-footer { font-size:.7rem; }
.service-index { font-size:.6rem; }
.v4-service-card h3 { font-size:1.28rem; }
.v4-service-card>p { font-size:.79rem; line-height:1.68; }
.service-card-meta { font-size:.64rem; line-height:1.5; }
.service-card-links { font-size:.69rem; }
.process-panel-head>p { font-size:.88rem; }
.site-body .v5-process-timeline h3 { font-size:1.2rem; }
.site-body .v5-process-timeline p { font-size:.78rem; line-height:1.72; }
.site-body .v5-process-timeline small { font-size:.61rem; }
.proof-pill { font-size:.63rem; }
.v5-testimonial-static .testimonial-static-card>p { font-size:clamp(1.08rem,1.7vw,1.36rem); }
.v4-testimonial-slide footer strong { font-size:.78rem; }
.v4-testimonial-slide footer small { font-size:.62rem; }
.why-points span { font-size:.66rem; }
.why-points strong { font-size:1rem; }
.why-points p { font-size:.81rem; line-height:1.7; }
.faq-intro>p { font-size:.85rem; }
.faq-contact-link,.faq-contact-link b { font-size:.68rem; }
.v5-faq .faq-item summary small { font-size:.61rem; }
.v5-faq .faq-item summary b { font-size:1rem; }
.v5-faq .faq-item p { font-size:.84rem; line-height:1.78; }
.v4-cta-panel p { font-size:.9rem; }

/* Inner public pages and forms. */
.site-body .page-hero p { font-size:1.12rem; }
.site-body .back-link { font-size:.76rem; }
.site-body .catalog-index { font-size:.78rem; }
.site-body .catalog-card p,
.site-body .detail-main p,
.site-body .about-copy>p,
.site-body .order-summary>p { font-size:1rem; }
.site-body .catalog-card li { font-size:.9rem; }
.site-body .catalog-action>span,
.site-body .catalog-action small,
.site-body .price-panel span { font-size:.78rem; }
.site-body .price-panel p { font-size:.9rem; }
.site-body .feature-row>span { font-size:.75rem; }
.site-body .feature-row strong { font-size:1.05rem; }
.site-body .project-tags span { font-size:.78rem; }
.site-body .case-block>span { font-size:.82rem; }
.site-body .case-block p { font-size:1.05rem; }
.site-body .values-list span { font-size:.9rem; }
.site-body .contact-methods small { font-size:.72rem; }
.site-body .contact-methods strong { font-size:.88rem; }
.site-body .premium-form label { font-size:.82rem; }
.site-body .premium-form input,
.site-body .premium-form textarea,
.site-body .premium-form select { font-size:.92rem; }
.site-body .form-note { font-size:.78rem; }
.site-body .order-price span,
.site-body .order-price small { font-size:.78rem; }
.site-body .order-note ol { font-size:.9rem; }
.site-body .payment-options legend { font-size:.82rem; }
.site-body .payment-options strong { font-size:.9rem; }
.site-body .payment-options small { font-size:.75rem; }

/* Compact footer stays readable. */
.site-body .footer-topline { font-size:.66rem; }
.site-body .footer-message p { font-size:.9rem; }
.site-body .footer-contact-card>span { font-size:.65rem; }
.site-body .footer-whatsapp { font-size:.78rem; }
.site-body .footer-email { font-size:.8rem; }
.site-body .footer-brand { font-size:.96rem; }
.site-body .footer-brand small { font-size:.62rem; }
.site-body .footer-label { font-size:.63rem; }
.site-body .footer-links a { font-size:.82rem; }
.site-body .footer-bottom { font-size:.65rem; }

/* Full-width desktop hero with a compact, balanced right-side composition. */
@media (min-width:1181px) and (max-width:1399px) {
  .site-body .v4-hero-shell.container {
    width:calc(100% - 48px);
    max-width:none;
  }
  .v4-hero-grid {
    grid-template-columns:minmax(500px,1fr) 620px;
    gap:28px;
  }
  .v4-hero-copy { max-width:720px; padding-left:0; }
  .v4-hero h1 { max-width:720px; font-size:clamp(4.55rem,5.5vw,6.15rem); }
  .liquid-stage {
    width:680px;
    max-width:680px;
    min-height:680px;
    justify-self:end;
    transform:scale(.91);
    transform-origin:center right;
  }
}

@media (min-width:1400px) {
  .site-body .v4-hero-shell.container {
    width:min(1760px,calc(100% - 56px));
    max-width:none;
  }
  .v4-hero-grid {
    grid-template-columns:minmax(620px,1fr) 700px;
    gap:clamp(42px,4vw,78px);
    justify-content:space-between;
  }
  .v4-hero-copy { max-width:820px; padding-left:0; }
  .v4-hero h1 { max-width:820px; font-size:clamp(5rem,5.35vw,7.15rem); }
  .liquid-stage {
    width:700px;
    max-width:700px;
    min-height:700px;
    justify-self:end;
    transform:none;
    transform-origin:center right;
  }
}

@media (min-width:1700px) {
  .liquid-stage {
    transform:scale(1.04);
    margin-right:12px;
  }
}

@media (max-width:900px) {
  .site-body .eyebrow { font-size:.69rem; }
  .v4-service-card>p,
  .site-body .v5-process-timeline p,
  .why-points p,
  .v5-faq .faq-item p { font-size:.76rem; }
  .v5-faq .faq-item summary b { font-size:.9rem; }
}

@media (max-width:620px) {
  .site-body { font-size:15px; }
  .public-brand small { font-size:.55rem; }
  .v4-availability { font-size:.61rem; }
  .v4-hero-lead { font-size:.98rem; }
  .v4-hero-actions .button { font-size:.78rem; }
  .project-card-copy h3 { font-size:1.25rem; }
  .v4-service-card h3 { font-size:1.2rem; }
  .site-body .premium-form label { font-size:.78rem; }
}