/* ZENTSOFT Public UI V11 — Visual Intelligence / Dark-only */
:root{
  color-scheme:dark;
  --bg:#06080d;
  --bg-2:#090d14;
  --surface:#10151f;
  --surface-2:#141b27;
  --surface-3:#1a2432;
  --surface-glass:rgba(17,23,34,.82);
  --text:#f6f8fb;
  --text-2:#d9e0ea;
  --muted:#a7b2c2;
  --muted-2:#7f8ba0;
  --line:rgba(210,229,255,.10);
  --line-strong:rgba(210,229,255,.17);
  --blue:#0a84ff;
  --cyan:#32d7ff;
  --teal:#32d7c8;
  --indigo:#5e5ce6;
  --purple:#af52de;
  --green:#30d158;
  --orange:#ff9f0a;
  --pink:#ff5e79;
  --spectrum:linear-gradient(110deg,#0a84ff 0%,#32d7ff 30%,#32d7c8 52%,#5e5ce6 74%,#af52de 100%);
  --shadow:0 28px 90px rgba(0,0,0,.34);
  --shadow-sm:0 14px 44px rgba(0,0,0,.26);
  --radius:26px;
  --radius-sm:18px;
  --container:min(1180px,calc(100% - 40px));
  --nav-h:68px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:-15%;pointer-events:none;z-index:-3;background:radial-gradient(52rem 34rem at 8% 4%,rgba(10,132,255,.15),transparent 65%),radial-gradient(46rem 32rem at 94% 12%,rgba(50,215,200,.12),transparent 64%),radial-gradient(40rem 30rem at 55% 82%,rgba(94,92,230,.08),transparent 68%);animation:ambientShift 18s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 75%)}
@keyframes ambientShift{to{transform:translate3d(2.5%,1.5%,0) scale(1.035);filter:hue-rotate(7deg)}}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg{display:block}
.container{width:var(--container);margin-inline:auto}
.section{padding:72px 0;position:relative}
.section.compact{padding:46px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}
.section-head>div{max-width:780px}
.eyebrow{font-size:11px;font-weight:760;letter-spacing:.17em;text-transform:uppercase;color:#70b8ff;margin-bottom:10px}
.section-title{font-size:clamp(34px,4vw,54px);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:720}
.section-lead{font-size:16px;line-height:1.65;color:var(--muted);margin:13px 0 0;max-width:760px}
.link-arrow{color:#8cc8ff;font-size:13px;font-weight:700;white-space:nowrap;transition:.2s var(--ease)}
.link-arrow:hover{color:#fff;transform:translateX(3px)}
.muted{color:var(--muted)}
.gradient-text{background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Navigation — glass is physically clipped to the capsule, nowhere else */
.site-nav{position:fixed;top:14px;left:0;right:0;z-index:100;padding:0 16px;pointer-events:none}
.site-nav__bar{position:relative;width:min(1180px,100%);height:var(--nav-h);margin:auto;display:flex;align-items:center;gap:18px;padding:0 12px 0 18px;border:1px solid var(--line-strong);border-radius:23px;background:#101722;box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);overflow:visible;isolation:isolate;pointer-events:auto}
.site-nav__bar::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 28%,rgba(50,215,255,.035) 65%,transparent);pointer-events:none;z-index:-1;overflow:hidden}
.brand{display:flex;align-items:center;min-width:168px}
.brand img{height:36px;max-width:170px;object-fit:contain;filter:brightness(1.08)}
.nav-links{display:flex;align-items:center;gap:3px;margin:auto}
.nav-links a{position:relative;padding:10px 12px;border-radius:13px;font-size:13px;font-weight:650;color:#97a4b8;transition:color .2s var(--ease),background .25s var(--ease),transform .2s var(--ease)}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.045)}
.nav-links a.active{color:#fff;background:linear-gradient(135deg,rgba(10,132,255,.18),rgba(50,215,255,.08));box-shadow:inset 0 0 0 1px rgba(80,176,255,.13)}
.nav-links a.active::after{content:"";position:absolute;height:2px;left:28%;right:28%;bottom:4px;border-radius:99px;background:linear-gradient(90deg,#0a84ff,#32d7ff);box-shadow:0 0 12px rgba(50,215,255,.55)}
.nav-actions{position:relative;display:flex;align-items:center;gap:7px}
.icon-btn,.language-btn{height:40px;min-width:40px;border:1px solid var(--line);background:#151d29;color:var(--text);border-radius:13px;display:flex;align-items:center;justify-content:center;padding:0 11px;transition:.2s var(--ease)}
.icon-btn:hover,.language-btn:hover{background:#1b2533;border-color:var(--line-strong)}
.language-control{position:relative}
.language-btn{gap:7px;font-size:12px;font-weight:760;color:#e8edf5;min-width:70px}
.language-btn svg{width:17px;height:17px;color:#89c5ff}.language-btn .lang-chevron{width:13px;height:13px;color:#7e8aa0;transition:.2s}
.language-btn[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;right:0;top:48px;width:196px;padding:7px;border:1px solid var(--line-strong);border-radius:17px;background:#111824;box-shadow:0 24px 64px rgba(0,0,0,.42);z-index:120}
.language-menu[hidden]{display:none}
.language-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:var(--text-2);padding:10px 11px;border-radius:11px;text-align:left;font-size:12px}
.language-menu button:hover,.language-menu button.active{background:#1a2432;color:#fff}
.language-menu small{font-size:9px;color:#7f8ba0;letter-spacing:.08em}
.menu-btn{display:none}.menu-btn svg{width:18px;height:18px}
.btn{border:0;border-radius:15px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:740;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:15px;height:15px;flex:none}
.btn-primary{background:linear-gradient(135deg,#0a84ff,#18a8f5 55%,#32d7ff);color:#fff;box-shadow:0 10px 28px rgba(10,132,255,.28),inset 0 1px 0 rgba(255,255,255,.16)}
.btn-primary:hover{box-shadow:0 14px 38px rgba(10,132,255,.38),0 0 0 1px rgba(75,190,255,.16)}
.btn-secondary{background:#151d28;color:#f3f6fa;border:1px solid var(--line-strong)}
.btn-secondary:hover{background:#1b2533}
.btn-ghost{background:transparent;color:#b8c3d3;border:1px solid var(--line)}
.btn-sm{padding:11px 15px;border-radius:13px}
.nav-drawer{display:none}

/* Hero */
.hero{min-height:100svh;padding:calc(var(--nav-h) + 42px) 0 28px;position:relative;display:grid;align-items:center;overflow:hidden}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px}
.intelligence-field{position:absolute;inset:-80px -120px;pointer-events:none;z-index:-1;overflow:hidden}
.intelligence-field i{position:absolute;width:5px;height:5px;border-radius:50%;background:#70d9ff;box-shadow:0 0 18px rgba(50,215,255,.85);opacity:.3;animation:signalFloat 9s ease-in-out infinite}
.intelligence-field i:nth-child(1){left:7%;top:24%;animation-delay:-1s}.intelligence-field i:nth-child(2){left:26%;top:72%;animation-delay:-4s}.intelligence-field i:nth-child(3){left:58%;top:12%;animation-delay:-6s}.intelligence-field i:nth-child(4){left:73%;top:64%;animation-delay:-2.5s}.intelligence-field i:nth-child(5){left:91%;top:32%;animation-delay:-7s}.intelligence-field i:nth-child(6){left:48%;top:86%;animation-delay:-3s}
.intelligence-orbit{position:absolute;border-radius:50%;border:1px solid rgba(77,175,255,.12);filter:drop-shadow(0 0 18px rgba(10,132,255,.08));animation:orbitPulse 8s ease-in-out infinite alternate}.orbit-a{width:510px;height:510px;right:0;top:4%}.orbit-b{width:370px;height:370px;right:70px;top:16%;border-color:rgba(50,215,200,.12);animation-delay:-3s}
@keyframes signalFloat{50%{transform:translate3d(18px,-22px,0) scale(1.55);opacity:.75}}
@keyframes orbitPulse{to{transform:scale(1.08) rotate(8deg);opacity:.55}}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#101722;border:1px solid var(--line);font-size:10px;font-weight:760;letter-spacing:.10em;color:#aab5c5;box-shadow:var(--shadow-sm)}
.hero-kicker i,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(48,209,88,.10)}
.hero h1{font-size:clamp(48px,5.25vw,76px);line-height:.97;letter-spacing:-.058em;font-weight:730;margin:18px 0 18px;max-width:760px}
.hero p{font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:#aeb8c8;max-width:665px;margin:0}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
.hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.proof-chip{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:14px;background:#101722;border:1px solid var(--line);font-size:11px;color:#97a5ba;transition:.25s var(--ease)}
.proof-chip:hover{background:#151d28;transform:translateY(-2px)}
.proof-chip b{color:#f4f7fb}.proof-chip svg{width:17px;height:17px;color:#4eb3ff}
.hero-visual{position:relative;min-height:510px;display:grid;place-items:center;perspective:1200px}
.hero-visual::before{content:"";position:absolute;width:72%;height:72%;border-radius:50%;background:conic-gradient(from 20deg,rgba(10,132,255,.14),rgba(50,215,255,.04),rgba(175,82,222,.12),rgba(10,132,255,.14));filter:blur(28px);animation:intelligenceGlow 8s ease-in-out infinite alternate}
@keyframes intelligenceGlow{to{transform:rotate(18deg) scale(1.09);filter:blur(34px) hue-rotate(7deg)}}
.system-card{width:min(100%,550px);border:1px solid var(--line-strong);border-radius:31px;background:linear-gradient(145deg,rgba(18,25,37,.97),rgba(12,17,26,.95));box-shadow:0 34px 95px rgba(0,0,0,.48),0 0 0 1px rgba(74,177,255,.04);padding:20px;position:relative;overflow:hidden;transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .18s ease-out,box-shadow .3s var(--ease)}
.system-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(320px circle at var(--px,72%) var(--py,18%),rgba(75,190,255,.13),transparent 42%),linear-gradient(135deg,rgba(10,132,255,.06),transparent 38%,rgba(50,215,200,.04));pointer-events:none}
.system-card::after{content:"";position:absolute;left:-30%;right:-30%;height:1px;top:var(--scan,20%);background:linear-gradient(90deg,transparent,rgba(77,201,255,.7),transparent);box-shadow:0 0 18px rgba(77,201,255,.45);animation:scanLine 5.5s linear infinite;opacity:.35}
@keyframes scanLine{0%{top:12%}100%{top:92%}}
.system-head{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.system-brand{display:flex;align-items:center;gap:10px}.system-brand img{width:36px;height:36px;border-radius:11px}.system-brand b{display:block;font-size:13px}.system-brand small{color:var(--muted-2);font-size:10px}.status-pill{font-size:10px;color:#66df82;background:rgba(48,209,88,.08);border:1px solid rgba(48,209,88,.18);padding:7px 10px;border-radius:999px}
.system-kpis{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.system-kpis article{padding:13px;border-radius:16px;background:#141b27;border:1px solid var(--line)}.system-kpis small{display:block;color:var(--muted-2);font-size:9px}.system-kpis b{font-size:22px;display:block;margin-top:5px}.system-kpis em{font-size:9px;color:#68df85;font-style:normal}.hero-chart{position:relative;margin-top:10px;padding:14px;border-radius:18px;background:#111824;border:1px solid var(--line)}.hero-chart header{display:flex;justify-content:space-between;align-items:center;font-size:11px}.hero-chart header small{color:var(--muted-2)}.hero-chart svg{width:100%;height:122px;margin-top:5px}.chart-line{stroke-dasharray:620;stroke-dashoffset:620;animation:drawLine 2.1s var(--ease) .2s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}
.product-mini-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.product-mini{border:1px solid var(--line);background:#141b27;border-radius:14px;padding:9px;display:flex;align-items:center;gap:8px;font-size:10px;color:#c6cfdb}.product-mini i{width:27px;height:27px;border-radius:9px;background:color-mix(in srgb,var(--mini) 15%,#111824);color:var(--mini);display:grid;place-items:center;font-style:normal;font-weight:800}
.float-note{position:absolute;padding:12px 14px;border-radius:17px;background:#111824;border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);font-size:10px;color:#91a0b5;animation:floatSoft 6s ease-in-out infinite}.float-note b{display:block;font-size:12px;color:#eef3f8}.float-note.one{right:-18px;top:70px}.float-note.two{left:-14px;bottom:92px;animation-delay:-3s}@keyframes floatSoft{50%{transform:translateY(-9px)}}

/* Compact momentum + featured product */
.momentum-feature{padding:42px 0 48px}
.momentum-grid{display:grid;grid-template-columns:1.48fr .82fr;gap:16px}
.intel-card{border:1px solid var(--line);background:linear-gradient(145deg,#101722,#0d131d);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;position:relative;overflow:hidden}
.intel-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-130px;top:-120px;background:rgba(10,132,255,.08);filter:blur(8px);pointer-events:none}
.intel-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.intel-card h3{margin:0;font-size:20px;letter-spacing:-.025em}.intel-card p{margin:5px 0 0;color:#98a5b8;font-size:12px;line-height:1.55}.live-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(48,209,88,.08);color:#68df85;font-size:9px;font-weight:760;border:1px solid rgba(48,209,88,.15)}
.momentum-body{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin-top:13px;align-items:end}.momentum-chart{min-height:138px;border-radius:17px;background:#111824;border:1px solid var(--line);padding:11px 13px}.momentum-chart small{font-size:9px;color:#7f8ba0}.momentum-chart .big{font-size:27px;font-weight:760;margin-top:4px}.momentum-chart svg{width:100%;height:66px;margin-top:2px}.metric-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-mini article{padding:11px;border-radius:14px;background:#141b27;border:1px solid var(--line)}.metric-mini b{display:block;font-size:16px}.metric-mini small{font-size:9px;color:#8491a4}.featured-product{display:flex;flex-direction:column;justify-content:space-between;min-height:248px}.featured-product__icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(50,215,200,.14),rgba(10,132,255,.11));color:#55dfd0;display:grid;place-items:center;margin:11px 0}.featured-product__icon svg{width:25px;height:25px}.featured-product .btn{align-self:flex-start;position:relative;z-index:2}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.service-card{--svc:#0a84ff;--svc-rgb:10,132,255;border:1px solid color-mix(in srgb,var(--svc) 25%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--svc) 11%,#10151f),#10151f 48%);border-radius:22px;padding:18px;text-align:left;color:var(--text);min-height:176px;position:relative;overflow:hidden;transition:.3s var(--ease)}
.service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(150px circle at var(--mx,80%) var(--my,10%),color-mix(in srgb,var(--svc) 13%,transparent),transparent 60%);opacity:.7;pointer-events:none}.service-card::after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;right:-58px;top:-55px;background:color-mix(in srgb,var(--svc) 10%,transparent);filter:blur(2px);transition:.3s var(--ease)}
.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 48px color-mix(in srgb,var(--svc) 14%,transparent);border-color:color-mix(in srgb,var(--svc) 38%,var(--line))}.service-card:hover::after{transform:scale(1.35)}
.service-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--svc) 15%,#121a25);color:var(--svc);border:1px solid color-mix(in srgb,var(--svc) 25%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--svc) 8%,transparent)}.service-icon svg{width:22px;height:22px}.service-card h3{font-size:15px;line-height:1.23;margin:15px 0 7px;font-weight:700;color:#f3f6fa}.service-card p{font-size:11.5px;line-height:1.55;color:#9aa7b9;margin:0}.service-card .open-note{position:absolute;right:14px;bottom:12px;color:color-mix(in srgb,var(--svc) 85%,white);font-size:10px;font-weight:740}

/* Products — context showcase replaces abstract mini graph */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{--accent:#0a84ff;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 9%,#10151f),#10151f 44%);border-radius:25px;padding:20px;display:flex;flex-direction:column;min-height:438px;position:relative;overflow:hidden;transition:.3s var(--ease)}.product-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-95px;top:-100px;background:color-mix(in srgb,var(--accent) 10%,transparent);filter:blur(2px);transition:.3s var(--ease)}.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 56px color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.product-card:hover::before{transform:scale(1.16)}.product-top{display:flex;align-items:center;gap:12px;position:relative}.product-top small{font-size:10px}.product-icon{width:49px;height:49px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,#131c28);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.product-icon svg{width:25px;height:25px}.product-card h3{font-size:20px;line-height:1.13;letter-spacing:-.025em;margin:15px 0 8px;font-weight:700}.product-card>p{font-size:12.5px;line-height:1.58;color:#9eaaba;margin:0 0 13px}.product-features{display:grid;gap:6px;margin:0 0 15px}.product-features span{font-size:10.5px;color:#aab5c5;display:flex;align-items:center;gap:7px}.product-features span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}
.product-context{margin-top:auto;min-height:112px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#111824),#111824);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));padding:13px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;position:relative;overflow:hidden}.product-context::after{content:"";position:absolute;inset:auto -30% -80% 30%;height:130px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);animation:contextGlow 6s ease-in-out infinite alternate}.product-context-icon{width:52px;height:52px;border-radius:17px;background:color-mix(in srgb,var(--accent) 17%,#131c28);color:var(--accent);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);position:relative;z-index:1}.product-context-icon svg{width:28px;height:28px}.product-context-copy{position:relative;z-index:1;min-width:0}.product-context-copy small{display:block;color:#7e8ba0;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.product-context-copy b{display:block;font-size:13px;margin-top:4px;color:#eef3f8}.product-context-copy p{font-size:10px;color:#9eaaba;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-context-status{position:absolute;right:11px;top:10px;font-size:8px;font-weight:760;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,#10151f);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);padding:5px 7px;border-radius:999px;z-index:2}@keyframes contextGlow{to{transform:translate(-14px,-8px) scale(1.12)}}
.product-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px}.product-actions .btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 62%,#32d7ff));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}.product-actions .btn-primary:hover{box-shadow:0 14px 36px color-mix(in srgb,var(--accent) 34%,transparent)}

/* Universal finder */
.finder-shell{border:1px solid var(--line);background:linear-gradient(150deg,#101722,#0e141e);border-radius:27px;padding:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.finder-shell::before{content:"";position:absolute;width:300px;height:220px;right:-180px;top:-150px;border-radius:50%;background:rgba(10,132,255,.08);filter:blur(18px)}.finder-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.finder-input{height:58px;border-radius:18px;background:#141b27;border:1px solid var(--line-strong);display:flex;align-items:center;gap:12px;padding:0 16px;transition:.2s}.finder-input:focus-within{border-color:rgba(60,170,255,.46);box-shadow:0 0 0 4px rgba(10,132,255,.08),0 12px 30px rgba(0,0,0,.16)}.finder-input svg{width:20px;height:20px;color:#68bcff;flex:none}.finder-input input{border:0;outline:0;background:transparent;color:#f4f7fb;width:100%;font-size:14px}.finder-input input::placeholder{color:#6f7d91}.finder-meta{font-size:11px;color:#8491a4;min-width:96px;text-align:right}.finder-filters{position:relative;display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.filter-chip{border:1px solid var(--line);background:#141b27;color:#8f9caf;padding:8px 10px;border-radius:999px;font-size:10px;font-weight:690;transition:.2s}.filter-chip:hover{color:#fff;background:#1a2330}.filter-chip.active{background:rgba(10,132,255,.12);border-color:rgba(70,177,255,.26);color:#80c5ff;box-shadow:inset 0 0 0 1px rgba(10,132,255,.06)}.finder-results{position:relative;margin-top:13px;border-top:1px solid var(--line)}.client-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(180px,.9fr) minmax(110px,.6fr) auto;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line)}.client-row:last-child{border-bottom:0}.client-main{display:flex;align-items:center;gap:11px}.client-avatar{--client:#0a84ff;width:40px;height:40px;border-radius:13px;background:color-mix(in srgb,var(--client) 14%,#141b27);color:var(--client);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--client) 18%,transparent)}.client-avatar svg{width:21px;height:21px}.client-main b{display:block;font-size:12px}.client-main small,.client-product small{display:block;color:#7f8ca0;font-size:9px;margin-top:2px}.client-product b{display:block;font-size:10.5px;color:#cbd3df}.status-dot-pill{justify-self:start;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:760}.status-dot-pill.live{color:#72e18b;background:rgba(48,209,88,.08)}.status-dot-pill.demo{color:#74bdff;background:rgba(10,132,255,.09)}.client-row .btn{padding:9px 12px;font-size:10px}.empty-state{padding:24px 8px;color:#8491a4;font-size:12px;text-align:center}

/* Principle */
.principle-grid{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:14px}.principle-card{border:1px solid var(--line);background:#10151f;border-radius:24px;padding:22px;min-height:205px;transition:.28s var(--ease)}.principle-card:hover{transform:translateY(-3px);background:#121a25}.principle-card.primary{background:linear-gradient(145deg,rgba(10,132,255,.09),#10151f 48%)}.principle-card .principle-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#141d29;color:#63b9ff;border:1px solid var(--line)}.principle-card h3{font-size:21px;letter-spacing:-.03em;margin:16px 0 8px}.principle-card p{color:#9ba8ba;font-size:12.5px;line-height:1.62;margin:0}.principle-traits{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.principle-traits span{padding:7px 9px;border-radius:999px;background:#141b27;border:1px solid var(--line);font-size:9px;color:#8b98ab}

/* Process — clean intelligence journey */
.process-studio{border:1px solid var(--line);background:linear-gradient(145deg,#101722,#0d131d);border-radius:28px;padding:22px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.process-studio::before{content:"";position:absolute;width:360px;height:240px;border-radius:50%;right:-180px;top:-180px;background:rgba(94,92,230,.09);filter:blur(16px)}.process-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.process-rail-line{position:absolute;left:9%;right:9%;top:30px;height:1px;background:var(--line);z-index:0}.process-rail-signal{position:absolute;left:9%;top:29px;height:3px;border-radius:99px;background:linear-gradient(90deg,#0a84ff,#32d7ff,#32d7c8,#5e5ce6);width:var(--signal,0%);transition:width .6s var(--ease);z-index:1;box-shadow:0 0 18px rgba(50,215,255,.35)}.process-step{position:relative;z-index:2;border:1px solid transparent;background:transparent;color:#8d9aaf;border-radius:18px;padding:8px 8px 12px;text-align:center;transition:.25s var(--ease)}.process-step:hover{background:#141b27;color:#dce4ef}.process-node{width:46px;height:46px;border-radius:15px;margin:auto;display:grid;place-items:center;background:#141b27;border:1px solid var(--line);color:#8ea0b8;transition:.3s var(--ease)}.process-node svg{width:21px;height:21px}.process-step small{display:block;margin-top:8px;color:#6f7c91;font-size:8px;letter-spacing:.08em}.process-step b{display:block;font-size:11px;margin-top:3px;color:inherit}.process-step.active{background:rgba(10,132,255,.06);border-color:rgba(80,176,255,.12);color:#f3f7fb}.process-step.active .process-node{background:linear-gradient(135deg,#0a84ff,#32d7ff);color:#fff;border-color:transparent;box-shadow:0 10px 28px rgba(10,132,255,.24)}.process-focus{position:relative;margin-top:17px;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.process-focus small{color:#69bcff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.process-focus h3{font-size:25px;margin:6px 0 0;letter-spacing:-.035em}.process-focus p{font-size:13px;line-height:1.65;color:#9aa7b9;margin:0}.process-bullets{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.process-bullets span{font-size:9px;padding:7px 9px;border-radius:999px;background:#141b27;border:1px solid var(--line);color:#8996a9}

/* Stories */
.story-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:13px}.story-card{border:1px solid var(--line);background:#10151f;border-radius:24px;padding:21px}.story-card.featured{background:linear-gradient(145deg,rgba(175,82,222,.08),#10151f)}.story-card .stars{color:#ffb13b;letter-spacing:.12em;font-size:11px}.story-card blockquote{font-size:15px;line-height:1.58;margin:13px 0 17px;color:#dce3ec}.story-card footer b{display:block;font-size:12px}.story-card footer small{color:#7e8a9d;font-size:10px}

/* Inner pages */
.page-main{padding-top:calc(var(--nav-h) + 50px)}.page-intro{padding:42px 0 28px}.page-intro h1{font-size:clamp(40px,5vw,66px);letter-spacing:-.052em;line-height:1.01;margin:0;max-width:880px;font-weight:720}.page-intro p{font-size:16px;color:#a4afbf;line-height:1.65;max-width:760px;margin:14px 0 0}.page-intro .intro-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.intro-meta span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#10151f;font-size:9px;color:#8e9bad}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{border:1px solid var(--line);background:#10151f;border-radius:24px;padding:21px}.price-card.featured{border-color:rgba(10,132,255,.24);background:linear-gradient(145deg,rgba(10,132,255,.08),#10151f)}.price-card h3{margin:0;font-size:19px}.price-card strong{font-size:28px;display:block;margin:13px 0 8px}.price-card ul{padding:0;margin:13px 0 19px;list-style:none;display:grid;gap:7px}.price-card li{font-size:11px;color:#929fb2}.price-card li::before{content:"✓";color:#61db80;margin-right:8px}
.form-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:17px;align-items:start}.info-card,.form-card{border:1px solid var(--line);background:#10151f;border-radius:25px;padding:23px;box-shadow:var(--shadow-sm)}.info-card h2,.form-card h2{margin:0 0 8px;font-size:23px}.info-list{display:grid;gap:9px;margin-top:18px}.info-list a,.info-list span{padding:12px;border-radius:14px;background:#141b27;border:1px solid var(--line);font-size:11px;color:#c7d0dc}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:730;color:#cbd4df}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#141b27;color:#f4f7fb;padding:13px 14px;outline:0}.field input,.field select{height:50px}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(69,176,255,.45);box-shadow:0 0 0 4px rgba(10,132,255,.07)}
.success-sheet{min-height:calc(100svh - var(--nav-h) - 80px);display:grid;place-items:center;padding:40px 0}.success-card{max-width:680px;margin:auto;text-align:center;border:1px solid var(--line);background:#10151f;border-radius:30px;padding:36px;box-shadow:var(--shadow)}.success-icon{width:62px;height:62px;border-radius:20px;margin:0 auto 17px;display:grid;place-items:center;background:rgba(48,209,88,.09);color:#63df82}.success-icon svg{width:31px;height:31px}.success-card h1{font-size:36px;letter-spacing:-.04em;margin:0}.success-card p{color:#9da9ba;line-height:1.65}.success-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}

/* CTA / Footer */
.cta{border:1px solid var(--line);border-radius:29px;padding:29px;background:linear-gradient(120deg,#07162d,#0a4f8a 56%,#087f8a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;position:relative}.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.09) 48%,transparent 66%);transform:translateX(-120%);animation:ctaSheen 8s ease-in-out infinite}.cta::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-80px;top:-125px;background:rgba(50,215,255,.10)}@keyframes ctaSheen{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}.cta h2{font-size:32px;letter-spacing:-.04em;margin:0}.cta p{color:rgba(255,255,255,.76);margin:8px 0 0}.cta .hero-actions{margin:0;position:relative;z-index:2}
.footer{padding:48px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr .9fr;gap:28px;padding-bottom:27px;border-bottom:1px solid var(--line)}.footer img{height:43px;filter:brightness(1.08)}.footer p,.footer a{font-size:11px;color:#8996a9;line-height:1.65}.footer h4{font-size:11px;margin:0 0 11px;color:#d9e1eb}.footer-links{display:grid;gap:7px}.socials{display:flex;gap:7px;margin-top:13px}.socials a{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:#10151f;display:grid;place-items:center;color:#cfd7e2}.copyright{display:flex;justify-content:space-between;gap:20px;padding-top:17px;color:#6f7b8d;font-size:9px}

/* Dialogs */
dialog{border:0;padding:0;background:transparent;color:var(--text);max-width:none}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.dialog-card{width:min(720px,calc(100vw - 28px));max-height:min(82svh,780px);overflow:auto;border:1px solid var(--line-strong);background:#101722;border-radius:28px;box-shadow:0 36px 110px rgba(0,0,0,.58);padding:24px;position:relative}.dialog-close{position:sticky;top:0;float:right;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#151d29;color:#fff;z-index:3}.dialog-kicker{color:#74bdff;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dialog-card h2{font-size:31px;letter-spacing:-.04em;margin:9px 0}.dialog-card>p{color:#a2aebe;line-height:1.6}.dialog-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.dialog-features span{padding:10px 11px;border:1px solid var(--line);background:#141b27;border-radius:13px;font-size:10px;color:#c5ced9}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.reveal{opacity:0;transform:translateY(16px) scale(.994);transition:opacity .72s var(--ease),transform .72s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal[data-stagger]{transition-delay:var(--stagger,0ms)}

@media(max-width:1050px){
  .nav-links{display:none}.menu-btn{display:flex}.site-nav__bar{justify-content:space-between}.brand{min-width:0}.hero{min-height:auto;padding-top:118px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-visual{min-height:470px}.momentum-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid .primary{grid-column:1/-1}.story-grid{grid-template-columns:1fr 1fr}.story-grid .featured{grid-column:1/-1}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:nth-child(3){display:none}.nav-drawer{position:fixed;top:91px;left:16px;right:16px;z-index:99;border:1px solid var(--line-strong);background:#101722;border-radius:22px;padding:12px;box-shadow:var(--shadow);display:none;pointer-events:auto}.nav-drawer.open{display:grid}.nav-drawer a{padding:12px;border-radius:12px;font-size:13px;color:#aab5c5}.nav-drawer a:hover,.nav-drawer a.active{background:#17202c;color:#fff}
}
@media(max-width:760px){
  :root{--container:min(100% - 28px,1180px);--nav-h:62px}.section{padding:50px 0}.section.compact{padding:35px 0}.section-head{display:block;margin-bottom:22px}.section-head .link-arrow{display:inline-flex;margin-top:13px}.site-nav{top:8px;padding:0 8px}.site-nav__bar{height:62px;border-radius:19px;padding:0 9px 0 12px}.brand img{height:31px}.nav-demo{display:none}.language-btn{height:38px;min-width:63px;padding:0 9px}.language-menu{top:46px}.hero{padding-top:98px;padding-bottom:26px}.hero h1{font-size:clamp(43px,13vw,62px)}.hero-visual{min-height:390px}.system-card{padding:14px;border-radius:25px}.system-kpis article:nth-child(2){display:none}.system-kpis{grid-template-columns:1fr 1fr}.product-mini-grid{grid-template-columns:repeat(2,1fr)}.product-mini-grid .product-mini:nth-child(n+5){display:none}.float-note{display:none}.hero-proof{gap:7px}.proof-chip{flex:1 1 42%;min-width:145px}.momentum-body{grid-template-columns:1fr}.metric-mini{grid-template-columns:repeat(4,1fr)}.metric-mini article{padding:9px}.metric-mini b{font-size:14px}.metric-mini small{font-size:8px}.services-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}.product-card{min-height:410px}.finder-top{grid-template-columns:1fr}.finder-meta{text-align:left;min-width:0}.client-row{grid-template-columns:1fr auto;gap:8px 12px}.client-product{grid-column:1/2;padding-left:51px}.status-dot-pill{grid-column:2;grid-row:1}.client-row .btn{grid-column:2;grid-row:2}.principle-grid{grid-template-columns:1fr}.principle-grid .primary{grid-column:auto}.process-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.process-rail-line,.process-rail-signal{display:none}.process-step{min-width:118px;scroll-snap-align:start}.process-focus{grid-template-columns:1fr;gap:11px}.story-grid{grid-template-columns:1fr}.story-grid .featured{grid-column:auto}.price-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta{display:block;padding:23px}.cta h2{font-size:27px}.cta .hero-actions{margin-top:17px}.copyright{display:block}.copyright span{display:block;margin-top:5px}.dialog-features{grid-template-columns:1fr}
}
@media(max-width:480px){
  :root{--container:calc(100% - 20px)}.section{padding:43px 0}.hero{padding-top:86px}.hero h1{font-size:39px;margin:12px 0}.hero p{font-size:14px;line-height:1.5}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.hero-actions .btn{width:100%;padding:11px 10px;font-size:11px}.hero-actions .btn:first-child{grid-column:1/-1}.hero-proof{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.proof-chip{min-width:0;padding:7px;font-size:9px}.proof-chip svg{width:15px;height:15px}.hero-visual{min-height:250px;height:250px;overflow:hidden}.system-card{transform:scale(.72);transform-origin:top center;width:132%;max-width:none}.system-kpis b{font-size:18px}.hero-chart svg{height:72px}.product-mini-grid{display:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:150px}.metric-mini{grid-template-columns:1fr 1fr}.finder-shell{padding:13px;border-radius:22px}.finder-input{height:51px}.client-row{grid-template-columns:1fr}.client-product{grid-column:auto;padding-left:51px}.status-dot-pill,.client-row .btn{grid-column:auto;grid-row:auto;margin-left:51px;justify-self:start}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-grid>div:nth-child(3){display:block}.language-btn .lang-chevron{display:none}.language-btn{min-width:54px}.brand img{max-width:145px}
}
@media(min-width:1000px) and (max-height:820px){.hero{padding-top:96px;padding-bottom:16px}.hero h1{font-size:clamp(44px,4.7vw,67px);margin:13px 0}.hero p{font-size:15px}.hero-actions{margin-top:15px}.hero-proof{margin-top:13px}.hero-visual{min-height:425px}.system-card{transform:scale(.91)}.float-note.one{right:0}.float-note.two{left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}.system-card{transform:none!important}}


/* =========================================================
   V12 — Visual Intelligence refinement
   One public stylesheet; focused motion, typography and clarity.
   ========================================================= */
:root{
  --bg:#05070b;--bg-2:#080c13;--surface:#0e141e;--surface-2:#121b28;--surface-3:#172231;
  --text:#f8fafc;--text-2:#e5ebf3;--muted:#aeb9c9;--muted-2:#8794a8;
  --line:rgba(205,229,255,.105);--line-strong:rgba(210,232,255,.18);
  --blue:#0A84FF;--cyan:#35D9FF;--teal:#32D7C8;--indigo:#6664FF;--purple:#B45AF2;
  --container:min(1200px,calc(100% - 42px));--ease:cubic-bezier(.2,.8,.2,1);
}
body{font-size:16px;font-weight:430;letter-spacing:-.006em}
p{color:var(--muted)}
h1,h2,h3,h4,strong,b{font-feature-settings:"kern" 1,"liga" 1}
.section-title{font-weight:690;letter-spacing:-.047em}.section-lead{color:#b4bfce;font-size:15.5px;line-height:1.62}
.page-intro h1{font-weight:700;color:#f9fbfd}.page-intro p{color:#b3bdcc;max-width:720px}
.eyebrow{color:#79bdff;font-size:10px;letter-spacing:.16em}.muted{color:#98a5b7}

/* Scroll intelligence — graceful without JS, animated when JS is available */
.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:150;pointer-events:none;background:transparent}.scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#0A84FF,#35D9FF,#32D7C8,#6664FF,#B45AF2);box-shadow:0 0 16px rgba(53,217,255,.45);will-change:transform}
.motion-section{isolation:isolate}.motion-section::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(520px,44vw);height:min(360px,32vw);border-radius:50%;left:-16%;top:calc(12% + (var(--section-progress,0) * 14%));background:radial-gradient(circle,rgba(10,132,255,.075),rgba(50,215,200,.025) 44%,transparent 72%);filter:blur(32px);opacity:.35;transform:translate3d(0,calc((var(--section-progress,0) - .5) * 36px),0);transition:opacity .45s ease}.motion-section:nth-child(even)::before{left:auto;right:-14%;background:radial-gradient(circle,rgba(102,100,255,.07),rgba(180,90,242,.022) 46%,transparent 72%)}.motion-section.section-live::before{opacity:.72}
.reveal{opacity:1;transform:none;filter:none}.motion-ready .reveal{opacity:0;transform:translateY(22px) scale(.992);filter:blur(7px);transition:opacity .78s var(--ease),transform .86s var(--ease),filter .72s var(--ease);transition-delay:var(--stagger,0ms)}.motion-ready .reveal.visible{opacity:1;transform:none;filter:none}

/* Hero — ZentApp first, service capabilities in a minimal rail */
.hero{min-height:100svh;padding:calc(var(--nav-h) + 34px) 0 24px}.hero-grid{grid-template-columns:.94fr 1.06fr;gap:42px;align-content:center}.hero-copy{align-self:center}.hero h1{font-size:clamp(50px,5.25vw,78px);max-width:700px}.hero p{max-width:650px}.flagship-pill{margin-top:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:610px;padding:11px 13px;border:1px solid rgba(70,174,255,.2);background:linear-gradient(135deg,rgba(10,132,255,.105),rgba(50,215,255,.035));border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 36px rgba(0,0,0,.2);transition:.28s var(--ease)}.flagship-pill:hover{transform:translateY(-2px);border-color:rgba(70,190,255,.35);background:linear-gradient(135deg,rgba(10,132,255,.16),rgba(50,215,255,.055))}.flagship-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#0A84FF,#32D7C8);box-shadow:0 10px 26px rgba(10,132,255,.28)}.flagship-mark img{width:27px;height:27px;object-fit:contain;filter:brightness(0) invert(1)}.flagship-pill span:nth-child(2){display:grid;gap:1px}.flagship-pill small{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#7fc8ff;font-weight:800}.flagship-pill b{font-size:17px;color:#fff}.flagship-pill em{font-style:normal;color:#9facc0;font-size:11px;line-height:1.35}.flagship-pill strong{font-size:11px;color:#8fd5ff;white-space:nowrap}
.hero-visual{min-height:470px}.zentapp-card{position:relative;width:min(100%,545px);min-height:430px;padding:18px;border:1px solid rgba(192,225,255,.15);border-radius:31px;background:linear-gradient(155deg,rgba(18,27,40,.98),rgba(8,13,21,.96));box-shadow:0 40px 110px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.055);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .22s ease;overflow:hidden}.zentapp-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(280px circle at var(--px,72%) var(--py,18%),rgba(53,217,255,.13),transparent 58%);pointer-events:none}.zentapp-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.zentapp-stage{position:relative;height:316px;margin-top:7px;display:grid;place-items:center;overflow:hidden}.stage-ring{position:absolute;border-radius:50%;border:1px solid rgba(88,186,255,.16);box-shadow:inset 0 0 40px rgba(10,132,255,.025);animation:stageRotate 17s linear infinite}.ring-one{width:270px;height:270px}.ring-two{width:210px;height:210px;border-style:dashed;border-color:rgba(50,215,200,.19);animation-direction:reverse;animation-duration:14s}.ring-three{width:145px;height:145px;border-color:rgba(180,90,242,.17);animation-duration:11s}.stage-core{width:112px;height:112px;border-radius:35px;display:grid;place-items:center;align-content:center;gap:2px;background:linear-gradient(145deg,rgba(10,132,255,.25),rgba(50,215,200,.12));border:1px solid rgba(100,205,255,.26);box-shadow:0 20px 60px rgba(10,132,255,.25),inset 0 1px rgba(255,255,255,.09);z-index:4;animation:coreBreath 4.8s ease-in-out infinite}.stage-core img{width:35px;height:35px;object-fit:contain}.stage-core b{font-size:14px}.stage-core small{font-size:8px;color:#9bb0c7}.module-chip{position:absolute;z-index:3;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:rgba(18,27,40,.88);font-size:9px;font-weight:700;color:#c4d0df;box-shadow:0 8px 22px rgba(0,0,0,.25);animation:moduleFloat 5.5s ease-in-out infinite}.mod-a{left:8%;top:18%;--dx:9px}.mod-b{right:7%;top:19%;--dx:-8px;animation-delay:-.8s}.mod-c{left:3%;top:52%;--dx:8px;animation-delay:-1.7s}.mod-d{right:3%;top:52%;--dx:-8px;animation-delay:-2.6s}.mod-e{left:18%;bottom:8%;--dx:7px;animation-delay:-3.2s}.mod-f{right:17%;bottom:8%;--dx:-7px;animation-delay:-4.1s}.signal-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#67e7ff;box-shadow:0 0 18px #32D7FF;z-index:2;animation:particleOrbit 7s linear infinite}.p1{animation-delay:0s}.p2{animation-delay:-2.3s;background:#49e0c7}.p3{animation-delay:-4.7s;background:#9f7cff}.zentapp-foot{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.zentapp-foot span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:#8f9db0;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.zentapp-foot i{width:5px;height:5px;border-radius:50%;background:#32D7C8;box-shadow:0 0 9px rgba(50,215,200,.6)}
.hero-build{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:-5px;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-build-label{min-width:120px}.hero-build-label span{display:block;font-size:10px;font-weight:800;color:#eaf1f8}.hero-build-label small{font-size:8px;color:#76849a}.hero-build-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.hero-build-track{display:flex;gap:7px;width:max-content;animation:buildDrift 26s ease-in-out infinite alternate}.build-chip{--svc:#0A84FF;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--svc) 28%,transparent);border-radius:10px;background:color-mix(in srgb,var(--svc) 7%,#0e141e);color:#c6d1df;white-space:nowrap}.build-chip i{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;color:var(--svc);background:color-mix(in srgb,var(--svc) 11%,transparent)}.build-chip svg{width:12px;height:12px}.build-chip b{font-size:8px;letter-spacing:.015em}.intelligence-beam{position:absolute;width:1px;height:280px;background:linear-gradient(transparent,rgba(53,217,255,.24),transparent);filter:drop-shadow(0 0 8px rgba(53,217,255,.4));animation:beamSweep 8s ease-in-out infinite}.beam-a{right:22%;top:8%;transform:rotate(35deg)}.beam-b{left:36%;bottom:4%;transform:rotate(63deg);animation-delay:-4s}
@keyframes stageRotate{to{transform:rotate(360deg)}}@keyframes coreBreath{50%{transform:scale(1.04);box-shadow:0 24px 76px rgba(10,132,255,.34),inset 0 1px rgba(255,255,255,.1)}}@keyframes moduleFloat{50%{transform:translate3d(var(--dx),-7px,0)}}@keyframes particleOrbit{0%{transform:rotate(0deg) translateX(125px) rotate(0deg)}100%{transform:rotate(360deg) translateX(125px) rotate(-360deg)}}@keyframes buildDrift{to{transform:translateX(-26%)}}@keyframes beamSweep{50%{opacity:.25;transform:translate3d(30px,18px,0) rotate(35deg)}}

/* Compact live momentum + animated featured product */
.momentum-feature{padding:20px 0 34px}.momentum-grid{grid-template-columns:1.22fr .78fr;gap:12px}.intel-card{padding:17px;border-radius:22px}.momentum-slim{min-height:185px}.momentum-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.momentum-title h3{font-size:20px;margin:2px 0 0}.momentum-inline{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-top:12px}.momentum-spark{height:72px}.momentum-spark svg{width:100%;height:100%}.momentum-facts{display:flex;gap:8px}.momentum-facts span{min-width:72px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#101824}.momentum-facts b{display:block;font-size:13px}.momentum-facts small{display:block;font-size:8px;color:#8290a4;margin-top:2px}.featured-rotator{position:relative;min-height:185px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;overflow:hidden;--feature-accent:#0A84FF}.featured-rotator::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-50px;top:-70px;background:color-mix(in srgb,var(--feature-accent) 16%,transparent);filter:blur(28px);transition:.5s}.feature-rotate-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--feature-accent);background:color-mix(in srgb,var(--feature-accent) 10%,#111924);border:1px solid color-mix(in srgb,var(--feature-accent) 23%,transparent)}.feature-rotate-icon svg{width:25px;height:25px}.feature-rotate-copy small{color:#78bdff;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.feature-rotate-copy h3{font-size:17px;margin:4px 0}.feature-rotate-copy p{font-size:10px;margin:0;color:#8896aa}.feature-dots{position:absolute;bottom:12px;left:50%;display:flex;gap:4px}.feature-dots i{width:4px;height:4px;border-radius:99px;background:#435065}.feature-dots i.active{width:14px;background:var(--feature-accent);transition:.3s}

/* Services — clearer color focus and stronger detail affordance */
.services-grid{grid-template-columns:repeat(5,1fr);gap:11px}.service-card{--svc:#0A84FF;position:relative;min-height:238px;padding:17px;text-align:left;border:1px solid color-mix(in srgb,var(--svc) 20%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--svc) 7%,#111822),#0d131c 70%);border-radius:21px;color:var(--text);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;transition:.3s var(--ease)}.service-card::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-85px;background:color-mix(in srgb,var(--svc) 17%,transparent);filter:blur(28px);opacity:.8;transition:.35s}.service-card::after{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx,78%) var(--my,12%),color-mix(in srgb,var(--svc) 10%,transparent),transparent 62%);pointer-events:none}.service-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--svc) 38%,transparent);box-shadow:0 20px 45px rgba(0,0,0,.27)}.service-card:hover::before{transform:scale(1.15)}.service-icon{position:relative;z-index:2;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--svc);background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 17%,#111925),color-mix(in srgb,var(--svc) 6%,#111925));border:1px solid color-mix(in srgb,var(--svc) 28%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 24px color-mix(in srgb,var(--svc) 10%,transparent)}.service-icon svg{width:23px;height:23px}.service-copy{position:relative;z-index:2}.service-card h3{font-size:14px;line-height:1.23;letter-spacing:-.025em;margin:14px 0 7px}.service-card p{font-size:10.5px;line-height:1.55;color:#94a2b5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.open-note{position:relative;z-index:2;margin-top:auto;padding-top:15px;display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;color:#fff}.open-note::before{content:"";position:absolute;inset:9px -9px -6px;border-radius:11px;background:color-mix(in srgb,var(--svc) 15%,#101722);border:1px solid color-mix(in srgb,var(--svc) 25%,transparent);z-index:-1;transition:.25s}.open-note svg{width:13px;height:13px;color:var(--svc);transition:.25s}.service-card:hover .open-note::before{background:color-mix(in srgb,var(--svc) 25%,#101722)}.service-card:hover .open-note svg{transform:translateX(3px)}

/* Product showcase — contextual product explanation, strong actions */
.product-card{border-color:color-mix(in srgb,var(--accent) 19%,var(--line));background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 5%,#101722),#0c121b 72%)}.product-card:hover{border-color:color-mix(in srgb,var(--accent) 36%,transparent);box-shadow:0 25px 65px rgba(0,0,0,.31)}.product-context{background:color-mix(in srgb,var(--accent) 5%,#111925);border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.product-context-status{color:color-mix(in srgb,var(--accent) 72%,white)}.product-actions .btn-primary{min-width:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 85%,#0A84FF),color-mix(in srgb,var(--accent) 72%,#35D9FF));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 20%,transparent)}

/* Process — a simpler animated journey */
.process-studio{position:relative;border:1px solid var(--line);background:linear-gradient(155deg,#0f1621,#0a1018);border-radius:26px;padding:24px;overflow:hidden}.process-studio::before{content:"";position:absolute;width:420px;height:240px;border-radius:50%;left:50%;top:-190px;transform:translateX(-50%);background:rgba(53,217,255,.08);filter:blur(35px)}.journey-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding-top:5px}.journey-base,.journey-progress{position:absolute;left:9%;top:35px;height:2px;border-radius:99px}.journey-base{right:9%;background:#263143}.journey-progress{width:0;background:linear-gradient(90deg,#0A84FF,#35D9FF,#32D7C8,#6664FF);box-shadow:0 0 18px rgba(53,217,255,.4);transition:width .72s var(--ease)}.journey-pulse{position:absolute;left:10%;top:30px;width:12px;height:12px;border-radius:50%;background:#dffaff;border:3px solid #0A84FF;box-shadow:0 0 0 5px rgba(10,132,255,.14),0 0 24px #35D9FF;transform:translateX(-6px);transition:left .72s var(--ease);z-index:3}.journey-step{position:relative;z-index:4;border:1px solid transparent;background:transparent;color:#8e9bae;border-radius:18px;padding:5px 8px 12px;text-align:center;transition:.28s var(--ease)}.journey-step:hover{background:#121b27;color:#dfe7f0}.journey-icon{width:58px;height:58px;margin:auto;border-radius:19px;display:grid;place-items:center;background:#121b27;border:1px solid var(--line);color:#8090a6;transition:.32s var(--ease)}.journey-icon svg{width:24px;height:24px}.journey-copy{display:grid;margin-top:9px}.journey-copy small{font-size:8px;color:#647287;letter-spacing:.1em}.journey-copy b{font-size:12px;color:inherit;margin-top:2px}.journey-copy em{font-style:normal;font-size:9px;line-height:1.35;color:#748298;margin-top:4px}.journey-step.active{background:rgba(10,132,255,.055);border-color:rgba(86,190,255,.12);color:#fff}.journey-step.active .journey-icon{background:linear-gradient(145deg,#0A84FF,#35D9FF);color:#fff;border-color:transparent;box-shadow:0 14px 36px rgba(10,132,255,.26);transform:translateY(-3px) scale(1.035)}.journey-detail{position:relative;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:19px;background:#0f1722;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.journey-detail>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#64dfff;background:rgba(10,132,255,.09);border:1px solid rgba(70,185,255,.14)}.journey-detail>span svg{width:22px;height:22px}.journey-detail small{font-size:8px;color:#70baff;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.journey-detail h3{font-size:18px;margin:3px 0 4px}.journey-detail p{font-size:11px;line-height:1.55;color:#91a0b3;margin:0}

/* Page-wide polish */
.page-main{padding-top:calc(var(--nav-h) + 36px)}.page-intro{padding:36px 0 22px}.page-intro h1{font-size:clamp(39px,5vw,64px);max-width:860px}.section{padding:64px 0}.section.compact{padding:40px 0}.finder-shell,.form-card,.info-card,.success-card,.price-card,.principle-card,.story-card{box-shadow:0 16px 50px rgba(0,0,0,.2)}

@media(max-width:1100px){.services-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr;gap:26px}.hero{min-height:auto}.hero-visual{min-height:430px}.hero-build{margin-top:0}.momentum-grid{grid-template-columns:1fr}.featured-rotator{min-height:160px}}
@media(max-width:760px){:root{--container:calc(100% - 26px)}.section{padding:48px 0}.section.compact{padding:32px 0}.hero{padding-top:96px}.hero h1{font-size:clamp(40px,12.2vw,58px)}.hero p{font-size:14px}.flagship-pill{grid-template-columns:auto 1fr;padding:10px}.flagship-pill strong{display:none}.hero-visual{height:320px;min-height:320px}.zentapp-card{transform:scale(.72)!important;transform-origin:top center;width:132%;max-width:none;min-height:400px}.hero-build{grid-template-columns:1fr;gap:7px;padding:9px 0}.hero-build-label{display:flex;gap:8px;align-items:center}.hero-build-track{animation-duration:28s}.build-chip{padding:6px 8px}.momentum-inline{grid-template-columns:1fr}.momentum-facts{display:grid;grid-template-columns:repeat(3,1fr)}.featured-rotator{grid-template-columns:auto 1fr}.featured-rotator .btn{grid-column:1/-1;width:100%}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:215px}.journey-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:none}.journey-base,.journey-progress,.journey-pulse{display:none}.journey-step{min-width:128px;scroll-snap-align:center}.journey-detail{grid-template-columns:auto 1fr}.float-note{display:none}}
@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service-card{min-height:190px}.hero-actions{grid-template-columns:1fr 1fr}.hero-actions .btn:first-child{grid-column:1/-1}.momentum-facts{grid-template-columns:repeat(3,1fr);gap:5px}.momentum-facts span{min-width:0;padding:8px 7px}.momentum-facts b{font-size:12px}.momentum-facts small{font-size:7px}.feature-rotate-copy p{display:none}.journey-detail{grid-template-columns:1fr}.journey-detail>span{display:none}}
@media(prefers-reduced-motion:reduce){.hero-build-track,.stage-ring,.stage-core,.module-chip,.signal-particle,.intelligence-beam{animation:none!important}.motion-section::before{transform:none!important}.scroll-progress{display:none}}


/* ============================================================
   V13 PRODUCT EXPERIENCE REFINEMENT
   ============================================================ */
/* Hero: CTA-free first screen, flagship is the primary interaction */
.hero-copy{align-self:center}.flagship-pill{margin-top:26px;text-decoration:none}.flagship-pill:hover{transform:translateY(-3px);border-color:rgba(53,217,255,.36);box-shadow:0 18px 55px rgba(10,132,255,.16)}
.stage-core{color:inherit;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.stage-core:hover{transform:translate(-50%,-50%) scale(1.055);border-color:rgba(53,217,255,.42);box-shadow:0 18px 70px rgba(10,132,255,.24)}

/* Services: stronger first-glance identity with aligned details action */
.services-grid{gap:14px}.service-card{min-height:246px;padding:19px 18px 17px;background:linear-gradient(155deg,color-mix(in srgb,var(--svc) 16%,#111824),color-mix(in srgb,var(--svc) 5%,#0c121b) 48%,#0a1018);border-color:color-mix(in srgb,var(--svc) 34%,#1b2838);box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.16)}
.service-card::before{width:190px;height:190px;right:-82px;top:-100px;background:radial-gradient(circle,color-mix(in srgb,var(--svc) 26%,transparent),transparent 68%);filter:blur(16px)}
.service-card::after{background:linear-gradient(115deg,color-mix(in srgb,var(--svc) 7%,transparent),transparent 44%)}
.service-card:hover{transform:translateY(-6px) scale(1.008);border-color:color-mix(in srgb,var(--svc) 56%,transparent);box-shadow:0 24px 58px color-mix(in srgb,var(--svc) 15%,rgba(0,0,0,.34))}
.service-icon{width:54px;height:54px;border-radius:17px;color:color-mix(in srgb,var(--svc) 90%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 27%,#111925),color-mix(in srgb,var(--svc) 10%,#111925));border-color:color-mix(in srgb,var(--svc) 46%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.10),0 13px 34px color-mix(in srgb,var(--svc) 16%,transparent)}
.service-icon svg{width:27px;height:27px}.service-card h3{font-size:15px;margin-top:16px;color:#f6f9fc}.service-card p{font-size:11px;line-height:1.56;color:#a5b1c2;-webkit-line-clamp:4}
.open-note{width:100%;min-height:37px;margin-top:auto;padding:9px 10px 9px 12px;border-radius:12px;background:color-mix(in srgb,var(--svc) 13%,#111925);border:1px solid color-mix(in srgb,var(--svc) 29%,transparent);display:flex;justify-content:space-between;align-items:center;color:#f6f9fc;font-size:9.5px}.open-note::before{display:none}.open-arrow{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;color:var(--svc);background:color-mix(in srgb,var(--svc) 14%,#0b121c)}.open-arrow svg{width:13px;height:13px}.service-card:hover .open-arrow{transform:translateX(2px)}

/* Product logos & redesigned content hierarchy */
.product-logo-img{width:100%;height:100%;display:block;object-fit:contain}.product-icon.product-logo-mark{width:58px;height:58px;border-radius:18px;padding:0;background:transparent;border:0;overflow:visible;flex:0 0 auto}.product-logo-mark .product-logo-img{filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--accent) 18%,transparent))}
.product-card{min-height:455px;padding:20px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 11%,#101722),#0b111a 68%);border-color:color-mix(in srgb,var(--accent) 32%,#1b2735)}
.product-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 38%);pointer-events:none}.product-brandline{display:flex;align-items:center;gap:13px;position:relative;z-index:2}.product-brandline small{display:block;color:color-mix(in srgb,var(--accent) 78%,white);font-size:9px;font-weight:760;text-transform:uppercase;letter-spacing:.09em}.product-brandline h3{margin:4px 0 0;font-size:19px;line-height:1.1}.product-summary{position:relative;z-index:2;font-size:12px!important;line-height:1.58!important;color:#a8b4c4!important;margin:17px 0 15px!important}.product-purpose{position:relative;z-index:2;padding:15px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,#111924),#0f1721);border:1px solid color-mix(in srgb,var(--accent) 27%,var(--line));box-shadow:inset 0 1px rgba(255,255,255,.035)}.product-purpose small{display:block;color:color-mix(in srgb,var(--accent) 74%,white);font-size:8px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.product-purpose strong{display:block;margin-top:5px;color:#f3f7fb;font-size:13px}.product-purpose p{margin:6px 0 0;font-size:10px;line-height:1.5;color:#96a4b8}.product-feature-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 17px}.product-feature-chips span{font-size:9px;padding:6px 8px;border-radius:999px;color:#b4bfcd;background:color-mix(in srgb,var(--accent) 7%,#111824);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}.product-feature-chips span::before{display:none}.product-actions{position:relative;z-index:2;margin-top:auto}.product-actions .btn-primary{flex:1;justify-content:center}.product-actions .btn-secondary{min-width:102px;justify-content:center}.product-card:hover .product-logo-mark{transform:translateY(-2px) scale(1.04)}
.product-icon .product-logo-img,.client-avatar .product-logo-img,.feature-rotate-icon .product-logo-img,.process-detail-icon .product-logo-img{width:100%;height:100%;object-fit:contain}
.client-avatar .product-logo-img{padding:2px}.feature-rotate-icon .product-logo-img{padding:1px}

/* Process: readable in one glance, animated by scroll */
.process-studio{padding:24px;background:linear-gradient(155deg,#0d151f,#090f17);border-color:#1c2a3a}.process-studio::before{width:520px;height:280px;top:-210px;background:linear-gradient(90deg,rgba(10,132,255,.10),rgba(191,90,242,.08),rgba(48,213,200,.09));filter:blur(44px)}
.process-flow{position:relative}.process-flow-base,.process-flow-fill{position:absolute;left:8%;right:8%;top:37px;height:2px;border-radius:99px}.process-flow-base{background:#253144}.process-flow-fill{right:auto;width:84%;transform-origin:left center;transform:scaleX(var(--section-progress,0));background:linear-gradient(90deg,#0A84FF,#BF5AF2,#32D7FF,#FF9F0A,#30D5C8);box-shadow:0 0 22px rgba(53,217,255,.22)}
.process-stage-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.process-stage-card{position:relative;z-index:2;border:1px solid transparent;background:transparent;color:#9aa7b8;border-radius:18px;padding:7px 9px 13px;text-align:center;opacity:0;transform:translateY(22px) scale(.94);transition:border-color .28s var(--ease),background .28s var(--ease),color .28s var(--ease),transform .35s var(--ease),opacity .45s var(--ease)}.process-entered .process-stage-card{opacity:1;transform:none;transition-delay:calc(var(--step) * 90ms)}
.process-stage-icon{width:61px;height:61px;margin:auto;border-radius:20px;display:grid;place-items:center;color:var(--step-color);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 21%,#111925),color-mix(in srgb,var(--step-color) 7%,#111925));border:1px solid color-mix(in srgb,var(--step-color) 32%,transparent);box-shadow:0 11px 30px color-mix(in srgb,var(--step-color) 10%,transparent);transition:.3s var(--ease)}.process-stage-icon svg{width:26px;height:26px}.process-stage-copy{display:grid;margin-top:10px}.process-stage-copy b{color:#f0f4f9;font-size:13px}.process-stage-copy em{font-style:normal;font-size:9px;line-height:1.38;color:#78869b;margin-top:4px}.process-stage-tags{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:9px}.process-stage-tags i{font-style:normal;font-size:7px;color:#8e9caf;padding:4px 6px;border:1px solid #223044;border-radius:999px;background:#101823}.process-stage-card:hover,.process-stage-card.active{background:color-mix(in srgb,var(--step-color) 7%,#101722);border-color:color-mix(in srgb,var(--step-color) 23%,transparent);color:#fff}.process-stage-card.active .process-stage-icon{transform:translateY(-4px) scale(1.045);color:white;background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 92%,white 2%),color-mix(in srgb,var(--step-color) 72%,#0A84FF));border-color:transparent;box-shadow:0 15px 38px color-mix(in srgb,var(--step-color) 22%,transparent)}
.process-detail{position:relative;margin-top:18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--step-color) 8%,#111925),#0e151f);border:1px solid color-mix(in srgb,var(--step-color) 23%,var(--line));display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;min-height:104px}.process-detail-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--step-color);background:color-mix(in srgb,var(--step-color) 13%,#111925);border:1px solid color-mix(in srgb,var(--step-color) 28%,transparent)}.process-detail-icon svg{width:23px;height:23px}.process-detail small{font-size:8px;color:color-mix(in srgb,var(--step-color) 75%,white);text-transform:uppercase;letter-spacing:.11em;font-weight:800}.process-detail h3{font-size:18px;margin:4px 0}.process-detail p{font-size:11.5px;line-height:1.58;color:#9aa7b9;margin:0}

/* Client reviews: tiny polish, still restrained */
.story-card{position:relative;background:linear-gradient(155deg,#101722,#0c121b);border-color:#1d2a3a}.story-card.featured{background:linear-gradient(145deg,rgba(10,132,255,.09),rgba(191,90,242,.055),#0d141e)}.story-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-label{font-size:8px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#6bbdff}.story-card .stars{font-size:9px;letter-spacing:.08em;color:#ffd166}.story-card blockquote{font-size:14px;color:#e2e8f0}.story-card footer{display:flex;align-items:center;gap:10px}.review-avatar{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#75dcff;background:rgba(10,132,255,.10);border:1px solid rgba(80,180,255,.16)}

/* Responsive V13 */
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-height:430px}.process-stage-grid{gap:5px}.process-stage-card{padding-inline:5px}.process-stage-tags{display:none}}
@media(max-width:760px){.flagship-pill{margin-top:20px}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:232px}.product-card{min-height:auto}.product-brandline h3{font-size:17px}.process-flow-base,.process-flow-fill{display:none}.process-stage-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 8px;scrollbar-width:none}.process-stage-card{min-width:138px;scroll-snap-align:center}.process-detail{grid-template-columns:auto 1fr}.process-stage-tags{display:none}}
@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service-card{min-height:210px}.product-actions{display:grid;grid-template-columns:1fr 1fr}.product-actions .btn{width:100%;min-width:0}.process-detail{grid-template-columns:1fr}.process-detail-icon{display:none}.story-top{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.process-stage-card{opacity:1;transform:none!important;transition:none!important}.process-flow-fill{transform:scaleX(1)!important}.stage-core:hover,.flagship-pill:hover,.service-card:hover,.product-card:hover{transform:none!important}}


/* =========================================================
   ZENTSOFT Public V14 — Offer + VFX refinement
   ========================================================= */
/* Readability pass: microcopy remains compact, but no critical content is tiny. */
.section-lead{font-size:17px;line-height:1.66;color:#b2bdcc}
.hero-build{position:relative;padding:12px 14px;border:1px solid rgba(96,188,255,.14);border-radius:18px;background:linear-gradient(120deg,rgba(10,132,255,.075),rgba(50,215,255,.035) 45%,rgba(175,82,222,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 44px rgba(0,0,0,.16)}
.hero-build::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(105deg,rgba(10,132,255,.38),rgba(50,215,255,.12),rgba(175,82,222,.24));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hero-build-label span{font-size:12px;letter-spacing:.02em}.hero-build-label small{font-size:10px;color:#92a1b5}.hero-build-window{mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)}
.build-chip{min-height:38px;padding:8px 11px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--svc) 12%,#0e141e),#0f1620);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.build-chip i{width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--svc) 15%,#0f1722);box-shadow:0 6px 16px color-mix(in srgb,var(--svc) 12%,transparent)}
.build-chip i svg{width:21px;height:21px}.build-chip b{font-size:10.5px;font-weight:720;color:#e4ebf4}

/* Services — vivid category identity, object-like icons, color-matched actions. */
.services-grid{gap:16px}.service-card{min-height:276px;padding:20px;display:flex;flex-direction:column;text-align:left;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(150deg,color-mix(in srgb,var(--svc) 18%,#111824),#0c121b 58%,color-mix(in srgb,var(--svc) 6%,#090e15));border:1px solid color-mix(in srgb,var(--svc) 38%,#213044);box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.18);transition:border-color .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.service-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--svc) 26%,transparent),transparent 67%);filter:blur(16px);opacity:.95;pointer-events:none}
.service-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--svc),transparent 82%);opacity:.75}
.service-card:hover{border-color:color-mix(in srgb,var(--svc) 60%,#304054);box-shadow:0 22px 56px color-mix(in srgb,var(--svc) 13%,rgba(0,0,0,.4));background:linear-gradient(150deg,color-mix(in srgb,var(--svc) 21%,#111824),#0c121b 58%,color-mix(in srgb,var(--svc) 8%,#090e15))}
.service-object-icon{position:relative;width:66px;height:66px;border-radius:21px;display:grid;place-items:center;color:var(--svc);background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 25%,#16202d),color-mix(in srgb,var(--svc) 9%,#0b111a));border:1px solid color-mix(in srgb,var(--svc) 48%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.10),0 15px 36px color-mix(in srgb,var(--svc) 18%,transparent)}
.service-object-icon::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--svc) 28%,transparent);filter:blur(6px)}
.service-object-icon svg{width:52px;height:52px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));position:relative;z-index:1}.service-copy{position:relative;z-index:2}.service-card h3{font-size:17px;line-height:1.28;margin:17px 0 8px;color:#f7f9fc}.service-card p{font-size:13px;line-height:1.6;color:#adb8c8;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.service-open{position:relative;z-index:3;width:100%;min-height:43px;margin-top:auto;padding:10px 10px 10px 14px;border:1px solid color-mix(in srgb,var(--svc) 64%,white 6%);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--svc) 88%,#0a84ff),color-mix(in srgb,var(--svc) 64%,#101722));color:white;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:780;box-shadow:0 10px 24px color-mix(in srgb,var(--svc) 20%,transparent),inset 0 1px rgba(255,255,255,.17);transition:filter .2s var(--ease),box-shadow .25s var(--ease)}
.service-open:hover{filter:brightness(1.11);box-shadow:0 13px 30px color-mix(in srgb,var(--svc) 28%,transparent),inset 0 1px rgba(255,255,255,.2)}
.service-open .open-arrow{width:28px;height:28px;border-radius:9px;background:rgba(5,9,15,.24);color:white}.service-open .open-arrow svg{width:14px;height:14px}

/* Product offer is visible at product level so pricing can vary later without redesign. */
.product-card{min-height:530px}.product-brandline small{font-size:10.5px}.product-brandline h3{font-size:21px}.product-offer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding:10px 12px;border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 20%,#111a25),color-mix(in srgb,var(--accent) 7%,#0d141d));border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:inset 0 1px rgba(255,255,255,.045)}
.product-offer span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--accent) 72%,white)}.product-offer strong{font-size:15px;color:#fff;white-space:nowrap}
.product-summary{font-size:14px!important;line-height:1.62!important;color:#b0bbc9!important}.product-purpose small{font-size:10px}.product-purpose strong{font-size:14px}.product-purpose p{font-size:12.5px;line-height:1.55;color:#a4b0c1}.product-feature-chips span{font-size:10.5px;padding:7px 9px}.product-price-note{position:relative;z-index:2;margin:0 0 15px;font-size:11.5px;line-height:1.5;color:#d0d8e4}.product-price-note small{display:block;margin-top:4px;font-size:10.5px;line-height:1.45;color:#8290a4}.product-actions .btn{font-size:12.5px}
.dialog-offer{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 14px;margin:14px 0 18px;border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 18%,#131b27),#101722);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line))}.dialog-offer span{font-size:12px;font-weight:780;color:color-mix(in srgb,var(--accent) 75%,white)}.dialog-offer strong{font-size:16px}.dialog-offer small{grid-column:1/-1;color:#aab5c5;font-size:11.5px}.dialog-price-note{font-size:11.5px;color:#8f9caf}
.offer-strip{display:grid;grid-template-columns:.75fr 1.2fr auto;align-items:stretch;gap:12px;padding:14px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#101722,#0b1119)}.offer-strip>div{padding:16px 17px;border-radius:17px;background:#121a25;border:1px solid var(--line)}.offer-strip span{display:block;color:#78c6ff;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.offer-strip strong{display:block;margin-top:6px;font-size:24px}.offer-strip small{display:block;margin-top:6px;font-size:12px;color:#9fabbc;line-height:1.45}.offer-strip-main{background:linear-gradient(135deg,rgba(10,132,255,.11),rgba(50,215,255,.055),#121a25)!important;border-color:rgba(73,180,255,.22)!important}.offer-strip>.btn{align-self:center;min-height:48px}

/* Process VFX — no pop-out detail box, all information is visible in one glance. */
.process-studio{padding:26px;border-radius:28px;background:radial-gradient(520px 220px at 50% -120px,rgba(50,215,255,.10),transparent 70%),linear-gradient(155deg,#0c131d,#080d14);border:1px solid #1c2a3a;overflow:hidden;position:relative}.process-studio::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.018) 50%,transparent 85%);transform:translateX(calc((var(--process-progress,0) * 80%) - 40%))}
.process-vfx{position:relative;padding-top:3px}.process-energy{position:absolute;left:8%;right:8%;top:36px;height:5px;z-index:0}.energy-line,.energy-progress{position:absolute;inset:1px 0 auto;height:2px;border-radius:99px}.energy-line{background:#213044}.energy-progress{right:auto;width:100%;transform:scaleX(var(--process-progress,0));transform-origin:left;background:linear-gradient(90deg,#0A84FF,#BF5AF2 25%,#32D7FF 50%,#FF9F0A 75%,#30D5C8);box-shadow:0 0 18px rgba(50,215,255,.34)}
.energy-particle{position:absolute;top:-2px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 9px #32D7FF,0 0 18px rgba(50,215,255,.72);animation:energyTravel 5.6s linear infinite}.ep2{animation-delay:-1.85s;opacity:.65}.ep3{animation-delay:-3.7s;opacity:.4}@keyframes energyTravel{0%{left:0;transform:scale(.5);opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;transform:scale(1.05);opacity:0}}
.process-stage-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.process-stage-card{position:relative;padding:8px 8px 10px;text-align:center;background:transparent;border:0;border-radius:16px;opacity:.36;transform:none;transition:opacity .35s var(--ease),filter .35s var(--ease)}.process-entered .process-stage-card{animation:processReveal .7s var(--ease) both;animation-delay:calc(var(--step) * 100ms)}@keyframes processReveal{from{opacity:0;filter:blur(7px)}to{opacity:.58;filter:blur(0)}}.process-stage-card.active{opacity:1;filter:none;background:transparent}.process-stage-card:hover{background:transparent;border-color:transparent;transform:none}
.process-stage-icon{position:relative;width:62px;height:62px;margin:auto;border-radius:20px;display:grid;place-items:center;color:var(--step-color);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 22%,#111925),color-mix(in srgb,var(--step-color) 7%,#0d141d));border:1px solid color-mix(in srgb,var(--step-color) 35%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--step-color) 10%,transparent);transition:box-shadow .35s var(--ease),border-color .35s var(--ease),filter .35s var(--ease)}.process-stage-icon::before{content:"";position:absolute;inset:-6px;border-radius:25px;border:1px solid color-mix(in srgb,var(--step-color) 25%,transparent);opacity:0;transform:scale(.92);transition:.35s var(--ease)}.process-stage-card.active .process-stage-icon{transform:none;color:#fff;border-color:color-mix(in srgb,var(--step-color) 78%,white 4%);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 86%,#fff 3%),color-mix(in srgb,var(--step-color) 62%,#0b1119));box-shadow:0 0 28px color-mix(in srgb,var(--step-color) 26%,transparent),0 14px 34px rgba(0,0,0,.24)}.process-stage-card.active .process-stage-icon::before{opacity:.75;transform:scale(1);animation:ringBreathe 2.6s ease-in-out infinite}@keyframes ringBreathe{50%{transform:scale(1.07);opacity:.28}}
.process-stage-icon svg{width:27px;height:27px}.process-stage-copy{display:grid;margin-top:12px}.process-stage-copy b{font-size:14px;color:#f2f6fb}.process-stage-copy em{font-size:11px;line-height:1.35;color:#a2aebf;margin-top:4px;font-style:normal}.process-stage-copy p{font-size:11.5px;line-height:1.5;color:#7f8da1;margin:7px auto 0;max-width:155px}.process-stage-tags{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:9px}.process-stage-tags i{font-size:9.5px;padding:5px 7px;color:#9da9b9;background:#101823;border:1px solid #223044;border-radius:999px;font-style:normal}.process-stage-card.active .process-stage-copy em,.process-stage-card.active .process-stage-copy p{color:#c0cad7}

/* Client reviews readability. */
.review-label{font-size:10px}.story-card .stars{font-size:11px}.story-card blockquote{font-size:15px;line-height:1.63}.story-card footer small{font-size:11px}

/* Responsive V14 */
@media(max-width:1100px){.service-card{min-height:264px}.product-card{min-height:500px}.offer-strip{grid-template-columns:1fr 1fr}.offer-strip>.btn{grid-column:1/-1}}
@media(max-width:760px){.hero-build{padding:11px}.hero-build-label span{font-size:11px}.build-chip b{font-size:10px}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:262px;padding:17px}.service-object-icon{width:58px;height:58px}.service-object-icon svg{width:46px;height:46px}.service-card h3{font-size:15.5px}.service-card p{font-size:12px}.product-card{min-height:auto}.product-offer{align-items:flex-start;flex-direction:column}.product-offer strong{font-size:14px}.offer-strip{grid-template-columns:1fr}.offer-strip>.btn{grid-column:auto}.process-studio{padding:20px 14px}.process-energy{left:30px;right:auto;top:34px;bottom:34px;width:4px;height:auto}.energy-line,.energy-progress{inset:0 auto 0 1px;width:2px;height:100%}.energy-progress{transform:scaleY(var(--process-progress,0));transform-origin:top}.energy-particle{left:-2px!important;top:0;animation:energyTravelVertical 5.6s linear infinite}@keyframes energyTravelVertical{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}.process-stage-grid{grid-template-columns:1fr;gap:9px}.process-stage-card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;text-align:left;padding:10px 8px;opacity:.52}.process-stage-icon{margin:0}.process-stage-copy{margin:0}.process-stage-copy p{max-width:none;margin:5px 0 0}.process-stage-tags{justify-content:flex-end;margin:0}.process-stage-card.active{background:color-mix(in srgb,var(--step-color) 5%,transparent)} }
@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-card p{font-size:13px}.process-stage-card{grid-template-columns:54px 1fr}.process-stage-icon{width:54px;height:54px;border-radius:17px}.process-stage-tags{display:none}.section-lead{font-size:15.5px}.product-price-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.energy-particle,.process-stage-card,.process-stage-icon::before{animation:none!important}.energy-progress{transform:scaleX(1)!important}.process-stage-card{opacity:1!important}}


/* =========================================================
   V15 — Market polish: category color theory, cleaner products,
   realistic scroll-driven delivery flow and flagship client login.
   ========================================================= */

/* Flagship actions: explore + client login without clutter. */
.flagship-pill{grid-template-columns:auto minmax(0,1fr) auto;max-width:720px;padding:10px 11px 10px 12px}
.flagship-copy{display:grid;gap:1px;min-width:0}.flagship-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#7fc8ff;font-weight:800}.flagship-copy b{font-size:17px;color:#fff}.flagship-copy em{font-style:normal;color:#aab6c6;font-size:11px;line-height:1.35}
.flagship-actions{display:flex;gap:7px;align-items:center}.flagship-action{height:38px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(109,196,255,.20);font-size:10.5px;font-weight:760;white-space:nowrap;transition:.2s var(--ease)}
.flagship-explore{background:linear-gradient(135deg,#0A84FF,#19A6FF);color:white;box-shadow:0 8px 22px rgba(10,132,255,.20)}.flagship-explore:hover{filter:brightness(1.08)}
.flagship-login{background:#111a26;color:#dbe6f2;border-color:rgba(188,218,246,.13)}.flagship-login:hover{background:#172231;border-color:rgba(100,197,255,.25);color:#fff}

/* Services: recognizable objects + category-specific color used as identity, not decoration. */
.services-grid{gap:13px}.service-card{min-height:238px;padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--svc) 22%,#243244);background:linear-gradient(155deg,color-mix(in srgb,var(--svc) 8%,#111822),#0c121b 64%);box-shadow:inset 0 1px rgba(255,255,255,.025);display:flex;flex-direction:column;overflow:hidden}
.service-card::before{width:180px;height:180px;right:-95px;top:-100px;background:radial-gradient(circle,color-mix(in srgb,var(--svc) 18%,transparent),transparent 68%);filter:none;opacity:.85}.service-card::after{opacity:.38}
.service-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--svc) 45%,#314156);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--svc) 8%,transparent)}
.service-head{position:relative;z-index:2;display:flex;align-items:center;gap:13px;min-height:62px}.service-head h3{margin:0;font-size:15.5px;line-height:1.25;color:#f5f8fb;letter-spacing:-.025em}
.service-object-icon{width:60px;height:60px;border-radius:18px;flex:none;background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 20%,#172331),color-mix(in srgb,var(--svc) 7%,#0e151f));border-color:color-mix(in srgb,var(--svc) 35%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px color-mix(in srgb,var(--svc) 12%,transparent)}.service-object-icon svg{width:48px;height:48px}
.service-card>p{position:relative;z-index:2;margin:12px 0 0;font-size:12.5px;line-height:1.55;color:#abb6c5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.service-open{position:relative;z-index:2;margin-top:auto;align-self:stretch;min-height:38px;padding:0 3px 0 0;border:0;border-top:1px solid color-mix(in srgb,var(--svc) 24%,#263244);border-radius:0;background:transparent;color:color-mix(in srgb,var(--svc) 78%,white);box-shadow:none;display:flex;align-items:flex-end;justify-content:space-between;font-size:10.5px;font-weight:780;letter-spacing:.01em}
.service-open:hover{filter:none;box-shadow:none;color:#fff}.service-open .open-arrow{width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--svc) 14%,#111a25);color:var(--svc);display:grid;place-items:center;transition:.2s var(--ease)}.service-open:hover .open-arrow{background:var(--svc);color:#061019;transform:translateX(2px)}

/* Products: less information density, stronger category identity and demo-logo slot. */
.product-card{min-height:420px;padding:20px;border-radius:24px;border-color:color-mix(in srgb,var(--accent) 27%,#263244);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 7%,#111822),#0c121b 68%)}
.product-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#32D7FF));opacity:.88}
.product-brandline{position:relative;z-index:2;display:flex;gap:13px;align-items:center}.product-brandline h3{font-size:19px;line-height:1.16;margin:2px 0 0}.product-brandline small{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--accent) 70%,#b8c5d5);font-weight:800}
.product-demo-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,#172331),color-mix(in srgb,var(--accent) 6%,#101721));border-color:color-mix(in srgb,var(--accent) 36%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 24px color-mix(in srgb,var(--accent) 12%,transparent)}.product-logo-img{width:48px;height:48px;display:block}
.product-summary{position:relative;z-index:2;margin:16px 0 13px!important;font-size:13.5px!important;line-height:1.58!important;color:#aeb9c8!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-core-features{position:relative;z-index:2;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.product-core-features span{font-size:9.5px;color:#c2ccd8;padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,#121a25);border:1px solid color-mix(in srgb,var(--accent) 18%,#253247)}
.product-offer-clean{position:relative;z-index:2;margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;padding:10px 11px}.product-offer-clean span{font-size:10px}.product-offer-clean strong{font-size:14px}.product-offer-clean small{grid-column:1/-1;font-size:9.5px;color:#a7b2c1;line-height:1.38}
.product-price-note-clean{font-size:9.5px!important;line-height:1.4!important;color:#7f8da0!important;margin:8px 0 12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-actions{margin-top:0}.product-actions .btn{min-height:40px;font-size:11px}.product-actions .btn-secondary{background:#111a25}

/* Development process: complete modern software lifecycle, scroll-driven without pop-out boxes. */
.process-studio{padding:25px 24px 27px;border-radius:28px;background:radial-gradient(560px 230px at 50% -135px,rgba(65,181,255,.10),transparent 70%),linear-gradient(155deg,#0d141e,#080d14);border:1px solid #1c2a3a;overflow:hidden;position:relative}
.delivery-flow{position:relative}.delivery-rail{position:absolute;left:7%;right:7%;top:41px;height:4px;z-index:0}.delivery-base,.delivery-progress{position:absolute;left:0;top:1px;height:2px;border-radius:99px}.delivery-base{right:0;background:linear-gradient(90deg,#1f2b3b,#27384c)}.delivery-progress{width:100%;transform:scaleX(var(--process-progress,0));transform-origin:left;background:linear-gradient(90deg,#0A84FF,#6E64FF 22%,#BF5AF2 39%,#30D5F5 58%,#FFB340 79%,#30D5C8);box-shadow:0 0 18px rgba(48,213,245,.35)}
.delivery-packet{position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:#e9fbff;box-shadow:0 0 10px #30D5F5,0 0 24px rgba(48,213,245,.6);animation:deliveryPacket 6.2s linear infinite}.dp2{animation-delay:-3.1s;opacity:.55}@keyframes deliveryPacket{0%{left:0;opacity:0;transform:scale(.5)}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0;transform:scale(1)}}
.delivery-stage-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.delivery-stage{min-width:0;text-align:center;opacity:.46;transition:opacity .35s var(--ease),filter .35s var(--ease);padding:0 4px}.process-entered .delivery-stage{animation:deliveryReveal .72s var(--ease) both;animation-delay:calc(var(--step) * 85ms)}@keyframes deliveryReveal{from{opacity:0;filter:blur(6px)}to{opacity:.46;filter:none}}
.delivery-stage.reached{opacity:.78}.delivery-stage.active{opacity:1}.delivery-node{height:82px;display:grid;place-items:start center;position:relative}.delivery-node>i{position:absolute;top:35px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#111a25;border:2px solid color-mix(in srgb,var(--step-color) 70%,#fff);box-shadow:0 0 0 4px #0b1119,0 0 18px color-mix(in srgb,var(--step-color) 34%,transparent);z-index:3}.delivery-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:var(--step-color);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 18%,#172331),color-mix(in srgb,var(--step-color) 5%,#0f161f));border:1px solid color-mix(in srgb,var(--step-color) 30%,transparent);box-shadow:0 9px 22px rgba(0,0,0,.18);transition:.3s var(--ease)}.delivery-stage.active .delivery-icon{border-color:color-mix(in srgb,var(--step-color) 60%,#fff 5%);box-shadow:0 0 28px color-mix(in srgb,var(--step-color) 22%,transparent),0 10px 28px rgba(0,0,0,.24)}.delivery-icon svg{width:24px;height:24px}
.delivery-copy{display:grid}.delivery-copy small{font-size:8px;letter-spacing:.12em;color:var(--step-color);font-weight:850}.delivery-copy b{font-size:13.5px;color:#f4f7fb;margin-top:2px}.delivery-copy em{font-size:10.5px;color:#b0bbca;font-style:normal;margin-top:4px;line-height:1.32}.delivery-copy p{font-size:10.5px;color:#7f8da1;line-height:1.48;margin:7px auto 0;max-width:165px}.delivery-tags{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:9px}.delivery-tags span{font-size:8.5px;color:#9eabba;padding:4px 6px;border-radius:999px;background:#101821;border:1px solid #233143}.delivery-stage.active .delivery-copy p{color:#aeb9c8}

/* Client login modal from the flagship ZentApp card. */
.login-finder-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:17px}.login-finder-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(10,132,255,.17),rgba(48,213,200,.08));color:#64c8ff;display:grid;place-items:center;border:1px solid rgba(88,188,255,.18);flex:none}.login-finder-icon svg{width:23px;height:23px}.login-finder-head h2{margin:3px 0 4px;font-size:28px}.login-finder-head p{font-size:12px;margin:0;color:#9aa7b8}.login-finder-shell{padding:14px;border-radius:21px}.login-finder-shell .client-row{grid-template-columns:minmax(160px,1.1fr) minmax(150px,.9fr) auto auto}.login-finder-footer{display:flex;justify-content:flex-end;margin-top:12px}.login-finder-footer a{display:inline-flex;align-items:center;gap:7px;color:#79c8ff;font-size:11px;font-weight:760}.login-finder-footer svg{width:15px;height:15px}

@media(max-width:1100px){.delivery-stage-grid{grid-template-columns:repeat(3,1fr);gap:18px 10px}.delivery-rail{display:none}.delivery-node{height:64px}.delivery-node>i{display:none}.service-card{min-height:235px}.product-card{min-height:410px}}
@media(max-width:760px){.flagship-pill{grid-template-columns:auto 1fr}.flagship-actions{grid-column:1/-1;width:100%}.flagship-action{flex:1}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:225px}.service-object-icon{width:56px;height:56px}.service-object-icon svg{width:44px;height:44px}.delivery-stage-grid{grid-template-columns:1fr;gap:0}.delivery-stage{display:grid;grid-template-columns:64px 1fr;gap:14px;text-align:left;padding:10px 0;opacity:.58}.delivery-node{height:auto;align-items:start}.delivery-copy p{max-width:none;margin:6px 0 0}.delivery-tags{justify-content:flex-start}.delivery-flow::before{content:"";position:absolute;left:27px;top:22px;bottom:22px;width:2px;background:linear-gradient(#0A84FF,#6E64FF,#BF5AF2,#30D5F5,#FFB340,#30D5C8);opacity:.25}.delivery-node>i{display:block;top:23px;left:27px}.delivery-icon{position:relative;z-index:2}.login-finder-shell .client-row{grid-template-columns:1fr auto}.login-finder-shell .client-product{grid-column:1/2;padding-left:51px}.login-finder-shell .status-dot-pill{grid-column:2;grid-row:1}.login-finder-shell .client-row .btn{grid-column:2;grid-row:2}}
@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service-card{min-height:205px}.product-card{min-height:auto}.product-actions{grid-template-columns:1fr}.product-actions .btn{width:100%}.login-finder-head h2{font-size:24px}.login-finder-shell .client-row{grid-template-columns:1fr}.login-finder-shell .client-product,.login-finder-shell .status-dot-pill,.login-finder-shell .client-row .btn{grid-column:auto;grid-row:auto;margin-left:51px;justify-self:start}}
@media(prefers-reduced-motion:reduce){.delivery-packet,.delivery-stage{animation:none!important}.delivery-stage{opacity:1!important}.delivery-progress{transform:scaleX(1)!important}}
/* Hard clip the animated capability rail so animation can never create page-level horizontal overflow. */
html{overflow-x:hidden}.hero-build{min-width:0}.hero-build-window{min-width:0;max-width:100%;overflow:hidden;overflow:clip;contain:paint;clip-path:inset(0 round 10px)}
/* V15 final readability + process timing corrections */
.product-brandline small{font-size:10px}.product-core-features span{font-size:10px}.product-price-note-clean{font-size:10.5px!important;line-height:1.45!important}
.process-entered .delivery-stage{animation:deliveryReveal .52s var(--ease) backwards;animation-delay:calc(var(--step) * 70ms)}
@keyframes deliveryReveal{from{opacity:0;filter:blur(7px)}to{opacity:.72;filter:blur(0)}}


/* ==========================================================
   V16 — iOS Refinement: Services, Products and Process
   ========================================================== */

/* Services — native-app clarity, category color without visual noise */
.services-grid{gap:14px;align-items:stretch}
.service-card-ios{min-height:220px;display:grid;grid-template-rows:auto 1fr auto;padding:18px 18px 15px;border-radius:24px;border:1px solid color-mix(in srgb,var(--svc) 20%,#253244);background:linear-gradient(155deg,color-mix(in srgb,var(--svc) 7%,#121923),#0d131c 62%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 32px rgba(0,0,0,.14);overflow:hidden;isolation:isolate}
.service-card-ios::before{content:"";position:absolute;inset:-1px;background:radial-gradient(170px circle at 12% 0%,color-mix(in srgb,var(--svc) 12%,transparent),transparent 68%);opacity:.75;pointer-events:none}
.service-card-ios::after{display:none}
.service-card-ios:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--svc) 38%,#26374b);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 42px rgba(0,0,0,.18)}
.service-card-ios .service-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;position:relative;z-index:1}
.service-card-ios .service-title-group small{display:block;margin-bottom:2px;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--svc) 75%,#aab6c6)}
.service-card-ios h3{font-size:15.5px;line-height:1.25;letter-spacing:-.015em;margin:0;color:#f5f7fb;font-weight:720}
.service-card-ios p{position:relative;z-index:1;margin:14px 0 14px;font-size:12.2px;line-height:1.55;color:#9ba8ba;max-width:32ch}
.service-card-ios .service-object-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 16%,#17212d),color-mix(in srgb,var(--svc) 5%,#101721));border:1px solid color-mix(in srgb,var(--svc) 30%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 9px 22px color-mix(in srgb,var(--svc) 9%,transparent);color:var(--svc)}
.service-card-ios .service-object-icon svg{width:38px;height:38px}
.service-open-ios{position:relative;z-index:1;justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--svc) 28%,#263345);background:color-mix(in srgb,var(--svc) 7%,#111923);color:color-mix(in srgb,var(--svc) 75%,white);font-size:10.5px;font-weight:750;letter-spacing:.005em;transition:.22s var(--ease)}
.service-open-ios:hover{background:color-mix(in srgb,var(--svc) 14%,#111923);border-color:color-mix(in srgb,var(--svc) 52%,#263345);transform:translateY(-1px)}
.service-open-ios .open-arrow{display:grid;place-items:center;width:14px;height:14px}.service-open-ios svg{width:13px;height:13px}

/* Products — one standardized iOS-style card template for every software */
.products-grid{align-items:stretch}
.product-card-ios{min-height:430px;display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;padding:20px;border-radius:26px;border:1px solid color-mix(in srgb,var(--accent) 22%,#263345);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 7%,#121923),#0c121a 62%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 34px rgba(0,0,0,.14)}
.product-card-ios::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;height:auto;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 28%,transparent));opacity:.85}
.product-card-ios::before{width:160px;height:160px;right:-100px;top:-100px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.product-card-ios:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(0,0,0,.2);border-color:color-mix(in srgb,var(--accent) 38%,#263345)}
.product-card-ios .product-brandline{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;margin:0}
.product-card-ios .product-heading small{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:color-mix(in srgb,var(--accent) 72%,#b4c0cf)}
.product-card-ios .product-heading h3{font-size:19px;line-height:1.16;margin:3px 0 0;letter-spacing:-.025em}
.product-card-ios .product-demo-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,#172331),color-mix(in srgb,var(--accent) 5%,#101721));border-color:color-mix(in srgb,var(--accent) 33%,transparent)}
.product-card-ios .product-logo-img{width:46px;height:46px}
.product-purpose{margin-top:15px;min-height:82px}
.product-purpose b{display:block;font-size:12px;color:#e9eef5;margin-bottom:5px;font-weight:710}
.product-purpose p{font-size:12.2px!important;line-height:1.55!important;color:#98a6b8!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-card-ios .product-core-features{min-height:65px;display:grid;grid-template-columns:1fr;align-content:start;gap:6px;margin:14px 0}
.product-card-ios .product-core-features span{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;font-size:10.5px;color:#b8c3d0}
.product-card-ios .product-core-features span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 34%,transparent);flex:none}
.product-card-ios .product-offer-clean{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,#253244);background:color-mix(in srgb,var(--accent) 5%,#101720);border-radius:16px;margin:0}
.product-card-ios .product-offer-clean>div{min-width:0}.product-card-ios .product-offer-clean span,.product-card-ios .product-offer-clean strong{display:block;font-size:12px;color:#f1f5f9;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-ios .product-offer-clean strong{color:color-mix(in srgb,var(--accent) 66%,#fff)}
.product-card-ios .product-offer-clean small{display:block;margin-top:2px;font-size:8.8px;color:#7f8c9f}
.product-card-ios .product-price-note-clean{min-height:28px;margin:8px 0 12px!important;font-size:9.4px!important;line-height:1.4!important;color:#7d8a9c!important}
.product-card-ios .product-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;margin-top:auto}.product-card-ios .product-actions .btn{min-height:39px;padding:0 12px;border-radius:12px;font-size:10.5px}.product-card-ios .product-actions .btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#69d5ff));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 18%,transparent)}

/* Process — minimal iOS intelligence stepper; no pop-out cards */
.process-studio{padding:24px 24px 22px;border-radius:28px;border:1px solid #1f2b3a;background:radial-gradient(520px 170px at 50% -90px,rgba(92,190,255,.08),transparent 72%),linear-gradient(155deg,#0f151e,#0a0f16);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 16px 46px rgba(0,0,0,.16);overflow:hidden}
.ios-process{position:relative;padding-top:2px}.ios-process-track{position:absolute;left:9%;right:9%;top:30px;height:2px;z-index:0}.ios-process-base,.ios-process-fill{position:absolute;inset:0;border-radius:99px}.ios-process-base{background:#263343}.ios-process-fill{transform:scaleX(var(--process-progress,0));transform-origin:left;background:linear-gradient(90deg,#0A84FF,#5E5CE6 25%,#AF52DE 50%,#64D2FF 75%,#30D158);box-shadow:0 0 14px rgba(100,210,255,.26)}
.ios-process-orb{position:absolute;left:calc(var(--process-progress,0) * 100%);top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:#f6fcff;box-shadow:0 0 8px #64D2FF,0 0 20px rgba(100,210,255,.55);transition:left .18s linear}
.ios-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative;z-index:1}.ios-process-step{text-align:center;opacity:.48;transition:opacity .32s var(--ease),filter .32s var(--ease);min-width:0}.ios-process-step.reached{opacity:.78}.ios-process-step.active{opacity:1}.ios-process-node{height:62px;display:grid;place-items:start center;position:relative}.ios-process-node>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--step-color);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 14%,#17212c),#101720);border:1px solid color-mix(in srgb,var(--step-color) 25%,#253244);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .32s var(--ease),box-shadow .32s var(--ease),background .32s var(--ease)}
.ios-process-node svg{width:22px;height:22px}.ios-process-node>i{position:absolute;top:25px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#111923;border:2px solid color-mix(in srgb,var(--step-color) 64%,#fff);box-shadow:0 0 0 4px #0c121a;z-index:3}.ios-process-step.active .ios-process-node>span{border-color:color-mix(in srgb,var(--step-color) 56%,#fff 4%);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 20%,#17212c),#101720);box-shadow:0 0 24px color-mix(in srgb,var(--step-color) 18%,transparent)}
.ios-process-copy{padding:0 7px}.ios-process-copy small{display:block;font-size:8px;letter-spacing:.12em;font-weight:820;color:var(--step-color)}.ios-process-copy h3{font-size:13.5px;line-height:1.2;margin:4px 0 6px;color:#f2f5f9}.ios-process-copy p{font-size:10.5px;line-height:1.5;color:#8996a8;margin:0 auto;max-width:180px}.ios-process-step.active .ios-process-copy p{color:#aab5c3}
.process-entered .ios-process-step{animation:iosProcessReveal .58s var(--ease) both;animation-delay:calc(var(--step) * 70ms)}@keyframes iosProcessReveal{from{opacity:0;filter:blur(5px);transform:translateY(7px)}to{filter:none;transform:none}}


.services-ios-section{position:relative;overflow:hidden}
.services-ios-section::before{content:"";position:absolute;left:50%;top:14%;width:min(920px,80vw);height:260px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(60,170,255,.055),rgba(175,82,222,.025) 42%,transparent 72%);filter:blur(16px);pointer-events:none}
.services-ios-section .container{position:relative;z-index:1}
.services-ios-section .section-head{margin-bottom:20px}
.services-ios-section .section-title{max-width:760px}
@media(max-width:1100px){.product-card-ios{min-height:420px}.service-card-ios{min-height:215px}.ios-process-copy p{font-size:10px}}
@media(max-width:760px){.service-card-ios{min-height:205px}.product-card-ios{min-height:auto}.product-purpose,.product-card-ios .product-core-features,.product-card-ios .product-price-note-clean{min-height:0}.ios-process{padding-left:4px}.ios-process-track{left:24px;right:auto;top:24px;bottom:24px;width:2px;height:auto}.ios-process-fill{transform:scaleY(var(--process-progress,0));transform-origin:top}.ios-process-orb{left:50%;top:calc(var(--process-progress,0) * 100%);transform:translate(-50%,-50%);transition:top .18s linear}.ios-process-grid{grid-template-columns:1fr;gap:0}.ios-process-step{display:grid;grid-template-columns:58px minmax(0,1fr);text-align:left;padding:9px 0}.ios-process-node{height:auto;place-items:start center}.ios-process-node>i{top:24px}.ios-process-copy{padding:2px 0 12px 6px}.ios-process-copy p{max-width:none;margin:0}.product-card-ios .product-actions{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.service-card-ios{min-height:0}.product-card-ios .product-offer-clean{grid-template-columns:1fr}.product-card-ios .product-actions{grid-template-columns:1fr}.ios-process-copy h3{font-size:13px}.ios-process-copy p{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.process-entered .ios-process-step{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}.ios-process-fill{transform:scaleX(1)!important}.ios-process-orb{display:none}.ios-process-step{opacity:1!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.ios-process-fill{transform:scaleY(1)!important}}

/* ==========================================================
   V17 — Requested Main Website Refinements
   Hero motion · Liquid glass actions · Product card polish
   Process journey redesign · Direct client login navigation
   ========================================================== */

/* 1) Main banner: deeper animated aurora + moving light mesh. */
.hero{isolation:isolate;background:linear-gradient(180deg,rgba(5,8,14,.18),rgba(5,8,14,.02) 58%,rgba(5,8,14,.72));}
.hero::before{content:"";position:absolute;inset:-28% -16% -18%;z-index:-3;pointer-events:none;background:radial-gradient(44% 36% at 12% 28%,rgba(10,132,255,.24),transparent 69%),radial-gradient(42% 38% at 82% 20%,rgba(50,215,200,.18),transparent 70%),radial-gradient(36% 34% at 63% 79%,rgba(175,82,222,.15),transparent 72%),radial-gradient(30% 28% at 34% 73%,rgba(94,92,230,.12),transparent 72%);filter:blur(10px) saturate(1.08);animation:heroAuroraDrift 16s cubic-bezier(.45,.05,.2,1) infinite alternate;will-change:transform,filter}
.hero::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(110deg,transparent 0 37%,rgba(128,221,255,.05) 46%,rgba(255,255,255,.025) 50%,rgba(126,105,255,.045) 54%,transparent 63%),linear-gradient(rgba(148,205,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(148,205,255,.025) 1px,transparent 1px);background-size:180% 100%,74px 74px,74px 74px;background-position:130% 0,center,center;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 62%,transparent 96%);animation:heroLightSweep 10.5s ease-in-out infinite;opacity:.9}
.intelligence-field{z-index:-1}
.intelligence-field::before{content:"";position:absolute;inset:8% 3% 4%;border-radius:50%;background:conic-gradient(from 220deg at 68% 42%,transparent 0 17%,rgba(69,197,255,.055) 25%,transparent 34% 57%,rgba(119,99,255,.05) 66%,transparent 76%);filter:blur(4px);animation:heroFieldRotate 24s linear infinite}
.intelligence-field i{width:4px;height:4px;opacity:.42;box-shadow:0 0 10px rgba(50,215,255,.9),0 0 24px rgba(10,132,255,.45);animation-duration:8s}
.intelligence-orbit{border-color:rgba(95,194,255,.17);box-shadow:inset 0 0 70px rgba(10,132,255,.02),0 0 35px rgba(10,132,255,.055);animation:heroOrbitFloat 12s ease-in-out infinite alternate}
.orbit-b{border-color:rgba(50,215,200,.15);animation-delay:-5s}
.intelligence-beam{opacity:.56;background:linear-gradient(transparent,rgba(53,217,255,.08) 18%,rgba(130,232,255,.32) 50%,rgba(102,100,255,.08) 82%,transparent);box-shadow:0 0 18px rgba(53,217,255,.16)}
@keyframes heroAuroraDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1);filter:blur(10px) saturate(1.02)}50%{transform:translate3d(2.2%,1.2%,0) scale(1.045);filter:blur(15px) saturate(1.16) hue-rotate(5deg)}100%{transform:translate3d(-.6%,2.4%,0) scale(1.07);filter:blur(12px) saturate(1.1) hue-rotate(-4deg)}}
@keyframes heroLightSweep{0%,12%{background-position:150% 0,center,center;opacity:.52}52%{opacity:1}88%,100%{background-position:-60% 0,center,center;opacity:.58}}
@keyframes heroFieldRotate{to{transform:rotate(360deg) scale(1.03)}}
@keyframes heroOrbitFloat{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1);opacity:.54}100%{transform:translate3d(-12px,9px,0) rotate(14deg) scale(1.055);opacity:.9}}

/* 2) Liquid-glass action system. Primary and secondary remain visibly distinct. */
.btn,.flagship-action{position:relative;isolation:isolate;overflow:hidden;-webkit-backdrop-filter:blur(18px) saturate(165%);backdrop-filter:blur(18px) saturate(165%);border:1px solid rgba(224,241,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.19),inset 0 -1px 0 rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.22);text-shadow:0 1px 1px rgba(0,0,0,.16)}
.btn::before,.flagship-action::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.19),transparent 30% 68%,rgba(255,255,255,.07));opacity:.72;transition:opacity .25s var(--ease),transform .35s var(--ease);transform:translateX(-10%)}
.btn::after,.flagship-action::after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.64),transparent);opacity:.65}
.btn:hover::before,.flagship-action:hover::before{opacity:1;transform:translateX(5%)}
.btn-primary,.product-card-ios .product-actions .btn-primary,.product-actions .btn-primary,.flagship-explore{color:#fff;border-color:rgba(152,222,255,.36);background:linear-gradient(135deg,rgba(0,119,255,.84),rgba(19,169,255,.68) 54%,rgba(50,215,255,.47));box-shadow:inset 0 1px 0 rgba(255,255,255,.31),inset 0 -1px 0 rgba(0,83,174,.2),0 12px 32px rgba(10,132,255,.27),0 0 0 1px rgba(60,187,255,.055)}
.btn-primary:hover,.product-card-ios .product-actions .btn-primary:hover,.product-actions .btn-primary:hover,.flagship-explore:hover{filter:none;background:linear-gradient(135deg,rgba(13,137,255,.94),rgba(39,186,255,.78) 55%,rgba(67,227,255,.57));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 16px 40px rgba(10,132,255,.34),0 0 24px rgba(53,217,255,.10)}
.btn-secondary,.product-card-ios .product-actions .btn-secondary,.product-actions .btn-secondary,.flagship-login{color:#eef6ff;border-color:rgba(202,227,249,.18);background:linear-gradient(145deg,rgba(37,49,66,.66),rgba(15,23,34,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 27px rgba(0,0,0,.22)}
.btn-secondary:hover,.product-card-ios .product-actions .btn-secondary:hover,.product-actions .btn-secondary:hover,.flagship-login:hover{background:linear-gradient(145deg,rgba(51,67,89,.76),rgba(20,31,45,.58));border-color:rgba(157,210,250,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 14px 34px rgba(0,0,0,.27),0 0 20px rgba(76,179,255,.07)}
.btn-ghost{color:#c9d7e7;border-color:rgba(214,233,250,.14);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.085),0 8px 22px rgba(0,0,0,.15)}
.btn-ghost:hover{color:#fff;border-color:rgba(192,224,251,.26);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(84,170,235,.035))}
.icon-btn,.language-btn,.filter-chip,.dialog-close{position:relative;-webkit-backdrop-filter:blur(16px) saturate(155%);backdrop-filter:blur(16px) saturate(155%);background:linear-gradient(145deg,rgba(43,56,74,.60),rgba(18,27,39,.48));border-color:rgba(216,235,252,.14);box-shadow:inset 0 1px rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.16)}
.icon-btn:hover,.language-btn:hover,.filter-chip:hover,.dialog-close:hover{background:linear-gradient(145deg,rgba(54,70,92,.72),rgba(22,33,48,.58));border-color:rgba(164,213,251,.25)}
.filter-chip.active{background:linear-gradient(135deg,rgba(10,132,255,.28),rgba(53,217,255,.10));border-color:rgba(91,191,255,.34);color:#a8ddff;box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 20px rgba(10,132,255,.12)}
.service-open-ios{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 12%,rgba(31,42,57,.66)),rgba(12,20,30,.46));border-color:color-mix(in srgb,var(--svc) 34%,rgba(213,235,255,.16));box-shadow:inset 0 1px rgba(255,255,255,.10),0 7px 20px rgba(0,0,0,.14)}
.service-open-ios:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 20%,rgba(37,50,68,.72)),rgba(16,25,37,.54));box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 25px rgba(0,0,0,.18)}

/* 3) Products: keep the existing grid/content arrangement; enrich only the boxes. */
.product-card-ios{isolation:isolate;position:relative;border:1px solid color-mix(in srgb,var(--accent) 31%,rgba(210,231,250,.13));background:radial-gradient(280px 220px at 100% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 68%),linear-gradient(150deg,rgba(29,40,55,.76),rgba(12,18,27,.90) 54%,rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(255,255,255,.018),0 18px 50px rgba(0,0,0,.24),0 0 0 1px color-mix(in srgb,var(--accent) 4%,transparent);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);transition:transform .42s var(--ease),border-color .35s var(--ease),box-shadow .42s var(--ease),background .35s var(--ease)}
.product-card-ios::before{content:"";position:absolute;width:260px;height:260px;right:-145px;top:-145px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent) 0%,color-mix(in srgb,var(--accent) 11%,transparent) 37%,transparent 70%);filter:blur(5px);opacity:.72;transition:transform .7s var(--ease),opacity .45s var(--ease);animation:productHaloFloat 8s ease-in-out infinite alternate;pointer-events:none;z-index:-1}
.product-card-ios::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 0 27%,rgba(255,255,255,.075) 43%,rgba(255,255,255,.018) 50%,transparent 64%);transform:translateX(-125%);opacity:.72;transition:transform .85s var(--ease);z-index:0}
.product-card-ios:hover{transform:translateY(-7px) scale(1.008);border-color:color-mix(in srgb,var(--accent) 55%,rgba(220,240,255,.18));background:radial-gradient(320px 250px at 100% 0%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 70%),linear-gradient(150deg,rgba(34,47,64,.84),rgba(13,20,30,.92) 56%,rgba(8,13,20,.96));box-shadow:inset 0 1px rgba(255,255,255,.10),0 28px 70px rgba(0,0,0,.34),0 0 34px color-mix(in srgb,var(--accent) 9%,transparent)}
.product-card-ios:hover::before{transform:translate(-25px,22px) scale(1.18);opacity:.95}
.product-card-ios:hover::after{transform:translateX(125%)}
.product-card-ios>*{position:relative;z-index:2}
.product-card-ios .product-demo-mark{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 24%,rgba(35,49,67,.80)),rgba(13,22,33,.66));border-color:color-mix(in srgb,var(--accent) 42%,rgba(216,237,255,.14));box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(255,255,255,.025),0 12px 30px color-mix(in srgb,var(--accent) 13%,rgba(0,0,0,.25));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.product-card-ios .product-heading h3{font-size:20px;letter-spacing:-.03em;text-shadow:0 1px 18px rgba(255,255,255,.025)}
.product-card-ios .product-purpose{padding:14px 14px 12px;margin:15px 0 0;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.035),color-mix(in srgb,var(--accent) 3%,rgba(13,21,31,.34)));border:1px solid rgba(217,236,252,.075);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.product-card-ios .product-core-features{padding:0 3px}
.product-card-ios .product-core-features span::before{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}
.product-card-ios .product-offer-clean{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,rgba(31,43,59,.60)),rgba(13,21,32,.52));border-color:color-mix(in srgb,var(--accent) 26%,rgba(213,234,251,.12));box-shadow:inset 0 1px rgba(255,255,255,.075),0 8px 24px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@keyframes productHaloFloat{to{transform:translate(-18px,18px) scale(1.07)}}

/* 4) Process: a completely new alternating scroll-driven delivery journey. */
.process-studio{padding:34px 30px;border-radius:30px;border:1px solid rgba(199,226,250,.13);background:radial-gradient(620px 330px at 50% -180px,rgba(53,217,255,.13),transparent 72%),radial-gradient(420px 340px at 94% 52%,rgba(94,92,230,.07),transparent 74%),linear-gradient(155deg,rgba(18,27,40,.90),rgba(7,12,19,.96));box-shadow:inset 0 1px rgba(255,255,255,.055),0 24px 70px rgba(0,0,0,.28);overflow:hidden;position:relative;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.process-studio::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(126,193,245,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(126,193,245,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,#000,transparent 84%);opacity:.75}
.process-studio::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:50%;top:calc((var(--process-progress,0) * 82%) - 20%);transform:translateX(-50%);background:radial-gradient(circle,rgba(53,217,255,.055),transparent 68%);filter:blur(16px);pointer-events:none;transition:top .25s linear}
.process-journey{position:relative;max-width:980px;margin:auto;padding:8px 0;z-index:1}
.process-spine{position:absolute;left:50%;top:34px;bottom:34px;width:2px;transform:translateX(-50%);z-index:0}
.process-spine-base,.process-spine-fill{position:absolute;inset:0;border-radius:99px}.process-spine-base{background:linear-gradient(180deg,rgba(10,132,255,.18),rgba(175,82,222,.16) 48%,rgba(48,209,88,.18));box-shadow:0 0 0 1px rgba(190,224,250,.025)}.process-spine-fill{transform:scaleY(var(--process-progress,0));transform-origin:top;background:linear-gradient(180deg,#0A84FF,#5E5CE6 28%,#AF52DE 51%,#64D2FF 73%,#30D158);box-shadow:0 0 12px rgba(100,210,255,.42),0 0 28px rgba(10,132,255,.12)}
.process-spine-pulse{position:absolute;left:50%;top:calc(var(--process-progress,0) * 100%);width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#f3fcff;border:2px solid #64D2FF;box-shadow:0 0 0 6px rgba(100,210,255,.10),0 0 19px rgba(100,210,255,.72);transition:top .16s linear}
.process-journey-list{position:relative;display:grid;gap:18px}
.process-journey-step{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;min-height:148px;opacity:.44;filter:saturate(.72);transition:opacity .4s var(--ease),filter .4s var(--ease),transform .4s var(--ease)}
.process-journey-step.process-left .process-journey-card{grid-column:1}.process-journey-step.process-left .process-journey-node{grid-column:2}.process-journey-step.process-right .process-journey-node{grid-column:2;grid-row:1}.process-journey-step.process-right .process-journey-card{grid-column:3;grid-row:1}
.process-journey-card{position:relative;padding:19px 20px 17px;border-radius:22px;border:1px solid rgba(204,229,249,.105);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 5%,rgba(31,43,59,.70)),rgba(11,18,27,.68));box-shadow:inset 0 1px rgba(255,255,255,.045),0 13px 34px rgba(0,0,0,.16);overflow:hidden;transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.process-journey-card::before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-95px;top:-110px;background:color-mix(in srgb,var(--step-color) 13%,transparent);filter:blur(8px);transition:.5s var(--ease)}
.process-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;position:relative;z-index:1}.process-card-head>div small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in srgb,var(--step-color) 76%,#aebbd0);font-weight:840}.process-card-head h3{margin:3px 0 0;font-size:18px;letter-spacing:-.027em}.process-card-head>b{font-size:31px;letter-spacing:-.06em;color:rgba(221,236,249,.08);font-weight:780}
.process-journey-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--step-color);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 18%,rgba(37,51,69,.76)),rgba(15,24,35,.62));border:1px solid color-mix(in srgb,var(--step-color) 31%,rgba(218,238,255,.10));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 24px color-mix(in srgb,var(--step-color) 8%,rgba(0,0,0,.2))}.process-journey-icon svg{width:22px;height:22px}
.process-journey-card>p{position:relative;z-index:1;margin:13px 0 12px;font-size:12.2px;line-height:1.6;color:#96a5b8}.process-card-tags{position:relative;z-index:1;display:flex;gap:6px;flex-wrap:wrap}.process-card-tags span{font-size:8.8px;font-weight:720;color:#aab8c9;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(213,234,250,.075)}
.process-journey-node{width:20px;height:20px;border-radius:50%;place-self:center;display:grid;place-items:center;background:#0b121b;border:1px solid color-mix(in srgb,var(--step-color) 47%,#27384b);box-shadow:0 0 0 7px rgba(8,14,22,.92);position:relative;z-index:3;transition:.35s var(--ease)}.process-journey-node i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--step-color) 68%,#dff7ff);box-shadow:0 0 12px color-mix(in srgb,var(--step-color) 60%,transparent)}
.process-journey-step.reached{opacity:.77;filter:saturate(.92)}.process-journey-step.active{opacity:1;filter:none}.process-journey-step.active .process-journey-card{transform:translateY(-3px);border-color:color-mix(in srgb,var(--step-color) 40%,rgba(215,237,255,.14));background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 9%,rgba(38,52,70,.78)),rgba(11,19,29,.76));box-shadow:inset 0 1px rgba(255,255,255,.075),0 19px 45px rgba(0,0,0,.23),0 0 30px color-mix(in srgb,var(--step-color) 7%,transparent)}.process-journey-step.active .process-journey-card::before{transform:translate(-18px,22px) scale(1.12)}.process-journey-step.active .process-journey-node{transform:scale(1.12);border-color:color-mix(in srgb,var(--step-color) 78%,#fff);box-shadow:0 0 0 7px rgba(8,14,22,.92),0 0 24px color-mix(in srgb,var(--step-color) 36%,transparent)}
.process-entered .process-journey-step{animation:processJourneyReveal .68s var(--ease) both;animation-delay:calc(var(--step) * 95ms)}
@keyframes processJourneyReveal{from{opacity:0;filter:blur(8px);transform:translateY(18px)}to{filter:none;transform:none}}

@media(max-width:760px){
 .hero::after{background-size:220% 100%,54px 54px,54px 54px;opacity:.68}.intelligence-orbit{opacity:.55}.intelligence-field::before{opacity:.65}
 .process-studio{padding:24px 14px}.process-journey{padding-left:0}.process-spine{left:27px}.process-journey-list{gap:8px}.process-journey-step{grid-template-columns:55px minmax(0,1fr);min-height:0;padding:8px 0}.process-journey-step.process-left .process-journey-node,.process-journey-step.process-right .process-journey-node{grid-column:1;grid-row:1}.process-journey-step.process-left .process-journey-card,.process-journey-step.process-right .process-journey-card{grid-column:2;grid-row:1}.process-journey-node{width:18px;height:18px}.process-journey-card{padding:16px;border-radius:19px}.process-card-head{grid-template-columns:auto 1fr}.process-card-head>b{display:none}.process-card-head h3{font-size:16px}.process-journey-icon{width:43px;height:43px;border-radius:14px}.process-journey-card>p{font-size:11.7px;margin:11px 0}.process-spine-pulse{width:10px;height:10px}
}
@media(max-width:480px){.process-card-tags{display:none}.product-card-ios .product-purpose{padding:12px}.flagship-action{min-height:40px}}
@media(prefers-reduced-motion:reduce){
 .hero::before,.hero::after,.intelligence-field::before,.product-card-ios::before{animation:none!important}.hero::after{background-position:center!important}.product-card-ios::after{display:none}.process-entered .process-journey-step{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}.process-spine-fill{transform:scaleY(1)!important}.process-spine-pulse{display:none}.process-journey-step{opacity:1!important;filter:none!important}
}

/* Public menu option buttons also follow the same subtle glass material. */
.language-menu button{border:1px solid transparent;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}
.language-menu button:hover,.language-menu button.active{border-color:rgba(185,220,248,.13);background:linear-gradient(145deg,rgba(52,69,91,.64),rgba(23,34,49,.52));box-shadow:inset 0 1px rgba(255,255,255,.08)}

/* ==========================================================
   V18 — Main website interaction refinement
   Process console, secure portal finder, corrected glass buttons,
   software-atmosphere backgrounds and section choreography.
   ========================================================== */

/* Home-only software atmosphere: network, data and cloud light. */
.home-page{background:#06080d}
.home-page main,.home-page .footer{position:relative;z-index:1}
.home-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.92}
.home-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(91,180,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(91,180,255,.018) 1px,transparent 1px);background-size:68px 68px;transform:perspective(800px) rotateX(64deg) translateY(33%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 4%,#000 28%,rgba(0,0,0,.66) 62%,transparent 94%);animation:homeGridDrift 24s linear infinite}
.home-orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.15;will-change:transform}.home-orb.orb-one{width:46vw;height:46vw;left:-20vw;top:18vh;background:radial-gradient(circle,#0A84FF,transparent 66%);animation:homeOrbOne 19s ease-in-out infinite alternate}.home-orb.orb-two{width:40vw;height:40vw;right:-16vw;top:44vh;background:radial-gradient(circle,#32D7C8,transparent 66%);animation:homeOrbTwo 23s ease-in-out infinite alternate}.home-orb.orb-three{width:34vw;height:34vw;left:36vw;bottom:-20vw;background:radial-gradient(circle,#7C6CFF,transparent 67%);animation:homeOrbThree 21s ease-in-out infinite alternate}
.home-data-stream{position:absolute;width:min(620px,55vw);height:1px;background:linear-gradient(90deg,transparent,rgba(99,205,255,.11),rgba(124,108,255,.12),transparent);transform-origin:left center}.home-data-stream::before{content:"";position:absolute;inset:-15px 0;background:linear-gradient(90deg,transparent,rgba(80,184,255,.025),transparent);filter:blur(7px)}.home-data-stream.stream-one{left:-8vw;top:31vh;transform:rotate(-13deg)}.home-data-stream.stream-two{right:-8vw;top:71vh;transform:rotate(12deg)}.home-data-stream i{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#c9f6ff;box-shadow:0 0 10px #32D7FF,0 0 22px rgba(50,215,255,.48);animation:dataPacket 8s linear infinite}.home-data-stream i:nth-child(2){animation-delay:-2.7s;opacity:.7}.home-data-stream i:nth-child(3){animation-delay:-5.4s;opacity:.45}
@keyframes homeGridDrift{to{background-position:68px 68px}}
@keyframes homeOrbOne{to{transform:translate3d(12vw,9vh,0) scale(1.12)}}
@keyframes homeOrbTwo{to{transform:translate3d(-10vw,-8vh,0) scale(1.08)}}
@keyframes homeOrbThree{to{transform:translate3d(6vw,-10vh,0) scale(1.14)}}
@keyframes dataPacket{0%{left:0;opacity:0;transform:scale(.5)}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0;transform:scale(1.1)}}

/* Each homepage section receives a subtle concept-driven local layer. */
.home-page .motion-section{overflow:hidden}
.home-page .motion-section>.container{position:relative;z-index:2}
.section-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.22;transition:opacity .8s var(--ease)}
.section-live .section-atmosphere{opacity:.58}
.section-atmosphere>i{position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(34px);background:radial-gradient(circle,color-mix(in srgb,var(--section-accent) 24%,transparent),transparent 68%);transform:translate3d(0,var(--section-shift,0),0);transition:transform .18s linear}.section-atmosphere>i:first-child{left:-150px;top:6%}.section-atmosphere>i:nth-child(2){right:-175px;bottom:0;opacity:.55;transform:translate3d(0,var(--section-shift-inverse,0px),0)}
.section-atmosphere>span{position:absolute;height:1px;width:48%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--section-accent) 24%,transparent),transparent);opacity:.7}.section-atmosphere>span:nth-of-type(1){left:-9%;top:31%;transform:rotate(-7deg)}.section-atmosphere>span:nth-of-type(2){right:-8%;bottom:24%;transform:rotate(8deg)}
.section-atmosphere>b{position:absolute;inset:10% 5%;background-image:radial-gradient(circle at center,color-mix(in srgb,var(--section-accent) 30%,transparent) 0 1px,transparent 1.5px);background-size:36px 36px;opacity:.08;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}
.section-live .section-atmosphere>span:nth-of-type(1){animation:sectionSignalA 4.8s ease-in-out infinite}.section-live .section-atmosphere>span:nth-of-type(2){animation:sectionSignalB 5.4s ease-in-out infinite}
@keyframes sectionSignalA{50%{transform:rotate(-7deg) translateX(42px);opacity:1}}
@keyframes sectionSignalB{50%{transform:rotate(8deg) translateX(-36px);opacity:.92}}

/* Richer but controlled scroll choreography. */
.motion-ready .reveal.reveal-left:not(.visible){transform:translate3d(-34px,12px,0) scale(.992);filter:blur(8px)}
.motion-ready .reveal.reveal-up:not(.visible){transform:translate3d(0,30px,0) scale(.993);filter:blur(8px)}
.motion-ready .reveal.reveal-scale:not(.visible){transform:translate3d(0,16px,0) scale(.965);filter:blur(9px)}
.motion-ready .reveal.visible{will-change:auto}
.home-page .motion-section.section-live>.container{animation:sectionSettle .78s var(--ease) both}
@keyframes sectionSettle{from{transform:translateY(9px)}to{transform:none}}

/* Corrected liquid-glass buttons: stable geometry, no hover jump/flicker. */
.btn,.flagship-action,.service-open-ios,.icon-btn,.language-btn,.filter-chip,.dialog-close{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease),color .22s var(--ease),opacity .22s var(--ease)}
button.flagship-action{font:inherit;cursor:pointer}
.btn::before,.flagship-action::before{transform:none;background:radial-gradient(120% 100% at 50% -15%,rgba(255,255,255,.24),rgba(255,255,255,.055) 36%,transparent 67%);opacity:.62;transition:opacity .22s var(--ease)}
.btn:hover::before,.flagship-action:hover::before{transform:none;opacity:.94}
.btn:hover,.flagship-action:hover{transform:translateY(-2px)}
.btn:active,.flagship-action:active,.service-open-ios:active{transform:translateY(0) scale(.985);transition-duration:.08s}
.btn svg,.flagship-action svg,.portal-finder-footer svg{transition:transform .22s var(--ease)}
.btn:hover svg,.portal-finder-footer a:hover svg{transform:translateX(2px)}
body .btn-primary:hover,body .product-card-ios .product-actions .btn-primary:hover,body .product-actions .btn-primary:hover,body .flagship-explore:hover{background:linear-gradient(135deg,rgba(18,143,255,.96),rgba(45,186,255,.82) 55%,rgba(72,224,255,.58));border-color:rgba(172,228,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.34),0 15px 34px rgba(10,132,255,.30),0 0 26px rgba(53,217,255,.08)}
body .btn-secondary:hover,body .product-card-ios .product-actions .btn-secondary:hover,body .product-actions .btn-secondary:hover,body .flagship-login:hover{background:linear-gradient(145deg,rgba(48,64,84,.78),rgba(19,29,42,.62));border-color:rgba(157,210,250,.30);box-shadow:inset 0 1px rgba(255,255,255,.16),0 13px 30px rgba(0,0,0,.24),0 0 20px rgba(76,179,255,.055);color:#fff}
.flagship-pill:hover{transform:none;box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 42px rgba(0,0,0,.21);border-color:rgba(70,190,255,.26)}
.btn:focus-visible,.flagship-action:focus-visible,.process-menu-item:focus-visible,.portal-search-input:focus-within{outline:none;box-shadow:0 0 0 3px rgba(10,132,255,.18),0 0 0 1px rgba(100,205,255,.55),0 12px 32px rgba(0,0,0,.24)}

/* Secure login portal popup. No client list is rendered until a search starts. */
.client-login-dialog::backdrop{background:rgba(2,5,10,.78);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}
.client-login-dialog .dialog-card{width:min(700px,calc(100vw - 28px));max-height:none;overflow:hidden;padding:25px;border-radius:28px;border:1px solid rgba(164,211,248,.18);background:radial-gradient(520px 250px at 20% -18%,rgba(10,132,255,.14),transparent 70%),linear-gradient(155deg,rgba(17,25,37,.985),rgba(7,12,19,.99));box-shadow:0 38px 120px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.07)}
.client-login-dialog .login-dialog-close{position:absolute;right:18px;top:18px;float:none;width:38px;height:38px;border-radius:13px;z-index:5}
.portal-finder-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding-right:48px}.portal-finder-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#74d7ff;background:linear-gradient(145deg,rgba(10,132,255,.19),rgba(50,215,200,.07));border:1px solid rgba(98,193,255,.20);box-shadow:inset 0 1px rgba(255,255,255,.09),0 12px 30px rgba(0,0,0,.19)}.portal-finder-icon svg{width:24px;height:24px}.portal-finder-head h2{font-size:29px;margin:5px 0 5px}.portal-finder-head p{margin:0;color:#9eabba;font-size:12.5px;line-height:1.55;max-width:520px}
.portal-search-shell{margin-top:20px;padding:14px;border:1px solid rgba(181,219,249,.12);border-radius:21px;background:linear-gradient(145deg,rgba(30,42,58,.48),rgba(11,18,27,.62));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.portal-search-input{height:56px;display:flex;align-items:center;gap:11px;padding:0 15px;border-radius:16px;border:1px solid rgba(154,206,246,.16);background:rgba(7,13,21,.78);transition:.22s var(--ease)}.portal-search-input>span{display:grid;color:#72cfff}.portal-search-input svg{width:21px;height:21px}.portal-search-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f4f8fc;font:inherit;font-size:14px}.portal-search-input input::placeholder{color:#66768a}
.portal-search-hint{min-height:20px;margin:10px 4px 0;display:flex;align-items:center;gap:7px;color:#7e8da1;font-size:10.5px}.portal-hint-dot{width:6px;height:6px;border-radius:50%;background:#32D7C8;box-shadow:0 0 0 4px rgba(50,215,200,.08)}
.portal-search-results{display:grid;gap:8px;max-height:0;overflow:hidden;opacity:0;transition:max-height .42s var(--ease),opacity .3s ease,margin .3s ease}.portal-search-results.has-results,.portal-search-results:not(:empty){max-height:330px;opacity:1;margin-top:9px}
.portal-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px;border:1px solid rgba(183,220,249,.105);border-radius:16px;background:linear-gradient(145deg,rgba(31,44,60,.56),rgba(12,20,30,.55));animation:portalResultIn .38s var(--ease) both}.portal-result-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--client);background:color-mix(in srgb,var(--client) 12%,#101923);border:1px solid color-mix(in srgb,var(--client) 27%,#273648)}.portal-result-icon svg,.portal-result-icon img{width:25px;height:25px;object-fit:contain}.portal-result-copy{min-width:0}.portal-result-copy b{display:block;color:#f3f7fb;font-size:12.5px}.portal-result-copy small{display:block;color:#8998ab;font-size:9.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-live{padding:5px 7px;border-radius:999px;background:rgba(48,209,88,.07);border:1px solid rgba(48,209,88,.16);color:#6ce991;font-size:8px;font-weight:850;letter-spacing:.08em}.portal-open{min-height:36px;padding:0 11px;font-size:9.5px}.portal-open svg{width:14px;height:14px}
.portal-empty{display:grid;place-items:center;text-align:center;padding:20px 12px;color:#7f8da1}.portal-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:8px}.portal-empty svg{width:18px;height:18px}.portal-empty b{font-size:11px;color:#b7c2d0}.portal-empty small{font-size:9.5px;margin-top:3px}
.portal-finder-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:0 3px;color:#718096;font-size:10.5px}.portal-finder-footer a{display:inline-flex;align-items:center;gap:6px;color:#76cfff;font-weight:760}.portal-finder-footer svg{width:14px;height:14px}
@keyframes portalResultIn{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}

/* Process V18: interactive five-stage workflow console. */
.process-studio{padding:0;border-radius:30px;border:1px solid rgba(180,220,250,.15);background:radial-gradient(620px 360px at 12% -30%,rgba(10,132,255,.12),transparent 70%),radial-gradient(560px 360px at 98% 110%,rgba(50,215,200,.08),transparent 72%),linear-gradient(155deg,rgba(18,28,42,.94),rgba(7,12,19,.98));box-shadow:inset 0 1px rgba(255,255,255,.065),0 28px 80px rgba(0,0,0,.29);overflow:hidden;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.process-studio::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(107,190,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(107,190,255,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 82%);opacity:.62}.process-studio::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;left:var(--process-glow-left,8%);top:37%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(75,205,255,.075),transparent 67%);filter:blur(17px);transition:left .65s var(--ease);pointer-events:none}
.process-console{position:relative;z-index:1}.process-menu{display:grid;grid-template-columns:repeat(5,1fr);padding:10px;border-bottom:1px solid rgba(185,220,247,.10);background:rgba(5,10,17,.44)}.process-menu-item{min-width:0;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:9px;padding:10px 11px;border:1px solid transparent;border-radius:17px;background:transparent;color:#8190a4;text-align:left;cursor:pointer;font:inherit;position:relative;overflow:hidden;transition:.28s var(--ease)}.process-menu-item::before{content:"";position:absolute;inset:0;background:radial-gradient(120px circle at 20% 10%,color-mix(in srgb,var(--step-color) 14%,transparent),transparent 72%);opacity:0;transition:.28s var(--ease)}.process-menu-item>span{grid-row:1/3;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;align-self:center;color:color-mix(in srgb,var(--step-color) 72%,#8f9db0);background:color-mix(in srgb,var(--step-color) 7%,rgba(255,255,255,.025));border:1px solid color-mix(in srgb,var(--step-color) 19%,rgba(255,255,255,.055));font-size:8px;font-weight:850;letter-spacing:.06em;position:relative;z-index:1}.process-menu-item b{font-size:10.8px;color:#aeb9c7;line-height:1.15;position:relative;z-index:1}.process-menu-item small{font-size:8.2px;margin-top:2px;color:#647286;position:relative;z-index:1}.process-menu-item:hover{background:rgba(255,255,255,.025);border-color:rgba(194,225,249,.08);transform:translateY(-1px)}.process-menu-item.active{background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 10%,rgba(36,50,68,.58)),rgba(12,20,30,.55));border-color:color-mix(in srgb,var(--step-color) 31%,rgba(206,234,255,.11));box-shadow:inset 0 1px rgba(255,255,255,.065),0 8px 23px rgba(0,0,0,.16);color:#fff}.process-menu-item.active::before{opacity:1}.process-menu-item.active>span{color:#f5fbff;border-color:color-mix(in srgb,var(--step-color) 52%,#fff 4%);background:color-mix(in srgb,var(--step-color) 22%,#101925);box-shadow:0 0 18px color-mix(in srgb,var(--step-color) 18%,transparent)}.process-menu-item.active b{color:#f3f7fb}.process-menu-item.active small{color:color-mix(in srgb,var(--step-color) 70%,#a7b5c7)}
.process-console-body{display:grid;grid-template-columns:1.06fr .94fr;gap:22px;padding:26px;min-height:330px;align-items:stretch}.process-flow-visual{position:relative;min-height:278px;border:1px solid rgba(183,220,248,.09);border-radius:24px;background:radial-gradient(300px 210px at 50% 28%,rgba(50,215,255,.055),transparent 73%),linear-gradient(150deg,rgba(15,24,35,.72),rgba(8,14,22,.5));overflow:hidden}.process-flow-visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(124,201,255,.12) 0 1px,transparent 1.5px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 50% 35%,#000,transparent 72%);opacity:.25}.process-flow-line{position:absolute;left:8%;right:8%;top:73px;height:2px;background:rgba(128,170,207,.11);border-radius:99px}.process-flow-line i{display:block;width:100%;height:100%;transform:scaleX(var(--process-line-scale,.05));transform-origin:left;background:linear-gradient(90deg,#0A84FF,#5E5CE6 27%,#AF52DE 50%,#64D2FF 74%,#30D158);box-shadow:0 0 13px rgba(100,210,255,.32);transition:transform .62s var(--ease)}
.process-flow-node{position:absolute;top:48px;left:var(--node-left,8%);width:52px;transform:translateX(-50%);display:grid;place-items:center;gap:8px;color:#627083;transition:.38s var(--ease);z-index:2}.process-flow-node>span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#0d151f;border:1px solid rgba(167,205,236,.10);box-shadow:0 9px 24px rgba(0,0,0,.18);transition:.38s var(--ease)}.process-flow-node svg{width:22px;height:22px}.process-flow-node>b{font-size:8px;letter-spacing:.08em;color:#5f6d80}.process-flow-node.reached{color:color-mix(in srgb,var(--step-color) 66%,#7d8da0)}.process-flow-node.reached>span{border-color:color-mix(in srgb,var(--step-color) 25%,rgba(200,231,255,.10));background:color-mix(in srgb,var(--step-color) 7%,#0d151f)}.process-flow-node.active{color:#fff;transform:translateX(-50%) translateY(-4px)}.process-flow-node.active>span{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 74%,#172536),color-mix(in srgb,var(--step-color) 40%,#0c151f));border-color:color-mix(in srgb,var(--step-color) 68%,#fff 5%);box-shadow:0 0 0 5px color-mix(in srgb,var(--step-color) 7%,transparent),0 0 28px color-mix(in srgb,var(--step-color) 28%,transparent),0 12px 30px rgba(0,0,0,.22)}.process-flow-node.active>b{color:color-mix(in srgb,var(--step-color) 70%,#eaf7ff)}
.process-flow-core{position:absolute;left:9%;right:9%;bottom:27px;height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:0 17px;border-radius:20px;border:1px solid rgba(179,218,247,.09);background:linear-gradient(145deg,rgba(28,40,55,.57),rgba(9,16,24,.62));box-shadow:inset 0 1px rgba(255,255,255,.04)}.process-flow-core img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(53,217,255,.22))}.process-flow-core>span,.process-flow-core>strong{font-size:9px;color:#8493a7;font-weight:780}.process-flow-core>strong{text-align:right;color:#b9c8d7}.process-flow-core>i{height:1px;background:linear-gradient(90deg,rgba(10,132,255,.16),rgba(50,215,255,.68),rgba(48,209,88,.21));position:relative;overflow:visible}.process-flow-core>i::after{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-top:1px solid #78dcff;border-right:1px solid #78dcff;transform:translateY(-50%) rotate(45deg)}
.process-focus-card{min-height:278px;padding:22px;border-radius:24px;border:1px solid color-mix(in srgb,var(--step-color) 25%,rgba(190,224,250,.10));background:radial-gradient(240px 170px at 100% 0%,color-mix(in srgb,var(--step-color) 10%,transparent),transparent 73%),linear-gradient(150deg,rgba(30,43,59,.67),rgba(10,17,26,.75));box-shadow:inset 0 1px rgba(255,255,255,.055),0 15px 36px rgba(0,0,0,.18);display:flex;flex-direction:column}.process-focus-card.stage-swap{animation:processFocusSwap .5s var(--ease) both}.process-focus-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center}.process-focus-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:var(--step-color);background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 18%,#182331),rgba(13,21,31,.75));border:1px solid color-mix(in srgb,var(--step-color) 35%,rgba(207,234,255,.10));box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 23px color-mix(in srgb,var(--step-color) 9%,rgba(0,0,0,.2))}.process-focus-icon svg{width:25px;height:25px}.process-focus-top small{display:block;font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--step-color) 74%,#9fadc0);font-weight:850}.process-focus-top h3{margin:4px 0 0;font-size:23px;letter-spacing:-.035em}.process-focus-top>b{font-size:42px;letter-spacing:-.07em;color:rgba(223,238,250,.065)}.process-focus-card>p{font-size:12.5px;line-height:1.62;color:#9aa8ba;margin:18px 0 15px}.process-focus-tags{display:flex;gap:7px;flex-wrap:wrap}.process-focus-tags span{font-size:9px;font-weight:730;padding:6px 9px;border-radius:999px;color:color-mix(in srgb,var(--step-color) 62%,#c7d2df);background:color-mix(in srgb,var(--step-color) 6%,rgba(255,255,255,.025));border:1px solid color-mix(in srgb,var(--step-color) 18%,rgba(203,231,252,.08))}.process-outcome{margin-top:auto;padding:13px 14px;border-radius:16px;background:rgba(5,11,18,.46);border:1px solid rgba(184,219,246,.08)}.process-outcome small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:color-mix(in srgb,var(--step-color) 65%,#8494a7);font-weight:850}.process-outcome strong{display:block;margin-top:5px;font-size:11.3px;line-height:1.45;color:#cbd5e0;font-weight:650}
.process-console-foot{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:13px;align-items:center;padding:0 26px 18px;color:#6f7e91;font-size:8.8px}.process-console-foot>span{font-weight:820;color:#99a8ba}.process-console-progress{height:3px;border-radius:99px;background:rgba(158,198,230,.10);overflow:hidden}.process-console-progress i{display:block;width:100%;height:100%;transform:scaleX(.2);transform-origin:left;background:linear-gradient(90deg,#0A84FF,#64D2FF,#30D158);box-shadow:0 0 11px rgba(100,210,255,.32);transition:transform .58s var(--ease)}.process-console-foot>small{text-align:right;font-size:8px;letter-spacing:.02em}
.process-entered .process-menu-item{animation:processMenuIn .52s var(--ease) backwards;animation-delay:calc(var(--step,0) * 45ms)}
@keyframes processFocusSwap{from{opacity:.18;transform:translateY(8px) scale(.992);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes processMenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

@media(max-width:900px){
 .process-console-body{grid-template-columns:1fr;gap:14px}.process-flow-visual{min-height:220px}.process-focus-card{min-height:245px}.process-flow-core{height:65px;bottom:18px}.process-menu-item{grid-template-columns:auto 1fr;min-height:67px;padding:8px}.process-menu-item small{display:none}
}
@media(max-width:700px){
 .home-grid{background-size:54px 54px}.home-data-stream{width:82vw}.section-atmosphere{opacity:.18}.section-live .section-atmosphere{opacity:.38}
 .client-login-dialog .dialog-card{padding:21px 15px 17px;border-radius:23px}.portal-finder-head{grid-template-columns:44px 1fr;gap:11px;padding-right:36px}.portal-finder-icon{width:44px;height:44px;border-radius:14px}.portal-finder-icon svg{width:20px;height:20px}.portal-finder-head h2{font-size:23px}.portal-finder-head p{font-size:11px}.client-login-dialog .login-dialog-close{right:13px;top:13px}.portal-search-shell{padding:10px;margin-top:16px}.portal-search-input{height:51px}.portal-result{grid-template-columns:auto minmax(0,1fr) auto}.portal-live{grid-column:2;margin-top:3px;justify-self:start}.portal-open{grid-column:3;grid-row:1/3}.portal-finder-footer{align-items:flex-start;flex-direction:column;gap:6px}
 .process-menu{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px}.process-menu::-webkit-scrollbar{display:none}.process-menu-item{min-width:145px;scroll-snap-align:center}.process-console-body{padding:15px}.process-flow-visual{min-height:192px;border-radius:19px}.process-flow-node{top:34px;width:40px}.process-flow-node>span{width:40px;height:40px;border-radius:13px}.process-flow-node svg{width:18px;height:18px}.process-flow-line{top:54px}.process-flow-core{left:5%;right:5%;bottom:13px;height:57px;padding:0 11px;border-radius:15px}.process-flow-core img{width:27px;height:27px}.process-focus-card{min-height:238px;padding:17px;border-radius:19px}.process-focus-icon{width:47px;height:47px;border-radius:15px}.process-focus-top h3{font-size:20px}.process-focus-top>b{font-size:33px}.process-focus-card>p{font-size:11.7px}.process-console-foot{grid-template-columns:auto 1fr;padding:0 15px 15px}.process-console-foot>small{display:none}
}
@media(max-width:430px){
 .portal-result{grid-template-columns:auto minmax(0,1fr)}.portal-open{grid-column:1/-1;grid-row:auto;width:100%;justify-content:center}.portal-live{grid-column:2}.portal-result-copy small{white-space:normal;line-height:1.35}.process-menu-item{min-width:132px}.process-flow-node>b{display:none}.process-flow-core>span,.process-flow-core>strong{font-size:8px}.process-focus-tags span:nth-child(3){display:none}
}
@media(prefers-reduced-motion:reduce){
 .home-grid,.home-orb,.home-data-stream i,.section-atmosphere>span,.home-page .motion-section.section-live>.container,.process-focus-card.stage-swap{animation:none!important}.section-atmosphere>i{transform:none!important}.process-studio::after{transition:none!important}.process-flow-line i,.process-console-progress i{transition:none!important}
}

/* ==========================================================
   V19 — Minimal process, redesigned actions, calm scroll
   ========================================================== */

/* A new action palette: violet primary + teal secondary.
   Buttons remain glassy, but text is larger and steadier. */
.btn,
.flagship-action,
.service-open-ios,
.filter-chip,
.language-btn,
.icon-btn,
.dialog-close{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.btn{
  min-height:44px;
  padding:0 19px;
  border-radius:14px;
  font-size:13.5px;
  line-height:1.2;
  font-weight:720;
  letter-spacing:.012em;
  border:1px solid transparent;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 24px rgba(0,0,0,.18);
}
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.02) 45%,transparent 66%);
  opacity:.72;
  transform:none!important;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary,
body .product-card-ios .product-actions .btn-primary,
body .product-actions .btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#6557F5 0%,#7C5CFF 48%,#9A6BFF 100%);
  border-color:rgba(187,174,255,.34);
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 10px 26px rgba(101,87,245,.24);
}
body .btn-primary:hover,
body .product-card-ios .product-actions .btn-primary:hover,
body .product-actions .btn-primary:hover{
  color:#fff;
  background:linear-gradient(135deg,#7062FF 0%,#886AFF 52%,#A677FF 100%);
  border-color:rgba(211,202,255,.48);
  box-shadow:inset 0 1px rgba(255,255,255,.30),0 13px 30px rgba(112,92,255,.29),0 0 0 3px rgba(124,92,255,.06);
}
.btn-secondary,
body .product-card-ios .product-actions .btn-secondary,
body .product-actions .btn-secondary{
  color:#DFFCF7;
  background:linear-gradient(145deg,rgba(20,73,72,.72),rgba(14,39,43,.76));
  border-color:rgba(45,212,191,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 9px 24px rgba(0,0,0,.20);
}
body .btn-secondary:hover,
body .product-card-ios .product-actions .btn-secondary:hover,
body .product-actions .btn-secondary:hover{
  color:#F1FFFC;
  background:linear-gradient(145deg,rgba(25,91,87,.82),rgba(15,51,53,.82));
  border-color:rgba(45,212,191,.40);
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.22),0 0 0 3px rgba(45,212,191,.045);
}
.btn-ghost{
  color:#D9E0EB;
  background:rgba(20,26,37,.52);
  border-color:rgba(174,187,207,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.14);
}
.btn-ghost:hover{
  color:#fff;
  background:rgba(31,39,53,.72);
  border-color:rgba(190,202,220,.30);
}
.btn-sm{min-height:39px;padding:0 15px;border-radius:12px;font-size:12px}
.client-row .btn,.portal-open{font-size:11px;line-height:1.2;font-weight:720;letter-spacing:.01em}

/* Hero actions use the same palette while retaining their compact format. */
.flagship-action{
  min-height:38px;
  padding:0 13px;
  font-size:11.5px;
  line-height:1.2;
  font-weight:730;
  letter-spacing:.01em;
  border-radius:12px;
}
.flagship-explore{
  color:#fff!important;
  background:linear-gradient(135deg,#6557F5,#8A66FF)!important;
  border-color:rgba(190,178,255,.30)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 20px rgba(101,87,245,.20)!important;
}
body .flagship-explore:hover{
  background:linear-gradient(135deg,#7163FF,#9B73FF)!important;
  border-color:rgba(211,202,255,.44)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 11px 25px rgba(112,92,255,.26)!important;
}
.flagship-login{
  color:#DFFCF7!important;
  background:linear-gradient(145deg,rgba(18,71,69,.75),rgba(12,39,43,.82))!important;
  border-color:rgba(45,212,191,.24)!important;
}
body .flagship-login:hover{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(25,91,87,.84),rgba(15,50,52,.88))!important;
  border-color:rgba(45,212,191,.40)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.20)!important;
}
.btn:focus-visible,.flagship-action:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(124,92,255,.18),0 0 0 1px rgba(169,148,255,.58),0 10px 28px rgba(0,0,0,.24)!important;
}

/* Utility button text is easier to read without turning utility controls into CTAs. */
.service-open-ios{font-size:11px;font-weight:720;line-height:1.2;letter-spacing:.01em}
.filter-chip{font-size:10.5px;font-weight:700;line-height:1.15}
.language-btn{font-size:11px;font-weight:700}

/* Minimal process: five quiet steps, no stage console, no scroll-driven state. */
.process-studio{
  padding:14px;
  border-radius:24px;
  background:linear-gradient(150deg,rgba(18,26,38,.76),rgba(8,13,20,.88));
  border:1px solid rgba(179,207,230,.11);
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 52px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
}
.process-studio::before{opacity:.20;background-size:56px 56px}
.process-studio::after{display:none}
.process-minimal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;position:relative;z-index:1}
.process-minimal-step{
  min-width:0;
  min-height:166px;
  padding:15px;
  border-radius:18px;
  border:1px solid rgba(185,211,233,.08);
  background:rgba(12,19,28,.54);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:border-color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease);
}
.process-minimal-step:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--step-color) 26%,rgba(185,211,233,.08));
  background:color-mix(in srgb,var(--step-color) 5%,rgba(12,19,28,.68));
}
.process-minimal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.process-minimal-number{font-size:9px;font-weight:800;letter-spacing:.10em;color:#6F7D90}
.process-minimal-icon{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  color:var(--step-color);
  background:color-mix(in srgb,var(--step-color) 8%,rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb,var(--step-color) 20%,rgba(180,210,235,.06));
}
.process-minimal-icon svg{width:18px;height:18px}
.process-minimal-step h3{margin:0;font-size:14px;line-height:1.25;letter-spacing:-.015em;color:#F1F5FA;font-weight:710}
.process-minimal-step p{margin:7px 0 0;font-size:11.2px;line-height:1.55;color:#8E9CAF;max-width:26ch}
.process-entered .process-minimal-step{animation:processMinimalIn .48s var(--ease) backwards;animation-delay:calc(var(--step) * 55ms)}
@keyframes processMinimalIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Calm scrolling: the ambient background keeps animating on its own.
   Only content items reveal; no page progress line and no scroll-linked background shift. */
.scroll-progress{display:none!important}
.section-atmosphere>i,.section-atmosphere>i:nth-child(2){transform:none!important;transition:none!important}
.home-page .motion-section.section-live>.container{animation:none!important}
.motion-ready .reveal,
.motion-ready .reveal.reveal-left:not(.visible),
.motion-ready .reveal.reveal-up:not(.visible),
.motion-ready .reveal.reveal-scale:not(.visible){
  opacity:0;
  transform:translate3d(0,18px,0);
  filter:none;
  transition:opacity .62s var(--ease),transform .68s var(--ease);
  transition-delay:var(--stagger,0ms);
}
.motion-ready .reveal.visible{opacity:1;transform:none;filter:none}

@media(max-width:900px){
  .process-minimal{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .process-studio{padding:10px;border-radius:20px}
  .process-minimal{grid-template-columns:1fr 1fr;gap:8px}
  .process-minimal-step{min-height:145px;padding:13px;border-radius:16px}
  .process-minimal-top{margin-bottom:17px}
  .process-minimal-step h3{font-size:13px}
  .process-minimal-step p{font-size:10.8px}
  .btn{min-height:43px;font-size:13px;padding:0 16px}
}
@media(max-width:390px){
  .process-minimal{grid-template-columns:1fr}
  .process-minimal-step{min-height:auto}
}
@media(prefers-reduced-motion:reduce){
  .process-entered .process-minimal-step{animation:none!important}
}


/* ==========================================================
   V20 — Brand-aligned controls, fixed full-screen atmosphere,
   cleaner service cards and process motion without layout change.
   ========================================================== */

:root{
  --zent-blue:#067CD5;
  --zent-blue-deep:#0866E4;
  --zent-cyan:#00B3B3;
  --zent-cyan-bright:#13C5C5;
  --zent-ink:#07121D;
}

/* ----------------------------------------------------------
   Pinned homepage background — one full-screen visual layer.
   No section-local signal lines or scroll-linked background shifts.
   ---------------------------------------------------------- */
.home-page{
  background:#05090f;
  min-height:100%;
}
.home-page main,
.home-page .footer,
.home-page .site-nav{position:relative;z-index:2}
.home-page main>section,
.home-page .hero,
.home-page .motion-section{
  background:transparent!important;
}
.home-page .motion-section{overflow:visible}
.section-atmosphere{display:none!important}
.home-atmosphere{
  position:fixed!important;
  inset:0!important;
  width:100vw;
  height:100svh;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:1;
  background:
    radial-gradient(ellipse 70% 48% at 48% 46%,rgba(0,179,179,.045),transparent 72%),
    radial-gradient(ellipse 60% 46% at 56% 58%,rgba(6,124,213,.055),transparent 76%),
    linear-gradient(180deg,#05090f 0%,#06101a 48%,#05090f 100%);
  transform:none!important;
}
.home-atmosphere::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 24%,rgba(38,211,222,.25) 0 1px,transparent 1.8px),
    radial-gradient(circle at 77% 16%,rgba(46,154,255,.22) 0 1px,transparent 1.8px),
    radial-gradient(circle at 72% 71%,rgba(0,179,179,.19) 0 1px,transparent 1.8px),
    radial-gradient(circle at 28% 82%,rgba(38,154,255,.18) 0 1px,transparent 1.8px);
  background-size:190px 190px,230px 230px,250px 250px,280px 280px;
  opacity:.28;
  animation:zentConstellation 18s ease-in-out infinite alternate;
}
.home-atmosphere::after{
  content:"";
  position:absolute;
  width:74vw;
  height:74vw;
  max-width:980px;
  max-height:980px;
  left:50%;
  top:51%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(35,188,213,.035);
  box-shadow:
    0 0 0 88px rgba(6,124,213,.014),
    0 0 0 176px rgba(0,179,179,.010);
  opacity:.7;
  animation:zentHalo 12s ease-in-out infinite alternate;
}
.home-grid{
  position:absolute;
  inset:-16%;
  background-image:
    linear-gradient(rgba(74,188,229,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,188,229,.018) 1px,transparent 1px);
  background-size:72px 72px;
  transform:perspective(900px) rotateX(66deg) translateY(33%);
  transform-origin:center bottom;
  mask-image:linear-gradient(to bottom,transparent 7%,#000 30%,rgba(0,0,0,.58) 65%,transparent 96%);
  animation:zentGridFloat 28s linear infinite;
}
.home-orb{filter:blur(42px);opacity:.16;will-change:transform}
.home-orb.orb-one{background:radial-gradient(circle,#0866E4,transparent 68%);animation:zentOrbOne 20s ease-in-out infinite alternate}
.home-orb.orb-two{background:radial-gradient(circle,#00B3B3,transparent 68%);animation:zentOrbTwo 24s ease-in-out infinite alternate}
.home-orb.orb-three{background:radial-gradient(circle,#078CD0,transparent 68%);animation:zentOrbThree 22s ease-in-out infinite alternate}
.home-data-stream{display:none!important}
.home-particles{position:absolute;inset:0}
.home-particles i{
  position:absolute;
  width:3px;height:3px;border-radius:50%;
  background:rgba(176,244,255,.72);
  box-shadow:0 0 9px rgba(0,179,179,.5);
  opacity:.18;
  animation:zentParticle 8s ease-in-out infinite alternate;
}
.home-particles i:nth-child(1){left:8%;top:18%;animation-delay:-1s}.home-particles i:nth-child(2){left:19%;top:63%;animation-delay:-4s}.home-particles i:nth-child(3){left:31%;top:34%;animation-delay:-2s}.home-particles i:nth-child(4){left:42%;top:78%;animation-delay:-6s}.home-particles i:nth-child(5){left:53%;top:21%;animation-delay:-3s}.home-particles i:nth-child(6){left:64%;top:56%;animation-delay:-7s}.home-particles i:nth-child(7){left:76%;top:31%;animation-delay:-2.5s}.home-particles i:nth-child(8){left:87%;top:70%;animation-delay:-5s}.home-particles i:nth-child(9){left:93%;top:24%;animation-delay:-1.5s}.home-particles i:nth-child(10){left:13%;top:84%;animation-delay:-6.5s}.home-particles i:nth-child(11){left:58%;top:88%;animation-delay:-4.5s}.home-particles i:nth-child(12){left:82%;top:47%;animation-delay:-3.5s}
@keyframes zentConstellation{to{opacity:.4;transform:scale(1.018)}}
@keyframes zentHalo{to{opacity:.95;transform:translate(-50%,-50%) scale(1.035)}}
@keyframes zentGridFloat{to{background-position:72px 72px}}
@keyframes zentOrbOne{to{transform:translate3d(10vw,7vh,0) scale(1.1)}}
@keyframes zentOrbTwo{to{transform:translate3d(-8vw,-7vh,0) scale(1.12)}}
@keyframes zentOrbThree{to{transform:translate3d(5vw,-8vh,0) scale(1.08)}}
@keyframes zentParticle{0%{transform:translate3d(0,0,0) scale(.72);opacity:.08}100%{transform:translate3d(12px,-18px,0) scale(1.2);opacity:.5}}

/* Content scrolls; the fixed visual layer never reacts to scroll position. */
.home-page .motion-section.section-live>.container{animation:none!important}
.motion-ready .reveal,
.motion-ready .reveal.reveal-up:not(.visible),
.motion-ready .reveal.reveal-left:not(.visible),
.motion-ready .reveal.reveal-scale:not(.visible){
  transform:translate3d(0,16px,0);
  filter:none;
}
.motion-ready .reveal.visible{transform:none;filter:none}
.scroll-progress{display:none!important}

/* ----------------------------------------------------------
   Buttons — derived from the actual ZentSoft blue/cyan logo.
   ---------------------------------------------------------- */
.btn,
.flagship-action,
.service-open-ios,
.filter-chip,
.language-btn,
.icon-btn,
.dialog-close{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.btn{
  min-height:44px;
  border-radius:14px;
  font-size:13.5px;
  font-weight:730;
  letter-spacing:.01em;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 24px rgba(0,0,0,.19);
}
.btn-primary,
body .product-card-ios .product-actions .btn-primary,
body .product-actions .btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--zent-blue-deep) 0%,var(--zent-blue) 48%,var(--zent-cyan) 100%)!important;
  border-color:rgba(91,222,231,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 11px 28px rgba(5,126,204,.26)!important;
}
body .btn-primary:hover,
body .product-card-ios .product-actions .btn-primary:hover,
body .product-actions .btn-primary:hover{
  background:linear-gradient(135deg,#0A70EC 0%,#068AD5 48%,#12C3C3 100%)!important;
  border-color:rgba(151,244,247,.48)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.31),0 14px 32px rgba(0,150,195,.29),0 0 0 3px rgba(0,179,179,.055)!important;
}
.btn-secondary,
body .product-card-ios .product-actions .btn-secondary,
body .product-actions .btn-secondary{
  color:#DDFBFF!important;
  background:linear-gradient(145deg,rgba(8,53,75,.82),rgba(5,35,49,.82))!important;
  border-color:rgba(0,179,179,.29)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 9px 24px rgba(0,0,0,.20)!important;
}
body .btn-secondary:hover,
body .product-card-ios .product-actions .btn-secondary:hover,
body .product-actions .btn-secondary:hover{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(8,76,96,.9),rgba(5,48,63,.9))!important;
  border-color:rgba(51,214,214,.48)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.23),0 0 0 3px rgba(0,179,179,.045)!important;
}
.btn-ghost{
  color:#CDECF4;
  background:rgba(7,25,37,.42);
  border-color:rgba(71,183,216,.22);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
}
.btn-ghost:hover{color:#fff;background:rgba(7,42,56,.58);border-color:rgba(71,211,221,.38)}
.flagship-explore{
  color:#fff!important;
  background:linear-gradient(135deg,var(--zent-blue-deep),var(--zent-blue) 52%,var(--zent-cyan))!important;
  border-color:rgba(91,222,231,.31)!important;
}
body .flagship-explore:hover{background:linear-gradient(135deg,#0A70EC,#068AD5 52%,#12C3C3)!important;border-color:rgba(151,244,247,.48)!important}
.flagship-login{
  color:#DDFBFF!important;
  background:linear-gradient(145deg,rgba(8,53,75,.78),rgba(4,38,50,.82))!important;
  border-color:rgba(0,179,179,.30)!important;
}
body .flagship-login:hover{background:linear-gradient(145deg,rgba(8,76,96,.9),rgba(5,48,63,.9))!important;border-color:rgba(51,214,214,.48)!important}
.btn:focus-visible,.flagship-action:focus-visible,.service-open-ios:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(0,179,179,.14),0 0 0 1px rgba(72,223,231,.60),0 10px 28px rgba(0,0,0,.24)!important;
}
.filter-chip.active{
  background:rgba(0,179,179,.10)!important;
  border-color:rgba(0,179,179,.27)!important;
  color:#79E7E7!important;
}

/* ----------------------------------------------------------
   Services — clean title hierarchy and aligned equal-height cards.
   ---------------------------------------------------------- */
.services-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.service-card-ios{
  min-height:226px;
  height:100%;
  padding:17px;
  grid-template-rows:auto 1fr auto;
  border-radius:22px;
}
.service-card-ios .service-head{
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:50px;
}
.service-card-ios .service-title-group{min-width:0}
.service-card-ios .service-title-group small{display:none!important}
.service-card-ios h3{
  margin:0;
  font-size:15px;
  line-height:1.28;
  letter-spacing:-.012em;
  font-weight:720;
  color:#F4F8FB;
}
.service-card-ios .service-object-icon{
  width:48px;
  height:48px;
  border-radius:15px;
}
.service-card-ios .service-object-icon svg{width:32px;height:32px}
.service-card-ios p{
  margin:14px 0 16px;
  max-width:none;
  font-size:11.8px;
  line-height:1.6;
  color:#9EABBA;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.service-open-ios{
  justify-self:start;
  min-height:34px;
  padding:0 11px;
  border-radius:11px;
  color:#CFFBFD;
  background:linear-gradient(145deg,rgba(7,64,82,.72),rgba(6,39,54,.66));
  border-color:rgba(0,179,179,.25);
  font-size:10.8px;
  font-weight:720;
}
.service-open-ios:hover{
  color:#fff;
  background:linear-gradient(145deg,rgba(7,82,101,.82),rgba(6,48,62,.78));
  border-color:rgba(42,210,217,.42);
}
.service-open-ios .open-arrow{color:#35D7DC}

/* ----------------------------------------------------------
   Process — exact V19 structure retained; animation only.
   ---------------------------------------------------------- */
.process-minimal-step{
  position:relative;
  overflow:hidden;
  will-change:transform,opacity;
}
.process-minimal-step::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-70px;
  top:-74px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--step-color) 16%,transparent),transparent 68%);
  opacity:0;
  transform:scale(.75);
  transition:opacity .45s var(--ease),transform .6s var(--ease);
  pointer-events:none;
}
.process-entered .process-minimal-step{
  animation:processV20Enter .62s var(--ease) backwards;
  animation-delay:calc(var(--step) * 85ms);
}
.process-entered .process-minimal-step::after{
  opacity:.72;
  transform:scale(1);
  transition-delay:calc(var(--step) * 95ms + 170ms);
}
.process-entered .process-minimal-icon{
  animation:processIconSettle .7s var(--ease) backwards;
  animation-delay:calc(var(--step) * 85ms + 90ms);
}
.process-minimal-step:hover .process-minimal-icon{
  transform:translateY(-2px) scale(1.045);
  box-shadow:0 0 22px color-mix(in srgb,var(--step-color) 17%,transparent);
}
@keyframes processV20Enter{
  from{opacity:0;transform:translate3d(0,20px,0) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes processIconSettle{
  0%{opacity:0;transform:scale(.78) rotate(-4deg)}
  70%{opacity:1;transform:scale(1.06) rotate(0)}
  100%{opacity:1;transform:none}
}

@media(max-width:1100px){
  .services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .service-card-ios{min-height:210px;padding:15px}
}
@media(max-width:480px){
  .services-grid{grid-template-columns:1fr}
  .service-card-ios{min-height:180px}
}
@media(prefers-reduced-motion:reduce){
  .home-grid,.home-orb,.home-atmosphere::before,.home-atmosphere::after,.home-particles i{animation:none!important}
  .process-entered .process-minimal-step,.process-entered .process-minimal-icon{animation:none!important}
}

/* V20 final fixed-layer isolation and utility-control brand treatment */
.home-page main,.home-page .footer{position:relative;z-index:2}
.home-page .site-nav{position:fixed;z-index:100}
.home-page .hero::before,
.home-page .hero::after,
.home-page .intelligence-field,
.home-page .motion-section::before,
.home-page .services-ios-section::before{display:none!important}

.language-btn,.icon-btn,.dialog-close{
  color:#D9F7FB;
  background:linear-gradient(145deg,rgba(8,48,66,.74),rgba(7,28,40,.82));
  border-color:rgba(45,181,204,.22);
}
.language-btn:hover,.icon-btn:hover,.dialog-close:hover{
  color:#fff;
  background:linear-gradient(145deg,rgba(8,68,86,.86),rgba(6,38,50,.90));
  border-color:rgba(38,207,216,.38);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.20);
}
.filter-chip{
  color:#9EB9C2;
  background:rgba(7,28,40,.70);
  border-color:rgba(55,145,174,.18);
}
.filter-chip:hover{
  color:#E9FDFF;
  background:rgba(7,49,62,.82);
  border-color:rgba(32,191,202,.30);
}


/* ==========================================================
   V21 — subtle fixed background enrichment only
   Keeps all V20 foreground layout, content and interactions.
   ========================================================== */
.home-page .home-atmosphere{
  background:
    radial-gradient(ellipse 64% 48% at 11% 11%,rgba(0,132,255,.095),transparent 70%),
    radial-gradient(ellipse 58% 44% at 89% 20%,rgba(0,194,190,.075),transparent 72%),
    radial-gradient(ellipse 50% 42% at 70% 86%,rgba(64,101,255,.060),transparent 74%),
    radial-gradient(ellipse 48% 38% at 34% 66%,rgba(0,179,179,.038),transparent 76%),
    linear-gradient(145deg,#040810 0%,#06111c 42%,#051019 66%,#04080f 100%);
}
.home-page .home-atmosphere::before{
  opacity:.30;
  background:
    radial-gradient(circle at 15% 24%,rgba(93,226,236,.28) 0 1px,transparent 1.8px),
    radial-gradient(circle at 77% 16%,rgba(70,166,255,.25) 0 1px,transparent 1.8px),
    radial-gradient(circle at 72% 71%,rgba(36,220,211,.20) 0 1px,transparent 1.8px),
    radial-gradient(circle at 28% 82%,rgba(66,157,255,.20) 0 1px,transparent 1.8px),
    radial-gradient(circle at 49% 38%,rgba(120,203,255,.14) 0 .8px,transparent 1.6px);
  background-size:190px 190px,230px 230px,250px 250px,280px 280px,320px 320px;
}
.home-page .home-atmosphere::after{
  width:min(78vw,1040px);
  height:min(78vw,1040px);
  border-color:rgba(61,205,222,.042);
  box-shadow:
    0 0 0 82px rgba(0,132,255,.015),
    0 0 0 164px rgba(0,179,179,.010),
    inset 0 0 90px rgba(0,164,218,.012);
}
.home-page .home-grid{
  opacity:.86;
  background-image:
    linear-gradient(rgba(76,193,231,.017) 1px,transparent 1px),
    linear-gradient(90deg,rgba(76,193,231,.017) 1px,transparent 1px);
  background-size:76px 76px;
}
.home-page .home-orb{opacity:.17;filter:blur(48px)}
.home-page .home-orb.orb-one{background:radial-gradient(circle,rgba(0,119,255,.95),rgba(0,119,255,0) 68%)}
.home-page .home-orb.orb-two{background:radial-gradient(circle,rgba(0,203,195,.90),rgba(0,203,195,0) 68%)}
.home-page .home-orb.orb-three{background:radial-gradient(circle,rgba(44,132,220,.82),rgba(44,132,220,0) 68%)}

/* Tiny software-category markers: intentionally faint and local, never full-width. */
.home-tech-marks,.home-system-nodes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tech-mark{
  position:absolute;
  display:grid;
  place-items:center;
  min-width:34px;
  height:24px;
  padding:0 8px;
  border:1px solid rgba(91,220,231,.10);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(7,42,57,.16),rgba(5,22,33,.08));
  color:rgba(178,241,247,.34);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 30px rgba(0,0,0,.04);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.08em;
  opacity:.32;
  animation:zentTechDrift 13s ease-in-out infinite alternate;
}
.tech-mark.mark-code{left:6.5%;top:34%;font-size:10px;animation-delay:-2s}
.tech-mark.mark-api{right:8%;top:31%;animation-delay:-8s}
.tech-mark.mark-data{left:17%;bottom:16%;animation-delay:-5s}
.tech-mark.mark-db{right:18%;bottom:19%;animation-delay:-10s}
.tech-mark.mark-ux{left:44%;top:13%;animation-delay:-4s}
.tech-mark.mark-flow{right:39%;bottom:10%;min-width:46px;animation-delay:-7s}

.home-system-nodes i{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:4px;
  border:1px solid rgba(69,218,225,.12);
  background:rgba(7,33,45,.16);
  box-shadow:0 0 18px rgba(0,179,179,.06),inset 0 0 0 3px rgba(71,196,221,.018);
  opacity:.42;
  animation:zentNodePulse 9s ease-in-out infinite alternate;
}
.home-system-nodes i::after{
  content:"";
  position:absolute;
  width:3px;height:3px;border-radius:50%;
  left:4px;top:4px;
  background:rgba(130,238,242,.52);
  box-shadow:0 0 8px rgba(0,210,210,.34);
}
.home-system-nodes i:nth-child(1){left:10%;top:58%;animation-delay:-1s}
.home-system-nodes i:nth-child(2){left:36%;top:24%;animation-delay:-5s}
.home-system-nodes i:nth-child(3){right:28%;top:42%;animation-delay:-3s}
.home-system-nodes i:nth-child(4){right:9%;bottom:31%;animation-delay:-7s}
.home-system-nodes i:nth-child(5){left:54%;bottom:18%;animation-delay:-4s}

@keyframes zentTechDrift{
  0%{transform:translate3d(0,0,0);opacity:.20}
  55%{opacity:.38}
  100%{transform:translate3d(7px,-9px,0);opacity:.25}
}
@keyframes zentNodePulse{
  0%{transform:scale(.84) rotate(0deg);opacity:.20}
  60%{opacity:.46}
  100%{transform:scale(1.08) rotate(8deg);opacity:.28}
}

@media(max-width:760px){
  .tech-mark{opacity:.20;transform:scale(.88)}
  .tech-mark.mark-ux,.tech-mark.mark-flow,.home-system-nodes i:nth-child(2){display:none}
  .home-page .home-grid{opacity:.58}
}
@media(prefers-reduced-motion:reduce){
  .home-tech-marks .tech-mark,.home-system-nodes i{animation:none!important}
}


/* ==========================================================
   Public V24 — readability-only typography refinement.
   Large titles/headings intentionally remain unchanged.
   ========================================================== */
body{font-size:15px}
.section-lead{font-size:17px;line-height:1.68}
.link-arrow{font-size:13.5px}
.proof-chip{font-size:12px;line-height:1.35}
.momentum-chart small,.metric-mini small{font-size:10.5px}
.service-card-ios p{font-size:13px;line-height:1.62}
.service-open-ios{font-size:12px;min-height:36px;padding:0 12px}
.product-card-ios .product-heading small{font-size:10.5px}
.product-purpose p{font-size:13px!important;line-height:1.6!important}
.product-card-ios .product-core-features span{font-size:12px;line-height:1.4}
.product-card-ios .product-offer-clean small{font-size:10.5px}
.product-card-ios .product-price-note-clean{font-size:10.8px!important;line-height:1.5!important}
.product-card-ios .product-actions .btn{font-size:12px}
.finder-meta{font-size:12px}.filter-chip{font-size:11.5px}
.client-main b{font-size:13px}.client-main small,.client-product small{font-size:10.5px}.client-product b{font-size:12px}.status-dot-pill{font-size:10.5px}.client-row .btn,.portal-open{font-size:12px}
.principle-card p{font-size:13.5px}.principle-traits span{font-size:10.5px}
.story-card footer b{font-size:13px}.story-card footer small{font-size:11.5px}
.process-minimal-number{font-size:10.5px}.process-minimal-step p{font-size:12.5px;line-height:1.6}
.cta p{font-size:14px;line-height:1.6}
.footer p,.footer a{font-size:12.5px}.footer h4{font-size:12.5px}.copyright{font-size:11px;line-height:1.5}
.flagship-action{font-size:12.5px}.language-btn{font-size:12px}
@media(max-width:480px){
  .hero p{font-size:15.5px;line-height:1.58}
  .hero-actions .btn{font-size:12.5px}
  .proof-chip{font-size:10.5px}
  .service-card-ios p{font-size:13px}
  .process-minimal-step p{font-size:12px}
}


/* =========================================================
   V25 · AUTHENTIC SOCIAL LINKS + FIXED WHATSAPP CHAT
   Public website only. Admin styles are intentionally untouched.
   ========================================================= */
.socials{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.socials .social-link{width:40px;height:40px;border:0;border-radius:12px;display:inline-grid;place-items:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .22s var(--ease);isolation:isolate}
.socials .social-link svg{width:20px;height:20px;display:block;position:relative;z-index:1}
.socials .social-instagram{background:radial-gradient(circle at 30% 105%,#fdf497 0 5%,#fdf497 6%,#fd5949 38%,#d6249f 62%,#285AEB 92%)}
.socials .social-youtube{background:#ff0000}
.socials .social-linkedin{background:#0a66c2}
.socials .social-whatsapp{background:#25d366}
.socials .social-link::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 45%);opacity:.72;pointer-events:none}
@media (hover:hover) and (pointer:fine){
 .socials .social-link:hover{transform:translateY(-3px) scale(1.04);filter:saturate(1.08);box-shadow:0 12px 28px rgba(0,0,0,.25)}
}
.socials .social-link:focus-visible,.whatsapp-float:focus-visible{outline:3px solid rgba(100,210,255,.9);outline-offset:3px}

.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:130;min-height:60px;display:flex;align-items:center;gap:11px;padding:8px 15px 8px 8px;border-radius:999px;background:linear-gradient(135deg,#25d366,#16b956);color:#fff!important;text-decoration:none!important;box-shadow:0 16px 42px rgba(13,86,45,.33),0 4px 14px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.24);transition:transform .24s var(--ease),box-shadow .24s var(--ease),filter .24s var(--ease);isolation:isolate}
.whatsapp-float-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);flex:none;position:relative;z-index:1}
.whatsapp-float-icon svg{width:25px;height:25px;display:block}
.whatsapp-float-copy{display:grid;line-height:1.08;position:relative;z-index:1;padding-right:3px}
.whatsapp-float-copy b{font-size:12.5px;font-weight:800;letter-spacing:.005em;color:#fff}
.whatsapp-float-copy small{font-size:10.5px;font-weight:650;color:rgba(255,255,255,.82);margin-top:4px}
.whatsapp-online-dot{position:absolute;left:43px;top:8px;width:11px;height:11px;border-radius:50%;background:#d9ffe7;border:2px solid #20c85f;z-index:2;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.whatsapp-float-pulse{position:absolute;left:8px;top:8px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);animation:zsWhatsappPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes zsWhatsappPulse{0%{transform:scale(.92);opacity:.72}70%,100%{transform:scale(1.65);opacity:0}}
@media (hover:hover) and (pointer:fine){
 .whatsapp-float:hover{transform:translateY(-4px);filter:saturate(1.05);box-shadow:0 20px 52px rgba(13,86,45,.4),0 6px 18px rgba(0,0,0,.24)}
}
@media (max-width:700px){
 .whatsapp-float{right:14px;bottom:14px;width:56px;height:56px;min-height:56px;padding:6px;border-radius:50%;justify-content:center}
 .whatsapp-float-icon{width:44px;height:44px}
 .whatsapp-float-copy{display:none}
 .whatsapp-online-dot{left:auto;right:2px;top:2px}
 .whatsapp-float-pulse{left:6px;top:6px}
 .socials .social-link{width:42px;height:42px}
}
@media (prefers-reduced-motion:reduce){.whatsapp-float-pulse{animation:none}.socials .social-link,.whatsapp-float{transition:none}}

/* V26 — Live Momentum section size refinement only */
.momentum-feature{
  padding:14px 0 24px;
}
.momentum-feature .momentum-grid{
  gap:10px;
}
.momentum-feature .intel-card{
  padding:14px 15px;
  border-radius:20px;
}
.momentum-feature .momentum-slim,
.momentum-feature .featured-rotator{
  min-height:152px;
}
.momentum-feature .momentum-title h3{
  font-size:18px;
}
.momentum-feature .momentum-inline{
  gap:14px;
  margin-top:8px;
}
.momentum-feature .momentum-spark{
  height:54px;
}
.momentum-feature .momentum-facts span{
  min-width:68px;
  padding:7px 9px;
}
.momentum-feature .momentum-facts b{
  font-size:12.5px;
}
.momentum-feature .momentum-facts small{
  font-size:8px;
}
.momentum-feature .feature-rotate-icon{
  width:46px;
  height:46px;
  border-radius:14px;
}
.momentum-feature .feature-rotate-icon svg{
  width:22px;
  height:22px;
}
.momentum-feature .feature-rotate-copy h3{
  font-size:16px;
}
.momentum-feature .feature-dots{
  bottom:9px;
}
@media(max-width:1100px){
  .momentum-feature .featured-rotator{min-height:144px}
}
@media(max-width:760px){
  .momentum-feature{padding:12px 0 20px}
  .momentum-feature .momentum-slim,
  .momentum-feature .featured-rotator{min-height:140px}
  .momentum-feature .momentum-spark{height:48px}
}


/* V27 — Live Momentum visual refresh only */
.momentum-feature .momentum-v27{
  position:relative;
  overflow:hidden;
  padding:15px 16px;
  border-color:rgba(63,157,255,.18);
  background:
    radial-gradient(circle at 8% 12%,rgba(10,132,255,.10),transparent 31%),
    radial-gradient(circle at 88% 82%,rgba(82,230,168,.07),transparent 30%),
    linear-gradient(145deg,rgba(17,25,38,.96),rgba(12,19,30,.94));
}
.momentum-feature .momentum-v27::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 26%,rgba(255,255,255,.025) 48%,transparent 70%);
  transform:translateX(-65%);animation:momentumV27Sheen 8s ease-in-out infinite;
}
.momentum-v27-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1}
.momentum-v27-head h3{font-size:17px;margin:2px 0 0;letter-spacing:-.02em}
.momentum-v27-body{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:stretch;gap:12px;margin-top:10px;position:relative;z-index:1}
.momentum-v27-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.momentum-metric{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:10px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.momentum-metric-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:rgba(10,132,255,.10);color:#64b5ff;border:1px solid rgba(10,132,255,.14)}
.momentum-metric-icon svg{width:17px;height:17px}
.momentum-metric--projects .momentum-metric-icon{background:rgba(50,215,255,.09);color:#57dfff;border-color:rgba(50,215,255,.13)}
.momentum-metric--platform .momentum-metric-icon{background:rgba(82,230,168,.08);color:#63e9ae;border-color:rgba(82,230,168,.13)}
.momentum-metric-copy{display:block;min-width:0}
.momentum-metric-copy b{display:block;font-size:16px;line-height:1.05;letter-spacing:-.02em;color:#f4f8ff}
.momentum-metric-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.2;color:#98a7bb;font-weight:650;letter-spacing:.015em}
.momentum-platform-dot{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#52e6a8;box-shadow:0 0 0 4px rgba(82,230,168,.08),0 0 12px rgba(82,230,168,.4);animation:momentumV27Pulse 2.4s ease-in-out infinite}
.momentum-v27-signal{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:9px 10px 7px;border-radius:14px;border:1px solid rgba(83,163,255,.10);background:rgba(4,11,20,.30)}
.momentum-signal-label{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.momentum-signal-label span{font-size:9px;font-weight:760;color:#dce8f8;text-transform:uppercase;letter-spacing:.10em}
.momentum-signal-label small{font-size:8px;color:#75869e;white-space:nowrap}
.momentum-mini-chart{height:49px;margin-top:3px}
.momentum-mini-chart svg{width:100%;height:100%;overflow:visible}
@media(hover:hover) and (pointer:fine){
  .momentum-metric:hover{transform:translateY(-2px);border-color:rgba(81,174,255,.20);background:rgba(255,255,255,.04)}
}
@keyframes momentumV27Sheen{0%,68%,100%{transform:translateX(-65%);opacity:0}78%{opacity:1}90%{transform:translateX(75%);opacity:0}}
@keyframes momentumV27Pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.18);opacity:1}}
@media(max-width:900px){
  .momentum-v27-body{grid-template-columns:1fr}
  .momentum-v27-signal{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:7px 10px}
  .momentum-mini-chart{height:36px;margin:0}
}
@media(max-width:560px){
  .momentum-v27-head h3{font-size:16px}
  .momentum-v27-metrics{grid-template-columns:repeat(3,1fr);gap:5px}
  .momentum-metric{display:block;text-align:center;padding:8px 5px}
  .momentum-metric-icon{width:29px;height:29px;margin:0 auto 6px}
  .momentum-metric-copy b{font-size:13px}
  .momentum-metric-copy small{font-size:9px}
  .momentum-platform-dot{right:6px;top:6px}
  .momentum-signal-label small{display:none}
}
@media(prefers-reduced-motion:reduce){.momentum-feature .momentum-v27::after,.momentum-platform-dot{animation:none}}


/* V30 — Process + Principle colorful cards and featured product logo refinement */
.principle-grid{gap:16px}
.principle-card{position:relative;overflow:hidden;padding:24px;border-radius:24px;min-height:220px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,#101722,#0d1420);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.principle-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.10),transparent 28%);opacity:.85}
.principle-card--clarity{background:linear-gradient(145deg,rgba(10,132,255,.16),rgba(50,215,255,.08) 42%,#101722 100%)}
.principle-card--trust{background:linear-gradient(145deg,rgba(48,209,88,.15),rgba(82,230,168,.07) 42%,#101722 100%)}
.principle-card--evolve{background:linear-gradient(145deg,rgba(175,82,222,.16),rgba(124,92,255,.08) 42%,#101722 100%)}
.principle-card .principle-icon{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;margin-bottom:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.10);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 26px rgba(0,0,0,.16)}
.principle-card--clarity .principle-icon{color:#7cd9ff;background:linear-gradient(145deg,rgba(10,132,255,.25),rgba(50,215,255,.18))}
.principle-card--trust .principle-icon{color:#8af0bc;background:linear-gradient(145deg,rgba(48,209,88,.24),rgba(82,230,168,.16))}
.principle-card--evolve .principle-icon{color:#d6b3ff;background:linear-gradient(145deg,rgba(175,82,222,.25),rgba(124,92,255,.16))}
.principle-card .principle-icon svg{width:26px;height:26px}
.principle-card h3{font-size:21px;letter-spacing:-.03em;margin:0 0 10px;color:#f5f8fc}
.principle-card p{color:#c5d0de;font-size:13.4px;line-height:1.68;margin:0;max-width:34ch}
.principle-traits{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.principle-traits span{padding:8px 11px;border-radius:999px;font-size:10.2px;font-weight:640;color:#eef5ff;background:rgba(7,14,24,.30);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}

.process-studio{padding:0;border:none;background:transparent;box-shadow:none;overflow:visible}
.process-studio::before,.process-studio::after{display:none!important}
.process-minimal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.process-minimal-step{position:relative;overflow:hidden;min-height:174px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,rgba(18,25,38,.98),rgba(10,16,25,.96));box-shadow:0 16px 36px rgba(0,0,0,.16);isolation:isolate;transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease)}
.process-minimal-step::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:1;background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 18%,transparent),transparent 58%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--step-color) 22%,transparent),transparent 42%);z-index:-1}
.process-minimal-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--step-color) 62%,#fff),var(--step-color));opacity:.96}
.process-minimal-step:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--step-color) 50%,rgba(255,255,255,.18));box-shadow:0 18px 38px rgba(0,0,0,.22)}
.process-minimal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.process-minimal-number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:30px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--step-color) 16%,rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--step-color) 35%,rgba(255,255,255,.10));color:#eff4fc;font-size:10px;font-weight:800;letter-spacing:.10em}
.process-minimal-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--step-color) 88%,#fff),var(--step-color));border:none;box-shadow:0 14px 28px color-mix(in srgb,var(--step-color) 26%,transparent);color:#fff}
.process-minimal-icon svg{width:22px;height:22px}
.process-minimal-step h3{margin:0;font-size:15px;line-height:1.28;letter-spacing:-.02em;color:#f4f8ff;font-weight:760}
.process-minimal-step p{margin:8px 0 0;font-size:12.4px;line-height:1.6;color:#c0c9d6;max-width:none}

.momentum-feature .featured-rotator{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.momentum-feature .feature-rotate-icon{width:62px;height:62px;padding:7px;border-radius:18px;overflow:visible;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(236,245,255,.82));border:1px solid rgba(255,255,255,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 14px 30px rgba(8,17,28,.18)}
.momentum-feature .feature-rotate-icon svg{width:26px;height:26px}
.momentum-feature .feature-rotate-icon .product-logo-img{display:block;width:100%;height:100%;padding:4px;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 10px rgba(14,23,36,.10))}
@media(max-width:980px){.process-minimal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.process-minimal{grid-template-columns:1fr 1fr;gap:10px}.process-minimal-step{min-height:160px;padding:16px}.principle-card{padding:20px}.momentum-feature .feature-rotate-icon{width:58px;height:58px}}
@media(max-width:520px){.process-minimal{grid-template-columns:1fr}.principle-card{min-height:auto}.process-minimal-step{min-height:auto}.principle-card p,.process-minimal-step p{font-size:12px}}


/* V31 — colorful Services, desktop WhatsApp popover, featured logo parity */
.services-ios-section .service-card-ios{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--svc) 38%,rgba(255,255,255,.10));background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--svc) 24%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--svc) 20%,#142031),color-mix(in srgb,var(--svc) 7%,#0d151f) 52%,#0b1119 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.18)}
.services-ios-section .service-card-ios::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.82;background:linear-gradient(118deg,color-mix(in srgb,var(--svc) 8%,transparent),transparent 44%),radial-gradient(180px circle at 8% 100%,color-mix(in srgb,var(--svc) 13%,transparent),transparent 70%)}
.services-ios-section .service-card-ios::after{content:"";display:block;position:absolute;left:17px;right:17px;bottom:0;height:3px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,var(--svc),color-mix(in srgb,var(--svc) 48%,#fff));opacity:.88}
.services-ios-section .service-card-ios .service-object-icon{width:54px;height:54px;border-radius:17px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--svc) 86%,#fff 5%),color-mix(in srgb,var(--svc) 70%,#0d1724));border:1px solid color-mix(in srgb,var(--svc) 70%,rgba(255,255,255,.30));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px color-mix(in srgb,var(--svc) 26%,transparent)}
.services-ios-section .service-card-ios .service-object-icon svg{width:36px;height:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.14))}
.services-ios-section .service-card-ios h3{color:#fff;font-size:15.5px}.services-ios-section .service-card-ios p{color:#c1ccda}
.services-ios-section .service-open-ios{position:relative;z-index:2;border-color:color-mix(in srgb,var(--svc) 38%,rgba(255,255,255,.10));background:color-mix(in srgb,var(--svc) 14%,rgba(8,15,24,.62));color:#f7fbff}.services-ios-section .service-open-ios .open-arrow{color:#fff;background:color-mix(in srgb,var(--svc) 40%,rgba(10,17,27,.72))}
@media(hover:hover) and (pointer:fine){.services-ios-section .service-card-ios:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--svc) 62%,rgba(255,255,255,.18));box-shadow:0 22px 54px color-mix(in srgb,var(--svc) 18%,rgba(0,0,0,.28))}.services-ios-section .service-card-ios:hover .service-object-icon{transform:translateY(-2px) scale(1.035)}}
.momentum-feature .feature-rotate-icon.product-icon.product-logo-mark.product-demo-mark{width:58px;height:58px;min-width:58px;padding:0;border-radius:18px;overflow:visible;background:linear-gradient(145deg,color-mix(in srgb,var(--feature-accent) 24%,rgba(35,49,67,.80)),rgba(13,22,33,.66));border:1px solid color-mix(in srgb,var(--feature-accent) 42%,rgba(216,237,255,.14));box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(255,255,255,.025),0 12px 30px color-mix(in srgb,var(--feature-accent) 13%,rgba(0,0,0,.25));color:var(--feature-accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.momentum-feature .feature-rotate-icon.product-icon.product-logo-mark.product-demo-mark .product-logo-img{width:46px;height:46px;padding:0;object-fit:contain;object-position:center;filter:none}
.whatsapp-desktop-popover{display:none}
@media(min-width:761px) and (hover:hover) and (pointer:fine){.whatsapp-desktop-popover{position:fixed;right:24px;bottom:96px;z-index:131;width:318px;padding:17px;border-radius:22px;color:#eaf2f8;background:linear-gradient(155deg,rgba(20,31,42,.98),rgba(10,18,26,.98));border:1px solid rgba(97,222,148,.22);box-shadow:0 24px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:bottom right}.whatsapp-desktop-popover[hidden]{display:none!important}.whatsapp-desktop-popover.open{display:block;animation:zsWhatsappPopoverIn .24s var(--ease) both}.whatsapp-popover-close{position:absolute;right:11px;top:10px;width:30px;height:30px;border:0;border-radius:10px;background:rgba(255,255,255,.055);color:#a9b6c5;font-size:20px;line-height:1;cursor:pointer}.whatsapp-popover-close:hover{color:#fff;background:rgba(255,255,255,.09)}.whatsapp-popover-head{display:flex;align-items:center;gap:11px;padding-right:29px}.whatsapp-popover-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#25d366,#17b956);color:#fff;box-shadow:0 9px 22px rgba(37,211,102,.20)}.whatsapp-popover-avatar svg{width:23px;height:23px}.whatsapp-popover-head b{display:block;font-size:12.5px;color:#f5f9fc}.whatsapp-popover-head small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:9.5px;color:#8fa0b2}.whatsapp-popover-head small i{width:6px;height:6px;border-radius:50%;background:#25d366;box-shadow:0 0 9px rgba(37,211,102,.5)}.whatsapp-popover-message{margin:15px 0 13px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.whatsapp-popover-message b{display:block;font-size:13px;color:#f8fbfd}.whatsapp-popover-message p{margin:6px 0 0;font-size:11.5px;line-height:1.55;color:#aebbc9}.whatsapp-popover-start{min-height:43px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:linear-gradient(135deg,#25d366,#16b956);color:#fff!important;text-decoration:none!important;font-size:11.5px;font-weight:800;box-shadow:0 11px 26px rgba(37,211,102,.18)}.whatsapp-popover-start:hover{filter:saturate(1.08);transform:translateY(-1px)}.whatsapp-float.popover-open{box-shadow:0 20px 52px rgba(13,86,45,.42),0 0 0 5px rgba(37,211,102,.09)}}
@keyframes zsWhatsappPopoverIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.whatsapp-desktop-popover.open{animation:none}}


/* V32 — Product category signal color system only */
:root{
  --mosque-primary:#10B981;
  --mosque-secondary:#14B8A6;
  --gym-primary:#FF3B30;
  --gym-secondary:#FF9500;
  --clinic-primary:#0A84FF;
  --clinic-secondary:#30B0C7;
  --school-primary:#5856D6;
  --school-secondary:#AF52DE;
  --erp-primary:#007AFF;
  --erp-secondary:#5E5CE6;
  --ecommerce-primary:#FF2D55;
  --ecommerce-secondary:#BF5AF2;
}

.product-card--mosque{--accent:var(--mosque-primary)!important;--product-primary:var(--mosque-primary);--product-secondary:var(--mosque-secondary);--accent-rgb:16,185,129;--product-gradient:linear-gradient(135deg,#10B981 0%,#14B8A6 50%,#0EA5A4 100%)}
.product-card--gym{--accent:var(--gym-primary)!important;--product-primary:var(--gym-primary);--product-secondary:var(--gym-secondary);--accent-rgb:255,59,48;--product-gradient:linear-gradient(135deg,#FF3B30 0%,#FF6B35 48%,#FF9500 100%)}
.product-card--clinic{--accent:var(--clinic-primary)!important;--product-primary:var(--clinic-primary);--product-secondary:var(--clinic-secondary);--accent-rgb:10,132,255;--product-gradient:linear-gradient(135deg,#0A84FF 0%,#009FE8 52%,#30B0C7 100%)}
.product-card--school{--accent:var(--school-primary)!important;--product-primary:var(--school-primary);--product-secondary:var(--school-secondary);--accent-rgb:88,86,214;--product-gradient:linear-gradient(135deg,#5856D6 0%,#7C5CE7 50%,#AF52DE 100%)}
.product-card--erp{--accent:var(--erp-primary)!important;--product-primary:var(--erp-primary);--product-secondary:var(--erp-secondary);--accent-rgb:0,122,255;--product-gradient:linear-gradient(135deg,#007AFF 0%,#3478F6 45%,#5E5CE6 100%)}
.product-card--ecommerce{--accent:var(--ecommerce-primary)!important;--product-primary:var(--ecommerce-primary);--product-secondary:var(--ecommerce-secondary);--accent-rgb:255,45,85;--product-gradient:linear-gradient(135deg,#FF2D55 0%,#E044A7 48%,#BF5AF2 100%)}

.product-card.product-card-ios{
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 80% 5%,rgba(var(--accent-rgb),.14),transparent 45%),
    rgba(16,21,31,.80);
  -webkit-backdrop-filter:blur(24px);
  backdrop-filter:blur(24px);
  border-radius:22px;
  box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.product-card.product-card-ios::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-88px;
  top:-92px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 68%);
  filter:blur(4px);
  opacity:.75;
  transition:opacity .35s ease,transform .35s ease;
}
.product-card.product-card-ios::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 32%,rgba(var(--accent-rgb),.025) 74%,transparent);
  opacity:.9;
}
.product-card.product-card-ios .product-icon.product-logo-mark.product-demo-mark{
  width:58px;
  height:58px;
  flex:0 0 58px;
  padding:7px;
  overflow:hidden;
  border-radius:18px;
  color:#fff;
  background:var(--product-gradient);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 28px rgba(var(--accent-rgb),.28),inset 0 1px 1px rgba(255,255,255,.35);
  transition:box-shadow .35s ease,transform .35s ease,filter .35s ease;
}
.product-card.product-card-ios .product-icon.product-logo-mark.product-demo-mark::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:16px;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 34%,rgba(0,0,0,.06) 78%,transparent);
}
.product-card.product-card-ios .product-logo-mark .product-logo-img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  padding:0;
  object-fit:contain;
  object-position:center;
  filter:none;
}
.product-card.product-card-ios .product-brandline small,
.product-card.product-card-ios .product-purpose small,
.product-card.product-card-ios .product-context-status{
  color:color-mix(in srgb,var(--product-primary) 74%,white);
}
.product-card.product-card-ios .product-purpose{
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.085),rgba(15,23,33,.84));
  border-color:rgba(var(--accent-rgb),.20);
}
.product-card.product-card-ios .product-core-features span,
.product-card.product-card-ios .product-feature-chips span{
  border-color:rgba(var(--accent-rgb),.17);
  background:rgba(var(--accent-rgb),.055);
}
.product-card.product-card-ios .product-core-features span::before,
.product-card.product-card-ios .product-features span::before{
  background:var(--product-primary);
  box-shadow:0 0 10px rgba(var(--accent-rgb),.42);
}
.product-card.product-card-ios .product-offer{
  background:linear-gradient(115deg,rgba(var(--accent-rgb),.13),rgba(13,20,29,.82));
  border-color:rgba(var(--accent-rgb),.28);
}
.product-card.product-card-ios .product-actions .btn-primary{
  background:var(--product-gradient);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 12px 28px rgba(var(--accent-rgb),.20),inset 0 1px 0 rgba(255,255,255,.20);
}
.product-card.product-card-ios .product-actions .btn-secondary{
  border-color:rgba(var(--accent-rgb),.26);
  background:rgba(var(--accent-rgb),.065);
}
.product-card.product-card-ios .product-actions .btn-secondary svg,
.product-card.product-card-ios .product-actions .btn-primary svg{
  color:inherit;
}

@media(hover:hover) and (pointer:fine){
  .product-card.product-card-ios:hover{
    transform:translateY(-4px);
    border-color:rgba(var(--accent-rgb),.48);
    background:
      radial-gradient(circle at 80% 5%,rgba(var(--accent-rgb),.19),transparent 47%),
      rgba(16,21,31,.84);
    box-shadow:0 24px 58px rgba(0,0,0,.32),0 12px 36px rgba(var(--accent-rgb),.10),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .product-card.product-card-ios:hover::before{opacity:1;transform:scale(1.08)}
  .product-card.product-card-ios:hover .product-icon.product-logo-mark.product-demo-mark{
    transform:translateY(-1px);
    box-shadow:0 14px 34px rgba(var(--accent-rgb),.36),inset 0 1px 1px rgba(255,255,255,.40);
    filter:saturate(1.05);
  }
}
@media(prefers-reduced-motion:reduce){
  .product-card.product-card-ios,.product-card.product-card-ios::before,.product-card.product-card-ios .product-icon.product-logo-mark.product-demo-mark{transition:none!important}
  .product-card.product-card-ios:hover,.product-card.product-card-ios:hover .product-icon.product-logo-mark.product-demo-mark{transform:none!important}
}


/* V33 — Service card category color system only */
:root{
  --web-primary:#0A84FF;--web-secondary:#32ADE6;
  --branding-primary:#FF2D55;--branding-secondary:#BF5AF2;
  --saas-primary:#5E5CE6;--saas-secondary:#7D7AFF;
  --premium-web-primary:#64D2FF;--premium-web-secondary:#30B0C7;
  --mobile-primary:#30D5C8;--mobile-secondary:#20C997;
  --service-erp-primary:#FF9F0A;--service-erp-secondary:#FFCC00;
  --cloud-primary:#32ADE6;--cloud-secondary:#0A84FF;
  --uiux-primary:#AF52DE;--uiux-secondary:#BF5AF2;
  --crm-primary:#FF453A;--crm-secondary:#FF6961;
  --digital-primary:#30D158;--digital-secondary:#34C759;
}
.services-ios-section .service-card-ios{
  --service-primary:#0A84FF;
  --service-mid:#168FF5;
  --service-secondary:#32ADE6;
  --service-rgb:10,132,255;
  --service-gradient:linear-gradient(135deg,var(--service-primary) 0%,var(--service-mid) 48%,var(--service-secondary) 100%);
  background:
    radial-gradient(circle at 65% -5%,rgba(var(--service-rgb),.16),transparent 48%),
    rgba(8,17,29,.92);
  border-color:rgba(var(--service-rgb),.48);
  box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.services-ios-section .service-card-ios::before{
  background:radial-gradient(190px circle at 72% -2%,rgba(var(--service-rgb),.12),transparent 68%);
  opacity:1;
}
.services-ios-section .service-card-ios::after{
  background:var(--service-gradient);
  opacity:.78;
}
.services-ios-section .service-card-ios .service-object-icon{
  color:#fff;
  background:var(--service-gradient);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 8px 24px rgba(var(--service-rgb),.30),inset 0 1px 1px rgba(255,255,255,.38);
}
.services-ios-section .service-card-ios .service-open-ios{
  background:rgba(var(--service-rgb),.08);
  border-color:rgba(var(--service-rgb),.55);
  color:#F7FBFF;
}
.services-ios-section .service-card-ios .service-open-ios .open-arrow{
  background:rgba(var(--service-rgb),.55);
  color:#fff;
}
@media(hover:hover) and (pointer:fine){
  .services-ios-section .service-card-ios:hover{
    border-color:rgba(var(--service-rgb),.80);
    background:
      radial-gradient(circle at 65% -5%,rgba(var(--service-rgb),.20),transparent 48%),
      rgba(8,17,29,.92);
    box-shadow:0 20px 48px rgba(0,0,0,.27),0 12px 34px rgba(var(--service-rgb),.11),inset 0 1px 0 rgba(255,255,255,.06);
  }
  .services-ios-section .service-card-ios:hover .service-object-icon{
    box-shadow:0 10px 29px rgba(var(--service-rgb),.38),inset 0 1px 1px rgba(255,255,255,.42);
  }
  .services-ios-section .service-card-ios:hover .service-open-ios{
    background:rgba(var(--service-rgb),.13);
    border-color:rgba(var(--service-rgb),.76);
  }
  .services-ios-section .service-card-ios:hover .service-open-ios .open-arrow{
    background:rgba(var(--service-rgb),.68);
  }
}
.services-ios-section .service-tone-web{--service-primary:var(--web-primary);--service-mid:#168FF5;--service-secondary:var(--web-secondary);--service-rgb:10,132,255}
.services-ios-section .service-tone-branding{--service-primary:var(--branding-primary);--service-mid:#E23D91;--service-secondary:var(--branding-secondary);--service-rgb:255,45,85}
.services-ios-section .service-tone-saas{--service-primary:var(--saas-primary);--service-mid:#6967ED;--service-secondary:var(--saas-secondary);--service-rgb:94,92,230}
.services-ios-section .service-tone-premium-web{--service-primary:var(--premium-web-primary);--service-mid:#48C5E5;--service-secondary:var(--premium-web-secondary);--service-rgb:100,210,255}
.services-ios-section .service-tone-mobile{--service-primary:var(--mobile-primary);--service-mid:#28CBB5;--service-secondary:var(--mobile-secondary);--service-rgb:48,213,200}
.services-ios-section .service-tone-erp{--service-primary:var(--service-erp-primary);--service-mid:#FFB40A;--service-secondary:var(--service-erp-secondary);--service-rgb:255,159,10}
.services-ios-section .service-tone-cloud{--service-primary:#64D2FF;--service-mid:var(--cloud-primary);--service-secondary:var(--cloud-secondary);--service-rgb:50,173,230}
.services-ios-section .service-tone-uiux{--service-primary:var(--uiux-primary);--service-mid:#B855EA;--service-secondary:var(--uiux-secondary);--service-rgb:175,82,222}
.services-ios-section .service-tone-crm{--service-primary:var(--crm-primary);--service-mid:#FF534B;--service-secondary:var(--crm-secondary);--service-rgb:255,69,58}
.services-ios-section .service-tone-digital{--service-primary:var(--digital-primary);--service-mid:#32CD66;--service-secondary:var(--digital-secondary);--service-rgb:48,209,88}

/* V34 — ZENTSOFT Principle iOS accent color update only */
:root{
  --clarity-primary:#0A84FF;
  --clarity-mid:#32ADE6;
  --clarity-secondary:#64D2FF;
  --clarity-rgb:10,132,255;
  --trust-primary:#30D158;
  --trust-mid:#24CE8F;
  --trust-secondary:#30D5C8;
  --trust-rgb:48,209,88;
  --evolution-primary:#5E5CE6;
  --evolution-mid:#7D6CF2;
  --evolution-secondary:#BF5AF2;
  --evolution-rgb:94,92,230;
}
.principle-card--clarity{
  --principle-primary:var(--clarity-primary);
  --principle-mid:var(--clarity-mid);
  --principle-secondary:var(--clarity-secondary);
  --principle-rgb:var(--clarity-rgb);
}
.principle-card--trust{
  --principle-primary:var(--trust-primary);
  --principle-mid:var(--trust-mid);
  --principle-secondary:var(--trust-secondary);
  --principle-rgb:var(--trust-rgb);
}
.principle-card--evolve{
  --principle-primary:var(--evolution-primary);
  --principle-mid:var(--evolution-mid);
  --principle-secondary:var(--evolution-secondary);
  --principle-rgb:var(--evolution-rgb);
}
.principle-card{
  background:
    radial-gradient(circle at 18% 0%,rgba(var(--principle-rgb),.18),transparent 52%),
    rgba(12,19,30,.88);
  border-color:rgba(var(--principle-rgb),.30);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 20px 50px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.principle-card.primary{
  background:
    radial-gradient(circle at 18% 0%,rgba(var(--principle-rgb),.18),transparent 52%),
    rgba(12,19,30,.88);
}
.principle-card::before{
  background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.07),transparent 28%);
}
.principle-card .principle-icon{
  color:#fff;
  background:linear-gradient(135deg,var(--principle-primary) 0%,var(--principle-mid) 52%,var(--principle-secondary) 100%);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 8px 24px rgba(var(--principle-rgb),.28),inset 0 1px 1px rgba(255,255,255,.30);
}
.principle-traits span{
  background:rgba(var(--principle-rgb),.05);
  border-color:rgba(var(--principle-rgb),.24);
  color:rgba(255,255,255,.86);
  transition:background .3s ease,border-color .3s ease,color .3s ease;
}
@media(hover:hover) and (pointer:fine){
  .principle-card:hover{
    transform:translateY(-4px);
    border-color:rgba(var(--principle-rgb),.65);
    background:
      radial-gradient(circle at 18% 0%,rgba(var(--principle-rgb),.24),transparent 52%),
      rgba(12,19,30,.90);
    box-shadow:0 22px 54px rgba(0,0,0,.28),0 10px 34px rgba(var(--principle-rgb),.08),inset 0 1px 0 rgba(255,255,255,.06);
  }
  .principle-card:hover .principle-icon{
    box-shadow:0 10px 28px rgba(var(--principle-rgb),.36),inset 0 1px 1px rgba(255,255,255,.34);
  }
  .principle-card:hover .principle-traits span{
    background:rgba(var(--principle-rgb),.10);
    border-color:rgba(var(--principle-rgb),.45);
  }
}


/* V35 — Process card iOS category color identity only */
:root{
  --discover-primary:#5E5CE6;--discover-mid:#6967ED;--discover-secondary:#7D7AFF;--discover-rgb:94,92,230;
  --define-primary:#7D5CFF;--define-mid:#9459ED;--define-secondary:#AF52DE;--define-rgb:125,92,255;
  --design-primary:#AF52DE;--design-mid:#B855EA;--design-secondary:#BF5AF2;--design-rgb:175,82,222;
  --build-primary:#0A84FF;--build-mid:#20A8E8;--build-secondary:#30D5C8;--build-rgb:10,132,255;
  --launch-primary:#30D158;--launch-mid:#2BD28D;--launch-secondary:#30D5C8;--launch-rgb:48,209,88;
}
.process-minimal-step--discover{--process-primary:var(--discover-primary);--process-mid:var(--discover-mid);--process-secondary:var(--discover-secondary);--process-rgb:var(--discover-rgb)}
.process-minimal-step--define{--process-primary:var(--define-primary);--process-mid:var(--define-mid);--process-secondary:var(--define-secondary);--process-rgb:var(--define-rgb)}
.process-minimal-step--design{--process-primary:var(--design-primary);--process-mid:var(--design-mid);--process-secondary:var(--design-secondary);--process-rgb:var(--design-rgb)}
.process-minimal-step--build{--process-primary:var(--build-primary);--process-mid:var(--build-mid);--process-secondary:var(--build-secondary);--process-rgb:var(--build-rgb)}
.process-minimal-step--launch{--process-primary:var(--launch-primary);--process-mid:var(--launch-mid);--process-secondary:var(--launch-secondary);--process-rgb:var(--launch-rgb)}
.process-minimal-step{
  border-color:rgba(var(--process-rgb),.25);
  background:
    radial-gradient(circle at 78% 0%,rgba(var(--process-rgb),.18),transparent 50%),
    linear-gradient(155deg,rgba(18,25,38,.98),rgba(10,16,25,.96));
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.process-minimal-step--discover{background:radial-gradient(circle at 78% 0%,rgba(94,92,230,.20),transparent 50%),linear-gradient(155deg,rgba(18,25,38,.98),rgba(10,16,25,.96))}
.process-minimal-step--define{background:radial-gradient(circle at 78% 0%,rgba(125,92,255,.19),transparent 50%),linear-gradient(155deg,rgba(18,25,38,.98),rgba(10,16,25,.96))}
.process-minimal-step--design{background:radial-gradient(circle at 78% 0%,rgba(175,82,222,.20),transparent 50%),linear-gradient(155deg,rgba(18,25,38,.98),rgba(10,16,25,.96))}
.process-minimal-step--build{background:radial-gradient(circle at 78% 0%,rgba(10,132,255,.18),transparent 50%),linear-gradient(155deg,rgba(18,25,38,.98),rgba(10,16,25,.96))}
.process-minimal-step--launch{background:radial-gradient(circle at 78% 0%,rgba(48,209,88,.18),transparent 50%),linear-gradient(155deg,rgba(18,25,38,.98),rgba(10,16,25,.96))}
.process-minimal-step::before{display:none}
.process-minimal-step::after{
  background:linear-gradient(90deg,var(--process-primary) 0%,var(--process-mid) 50%,var(--process-secondary) 100%);
  opacity:.78;
}
.process-minimal-number{
  background:rgba(var(--process-rgb),.14);
  border-color:rgba(var(--process-rgb),.50);
  color:#fff;
}
.process-minimal-icon{
  background:linear-gradient(135deg,var(--process-primary) 0%,var(--process-mid) 50%,var(--process-secondary) 100%);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 8px 24px rgba(var(--process-rgb),.30),inset 0 1px 1px rgba(255,255,255,.34);
  color:#fff;
}
@media(hover:hover) and (pointer:fine){
  .process-minimal-step:hover{
    transform:translateY(-4px);
    border-color:rgba(var(--process-rgb),.62);
    box-shadow:0 20px 42px rgba(0,0,0,.24),0 12px 28px rgba(var(--process-rgb),.08);
  }
  .process-minimal-step:hover .process-minimal-number{border-color:rgba(var(--process-rgb),.70)}
  .process-minimal-step:hover .process-minimal-icon{box-shadow:0 10px 28px rgba(var(--process-rgb),.38),inset 0 1px 1px rgba(255,255,255,.36)}
}

/* V36 — Flagship Product logo clarity only */
.flagship-mark{
  width:50px;
  height:50px;
  padding:4px;
  border-radius:16px;
  overflow:visible;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(117,205,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 26px rgba(10,132,255,.16);
}
.flagship-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:12px;
  filter:none!important;
}
@media(max-width:760px){
  .flagship-mark{
    width:46px;
    height:46px;
    padding:3px;
    border-radius:15px;
  }
  .flagship-mark img{border-radius:11px}
}


/* V37 — enriched pinned homepage background with subtle service-themed elements */
.home-atmosphere{
  background:
    radial-gradient(ellipse 72% 52% at 48% 44%,rgba(0,179,179,.055),transparent 72%),
    radial-gradient(ellipse 62% 48% at 56% 58%,rgba(6,124,213,.07),transparent 76%),
    radial-gradient(circle at 22% 18%,rgba(94,92,230,.06),transparent 34%),
    linear-gradient(180deg,#04080e 0%,#06101a 50%,#05090f 100%);
}
.home-atmosphere::before{opacity:.34}
.home-atmosphere::after{opacity:.76;box-shadow:0 0 0 88px rgba(6,124,213,.016),0 0 0 176px rgba(0,179,179,.012),0 0 0 264px rgba(94,92,230,.008)}
.home-tech-marks,.home-system-nodes,.home-service-glyphs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tech-mark.mark-code{left:6.5%;top:34%;font-size:10px;animation-delay:-2s}
.tech-mark.mark-api{right:8%;top:31%;animation-delay:-8s}
.tech-mark.mark-data{left:17%;bottom:16%;animation-delay:-5s;min-width:46px}
.tech-mark.mark-db{right:18%;bottom:19%;animation-delay:-10s}
.tech-mark.mark-ux{left:44%;top:13%;min-width:56px;animation-delay:-4s}
.tech-mark.mark-flow{right:39%;bottom:10%;min-width:72px;animation-delay:-7s}
.tech-mark.mark-dev{left:24%;top:22%;animation-delay:-6s}
.tech-mark.mark-cloud{right:25%;top:14%;animation-delay:-3s;min-width:58px}
.tech-mark.mark-app{left:61%;bottom:24%;animation-delay:-9s}
.tech-mark.mark-crm{left:72%;top:55%;animation-delay:-11s}
.tech-mark.mark-erp{left:11%;top:74%;animation-delay:-12s}
.tech-mark.mark-sync{right:11%;bottom:12%;animation-delay:-13s;min-width:56px}

.home-service-glyphs{z-index:0}
.service-glyph{
  position:absolute;
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:12px;
  border:1px solid rgba(104,215,240,.12);
  background:linear-gradient(145deg,rgba(8,36,49,.18),rgba(5,18,29,.06));
  color:rgba(180,242,248,.34);
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 28px rgba(0,0,0,.04);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  opacity:.28;
  animation:zentGlyphFloat 15s ease-in-out infinite alternate;
}
.service-glyph svg{width:16px;height:16px}
.service-glyph::after{content:"";position:absolute;inset:6px;border-radius:9px;border:1px solid rgba(255,255,255,.03)}
.service-glyph.glyph-code{left:13%;top:25%;animation-delay:-2s}
.service-glyph.glyph-design{right:15%;top:22%;animation-delay:-7s}
.service-glyph.glyph-web{left:48%;top:17%;animation-delay:-4s}
.service-glyph.glyph-mobile{right:34%;bottom:16%;animation-delay:-11s}
.service-glyph.glyph-cloud{left:33%;bottom:14%;animation-delay:-9s}
.service-glyph.glyph-integrate{right:9%;top:58%;animation-delay:-5s}

.home-system-nodes i{width:13px;height:13px}
.home-system-nodes i:nth-child(1){left:10%;top:58%;animation-delay:-1s}
.home-system-nodes i:nth-child(2){left:36%;top:24%;animation-delay:-5s}
.home-system-nodes i:nth-child(3){right:28%;top:42%;animation-delay:-3s}
.home-system-nodes i:nth-child(4){right:9%;bottom:31%;animation-delay:-7s}
.home-system-nodes i:nth-child(5){left:54%;bottom:18%;animation-delay:-4s}
.home-system-nodes i:nth-child(6){left:69%;top:26%;animation-delay:-6.5s}
.home-system-nodes i:nth-child(7){left:22%;bottom:28%;animation-delay:-8.5s}

@keyframes zentGlyphFloat{
  0%{transform:translate3d(0,0,0) scale(.94);opacity:.16}
  50%{opacity:.32}
  100%{transform:translate3d(10px,-12px,0) scale(1.04);opacity:.22}
}

@media(max-width:760px){
  .tech-mark.mark-cloud,.tech-mark.mark-crm,.tech-mark.mark-sync,.service-glyph.glyph-design,.service-glyph.glyph-integrate{display:none}
  .service-glyph{opacity:.18;transform:scale(.88)}
}
@media(max-width:540px){
  .tech-mark.mark-app,.tech-mark.mark-erp,.service-glyph.glyph-web,.service-glyph.glyph-mobile{display:none}
}
@media(prefers-reduced-motion:reduce){
  .home-service-glyphs .service-glyph{animation:none!important}
}


/* V38 — Products/Services/Client Access page refinement + project scrollbar */
html{scrollbar-width:thin;scrollbar-color:#159ad9 #070d14}
html::-webkit-scrollbar{width:11px;height:11px}
html::-webkit-scrollbar-track{background:linear-gradient(180deg,#050a10,#08111a);border-left:1px solid rgba(255,255,255,.025)}
html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0A84FF 0%,#169edb 52%,#18bfc2 100%);border:3px solid #071019;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 12px rgba(10,132,255,.12)}
html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2b98ff,#28b0e7 52%,#2bd5cd)}
html::-webkit-scrollbar-corner{background:#070d14}

/* Services page: richer information, same service-card family. */
.services-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.services-page-grid .service-page-card{min-height:360px;padding:20px;display:flex;flex-direction:column}
.services-page-grid .service-page-card .service-head{grid-template-columns:58px minmax(0,1fr);gap:15px}
.services-page-grid .service-page-card .service-object-icon{width:58px;height:58px}
.services-page-grid .service-page-card h3{font-size:17px;line-height:1.25}
.services-page-grid .service-page-summary{max-width:none;margin:16px 0 14px;color:#c2ccda;font-size:13px;line-height:1.62}
.service-page-detail{position:relative;z-index:2;padding:13px 14px;border-radius:16px;background:rgba(5,12,20,.34);border:1px solid color-mix(in srgb,var(--svc) 16%,rgba(255,255,255,.07))}
.service-page-detail>small,.service-page-fit>span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--svc) 70%,#b5c3d4)}
.service-page-detail ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.service-page-detail li{position:relative;padding:8px 9px 8px 20px;border-radius:11px;background:color-mix(in srgb,var(--svc) 6%,rgba(255,255,255,.025));border:1px solid color-mix(in srgb,var(--svc) 12%,rgba(255,255,255,.06));font-size:11px;line-height:1.4;color:#b7c2d0}
.service-page-detail li::before{content:"";position:absolute;left:9px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--svc);box-shadow:0 0 8px color-mix(in srgb,var(--svc) 45%,transparent)}
.service-page-fit{position:relative;z-index:2;margin:12px 0 14px;display:grid;gap:4px}
.service-page-fit b{font-size:12px;line-height:1.45;color:#eef4fb;font-weight:650}
.services-page-grid .service-open-ios{margin-top:auto}
@media(max-width:920px){.services-page-grid{grid-template-columns:1fr}.services-page-grid .service-page-card{min-height:330px}}
@media(max-width:600px){.services-page-grid .service-page-card{min-height:0;padding:16px}.service-page-detail ul{grid-template-columns:1fr}.services-page-grid .service-page-summary{font-size:12.5px}}

/* Client Access page: search at top, card-based results. */
.client-access-finder{padding:20px;overflow:visible}
.client-search-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}
.client-search-head h2{font-size:24px;letter-spacing:-.035em;margin:5px 0 5px}
.client-search-head p{font-size:12px;line-height:1.55;color:#8f9caf;margin:0}
.client-access-search{position:relative;z-index:1;width:100%;height:62px}
.client-access-filters{position:relative;z-index:1;margin-top:12px}
.client-access-results{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.client-access-card{--client:#0A84FF;position:relative;overflow:hidden;min-height:248px;padding:16px;border-radius:21px;border:1px solid color-mix(in srgb,var(--client) 24%,rgba(255,255,255,.08));background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--client) 14%,transparent),transparent 42%),linear-gradient(150deg,#111923,#0c131d);box-shadow:0 16px 36px rgba(0,0,0,.16);display:flex;flex-direction:column;transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.client-access-card::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--client),color-mix(in srgb,var(--client) 48%,#fff));opacity:.72}
.client-access-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.client-access-logo{width:52px;height:52px;padding:4px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--client) 12%,#151e2a);border:1px solid color-mix(in srgb,var(--client) 26%,rgba(255,255,255,.08));box-shadow:0 10px 24px color-mix(in srgb,var(--client) 10%,transparent)}
.client-access-logo .product-logo-img{display:block;width:100%;height:100%;object-fit:contain;padding:2px}
.client-access-logo svg{width:25px;height:25px;color:var(--client)}
.client-access-card-copy{margin-top:15px}
.client-access-card-copy>small{display:block;color:color-mix(in srgb,var(--client) 74%,#b7c5d5);font-size:10px;font-weight:760;letter-spacing:.045em}
.client-access-card-copy h3{font-size:16px;line-height:1.25;margin:5px 0 5px;color:#f5f8fc}
.client-access-card-copy p{font-size:11.5px;color:#8796aa;margin:0}
.client-access-card-meta{margin:13px 0;color:#9dabbc;font-size:10.5px}
.client-access-card-meta span{display:flex;align-items:center;gap:7px}.client-access-card-meta i{width:6px;height:6px;border-radius:50%;background:var(--client);box-shadow:0 0 8px color-mix(in srgb,var(--client) 48%,transparent)}
.client-access-open{margin-top:auto;width:100%;justify-content:center}
.client-search-empty{grid-column:1/-1;min-height:190px;border:1px dashed rgba(126,166,201,.16);border-radius:20px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#8493a6;background:rgba(10,17,26,.22);padding:24px}
.client-search-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(10,132,255,.08);color:#55b4ff}.client-search-empty svg{width:20px;height:20px}
.client-search-empty b{font-size:13px;color:#dfe7f1}.client-search-empty small{font-size:11px;line-height:1.5;max-width:420px}
@media(hover:hover) and (pointer:fine){.client-access-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--client) 52%,rgba(255,255,255,.12));box-shadow:0 20px 44px color-mix(in srgb,var(--client) 10%,rgba(0,0,0,.30))}}
@media(max-width:900px){.client-access-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.client-search-head{display:block}.client-search-head .finder-meta{display:block;margin-top:8px;text-align:left}.client-access-results{grid-template-columns:1fr}.client-access-finder{padding:14px}.client-access-search{height:54px}}


/* V39 — Client cards, search-only Client Access, login card results, hero trial promo */

/* Homepage client access: same finder, card-based result presentation. */
.home-client-finder .finder-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.home-client-finder .empty-state{grid-column:1/-1}
.home-client-card{--client:#0A84FF;position:relative;overflow:hidden;min-height:218px;padding:15px;border-radius:20px;border:1px solid color-mix(in srgb,var(--client) 24%,rgba(255,255,255,.08));background:radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--client) 13%,transparent),transparent 44%),linear-gradient(150deg,#111923,#0c131d);box-shadow:0 15px 34px rgba(0,0,0,.15);display:flex;flex-direction:column;transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.home-client-card::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--client),color-mix(in srgb,var(--client) 46%,#fff));opacity:.68}
.home-client-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.home-client-card .client-avatar{width:48px;height:48px;margin:0;padding:4px;border-radius:15px;color:var(--client);background:color-mix(in srgb,var(--client) 10%,#151e2a);border:1px solid color-mix(in srgb,var(--client) 25%,rgba(255,255,255,.08))}.home-client-card .client-avatar .product-logo-img{width:100%;height:100%;object-fit:contain;padding:2px}.home-client-card-copy{margin:14px 0 14px}.home-client-card-copy small{display:block;font-size:9.5px;font-weight:760;letter-spacing:.045em;color:color-mix(in srgb,var(--client) 70%,#b7c5d5)}.home-client-card-copy h3{font-size:15px;line-height:1.25;margin:5px 0;color:#f5f8fc}.home-client-card-copy p{font-size:11px;color:#8796aa;margin:0}.home-client-open{margin-top:auto;width:100%;justify-content:center;min-height:40px}
@media(hover:hover) and (pointer:fine){.home-client-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--client) 52%,rgba(255,255,255,.12));box-shadow:0 20px 42px color-mix(in srgb,var(--client) 9%,rgba(0,0,0,.28))}}
@media(max-width:900px){.home-client-finder .finder-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.home-client-finder .finder-results{grid-template-columns:1fr}}

/* Dedicated Client Access page: before typing, only the search control is visible. */
.client-access-search-only{padding:18px;max-width:880px;margin:0 auto;background:linear-gradient(150deg,rgba(15,24,35,.80),rgba(8,14,22,.72))}
.client-access-search-only .client-access-search{margin:0}
.client-search-status{display:block;min-height:0;margin:9px 4px 0;color:#7f90a4;font-size:10.5px;font-weight:650}
.client-search-status:empty{display:none}
.client-access-search-only .client-access-results[hidden]{display:none!important}
.client-access-search-only .client-access-results{margin-top:14px}

/* Flagship Login Portal popup: matching organizations render as cards, not rows. */
.client-login-dialog .dialog-card{width:min(760px,calc(100vw - 28px))}
.portal-search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto}
.portal-search-results.has-results,.portal-search-results:not(:empty){max-height:430px}
.portal-result-card{--client:#0A84FF;display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:188px;padding:13px;border-radius:18px;border:1px solid color-mix(in srgb,var(--client) 24%,rgba(255,255,255,.08));background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--client) 13%,transparent),transparent 45%),linear-gradient(145deg,rgba(26,38,52,.72),rgba(10,17,26,.74));animation:portalResultIn .38s var(--ease) both}
.portal-result-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.portal-result-card .portal-result-icon{width:48px;height:48px;padding:4px;border-radius:15px;color:var(--client);background:color-mix(in srgb,var(--client) 12%,#101923);border:1px solid color-mix(in srgb,var(--client) 28%,#273648)}.portal-result-card .portal-result-icon svg,.portal-result-card .portal-result-icon img{width:100%;height:100%;object-fit:contain;padding:2px}.portal-result-card .portal-result-copy{margin:12px 0 13px}.portal-result-card .portal-result-copy small{display:block;margin:0 0 4px;white-space:normal;overflow:visible;text-overflow:clip;font-size:9px;color:color-mix(in srgb,var(--client) 68%,#9cabbc);font-weight:760;letter-spacing:.035em}.portal-result-card .portal-result-copy b{display:block;font-size:13px;line-height:1.3}.portal-result-card .portal-result-copy span{display:block;margin-top:4px;color:#8392a5;font-size:9.5px}.portal-result-card .portal-open{margin-top:auto;width:100%;justify-content:center;min-height:38px}.portal-result-card .portal-live{align-self:flex-start}
@media(max-width:700px){.portal-search-results{grid-template-columns:1fr}.portal-result-card{min-height:168px}.portal-result-card .portal-open{grid-column:auto;grid-row:auto}}

/* Hero — focused 2 Months Free Trial spotlight. */
.hero-trial-promo{position:relative;isolation:isolate;overflow:hidden;margin-top:12px;max-width:520px;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px 10px 10px;border-radius:18px;border:1px solid rgba(72,221,180,.24);background:radial-gradient(circle at 12% 20%,rgba(48,209,88,.17),transparent 38%),linear-gradient(135deg,rgba(7,43,38,.58),rgba(8,24,31,.68) 58%,rgba(5,18,26,.72));box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 42px rgba(0,0,0,.18),0 0 28px rgba(48,209,88,.055);text-decoration:none;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.hero-trial-promo::before{content:"";position:absolute;inset:-35% -15%;z-index:-1;background:linear-gradient(110deg,transparent 33%,rgba(255,255,255,.09) 48%,transparent 63%);transform:translateX(-70%);animation:heroTrialSweep 5.8s ease-in-out infinite}
.hero-trial-orbit{position:absolute;width:92px;height:92px;left:-34px;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(60,220,190,.12);box-shadow:0 0 0 14px rgba(48,209,88,.035),0 0 0 28px rgba(50,213,200,.018);animation:heroTrialOrbit 4.8s ease-in-out infinite alternate;z-index:-1}
.hero-trial-badge{min-width:76px;height:48px;padding:0 9px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#30D158,#2BD28D 52%,#30D5C8);color:#04130f;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 10px 25px rgba(48,209,88,.22),inset 0 1px rgba(255,255,255,.42)}
.hero-trial-copy{display:block;min-width:0}.hero-trial-copy small{display:block;color:#76e8c2;font-size:8px;font-weight:830;text-transform:uppercase;letter-spacing:.12em}.hero-trial-copy strong{display:block;color:#f6fffb;font-size:18px;line-height:1.05;margin-top:3px;letter-spacing:-.025em}.hero-trial-copy em{display:block;margin-top:4px;color:#9fb8b0;font-size:10.5px;line-height:1.35;font-style:normal}.hero-trial-arrow{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;color:#9bf0d5;background:rgba(48,209,88,.08);border:1px solid rgba(48,209,88,.16);font-size:16px;transition:transform .25s var(--ease),background .25s var(--ease)}
@media(hover:hover) and (pointer:fine){.hero-trial-promo:hover{transform:translateY(-3px);border-color:rgba(72,221,180,.42);box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 48px rgba(0,0,0,.22),0 0 32px rgba(48,209,88,.08)}.hero-trial-promo:hover .hero-trial-arrow{transform:translate(2px,-2px);background:rgba(48,209,88,.14)}}
@keyframes heroTrialSweep{0%,62%,100%{transform:translateX(-72%);opacity:0}72%{opacity:1}88%{transform:translateX(72%);opacity:0}}
@keyframes heroTrialOrbit{to{transform:translateY(-50%) scale(1.08);opacity:.78}}
@media(max-width:760px){.hero-trial-promo{max-width:none;min-height:64px;grid-template-columns:auto 1fr auto;margin-top:10px}.hero-trial-badge{min-width:68px;height:44px;font-size:9px}.hero-trial-copy strong{font-size:16px}.hero-trial-copy em{font-size:9.5px}}
@media(max-width:440px){.hero-trial-promo{gap:9px;padding-right:10px}.hero-trial-arrow{display:none}.hero-trial-copy em{display:none}}
@media(prefers-reduced-motion:reduce){.hero-trial-promo::before,.hero-trial-orbit{animation:none!important}}


/* V40 — futuristic liquid-glass inquiry form refinement only */
.inquiry-glass-card{
  --inquiry-blue:#0A84FF;
  --inquiry-cyan:#32D7FF;
  position:relative;
  overflow:visible;
  isolation:isolate;
  border-radius:26px;
  border:1px solid rgba(129,196,255,.14);
  background:
    linear-gradient(145deg,rgba(18,27,41,.76),rgba(8,15,24,.70));
  -webkit-backdrop-filter:blur(24px) saturate(128%);
  backdrop-filter:blur(24px) saturate(128%);
  box-shadow:
    0 24px 64px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(255,255,255,.018);
}
.inquiry-glass-card::before{
  content:"";
  position:absolute;
  width:520px;
  height:380px;
  right:-165px;
  top:-145px;
  border-radius:50%;
  z-index:-2;
  pointer-events:none;
  background:radial-gradient(circle,rgba(50,215,255,.14),rgba(10,132,255,.07) 38%,transparent 70%);
  filter:blur(22px);
  opacity:.9;
}
.inquiry-glass-card::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:25px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(128deg,rgba(255,255,255,.045),transparent 25%,transparent 72%,rgba(50,215,255,.025));
}
.inquiry-accent-line{
  position:absolute;
  top:0;
  left:36px;
  right:36px;
  height:2px;
  border-radius:0 0 999px 999px;
  overflow:hidden;
  background:linear-gradient(90deg,transparent,#0A84FF 18%,#32D7FF 52%,#70E5FF 72%,transparent);
  background-size:180% 100%;
  box-shadow:0 0 16px rgba(50,215,255,.25);
  opacity:.82;
  animation:inquiryAccentTravel 6s ease-in-out infinite alternate;
}
@keyframes inquiryAccentTravel{from{background-position:0 0;opacity:.56}to{background-position:100% 0;opacity:.92}}
.inquiry-stage{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 20px;
  padding:8px 10px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(128,193,244,.09);
  border-radius:14px;
  background:rgba(7,16,26,.34);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.inquiry-stage span{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#748397}
.inquiry-stage span b{font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#7889a0}
.inquiry-stage span small{font-size:9px;font-weight:720;color:inherit}
.inquiry-stage span.active{color:#dceeff}
.inquiry-stage span.active b{color:#63c8ff}
.inquiry-stage i{width:24px;height:1px;background:linear-gradient(90deg,rgba(10,132,255,.26),rgba(50,215,255,.09))}
.inquiry-glass-card>h2{margin-top:0}
.inquiry-glass-card>.muted{margin-bottom:20px}
.inquiry-glass-card .form-grid{gap:13px}
.inquiry-glass-card .field{
  position:relative;
  display:block;
  min-width:0;
}
.inquiry-glass-card .field input,
.inquiry-glass-card .field select,
.inquiry-glass-card .field textarea{
  position:relative;
  z-index:1;
  width:100%;
  color:#f3f8ff;
  border:1px solid rgba(137,176,209,.14);
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(18,29,43,.66),rgba(10,19,30,.58));
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  outline:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 22px rgba(0,0,0,.07);
  transition:border-color .28s ease,box-shadow .28s ease,background .28s ease,transform .28s ease;
}
.inquiry-glass-card .field input,
.inquiry-glass-card .field select{
  height:56px;
  padding:20px 42px 8px 45px;
}
.inquiry-glass-card .field textarea{
  min-height:136px;
  padding:25px 16px 15px 45px;
  line-height:1.55;
}
.inquiry-glass-card .field input::placeholder{color:transparent}
.inquiry-glass-card .field textarea::placeholder{color:#718196;opacity:.75;font-size:11.5px}
.inquiry-glass-card .field::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-1px;
  border-radius:18px;
  pointer-events:none;
  padding:1px;
  background:linear-gradient(110deg,rgba(10,132,255,0),rgba(10,132,255,.72),rgba(50,215,255,.78),rgba(50,215,255,0));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .28s ease;
}
.inquiry-glass-card .field:focus-within::after{opacity:1}
.inquiry-glass-card .field:focus-within input,
.inquiry-glass-card .field:focus-within select,
.inquiry-glass-card .field:focus-within textarea{
  border-color:transparent;
  background:linear-gradient(145deg,rgba(18,34,51,.78),rgba(9,22,35,.72));
  box-shadow:0 0 0 4px rgba(10,132,255,.055),0 12px 30px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.075);
}
.field-line-icon{
  position:absolute;
  z-index:3;
  left:15px;
  top:17px;
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  color:#778da5;
  pointer-events:none;
  transition:color .25s ease,transform .25s ease,filter .25s ease;
}
.field-line-icon svg{width:18px;height:18px}
.field:focus-within .field-line-icon{color:#54caff;transform:translateY(-1px);filter:drop-shadow(0 0 8px rgba(50,215,255,.20))}
.inquiry-glass-card .field label{
  position:absolute;
  z-index:4;
  left:45px;
  top:18px;
  margin:0;
  pointer-events:none;
  color:#8392a7;
  font-size:11px;
  line-height:1;
  font-weight:700;
  transform-origin:left center;
  transition:transform .24s ease,color .24s ease,top .24s ease,font-size .24s ease;
}
.inquiry-glass-card .field input:focus+label,
.inquiry-glass-card .field input:not(:placeholder-shown)+label,
.inquiry-glass-card .field--select label,
.inquiry-glass-card .field--textarea label{
  top:9px;
  font-size:8.5px;
  letter-spacing:.035em;
  color:#71859c;
}
.inquiry-glass-card .field input:focus+label,
.inquiry-glass-card .field:focus-within label{color:#69ceff}
.inquiry-glass-card .field--select select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:48px;
  cursor:pointer;
}
.inquiry-glass-card .field--select label{pointer-events:none}
.field-select-chevron{
  position:absolute;
  z-index:4;
  right:15px;
  top:18px;
  width:20px;
  height:20px;
  color:#73869c;
  pointer-events:none;
  transition:color .24s ease,transform .24s ease;
}
.field-select-chevron svg{width:20px;height:20px}
.field--select:focus-within .field-select-chevron{color:#57cbff;transform:translateY(1px)}
.inquiry-glass-card .field--textarea .field-line-icon{top:18px}
.inquiry-glass-card .field--textarea label{left:45px}
.inquiry-submit-wrap{padding-top:2px}
.inquiry-submit{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:54px;
  border-radius:17px!important;
  gap:10px!important;
  font-size:13.5px!important;
  background:linear-gradient(135deg,#087CF3 0%,#0A9DEB 50%,#32D7FF 100%)!important;
  box-shadow:0 14px 34px rgba(10,132,255,.24),inset 0 1px 0 rgba(255,255,255,.25)!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
.inquiry-submit::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 24%,transparent 62%,rgba(255,255,255,.06));
}
.inquiry-submit:hover{transform:translateY(-2px)!important;box-shadow:0 17px 38px rgba(10,132,255,.29),inset 0 1px 0 rgba(255,255,255,.28)!important;filter:saturate(1.05)}
.inquiry-submit-arrow{position:relative;display:inline-block;font-size:17px;transition:transform .25s ease}
.inquiry-submit:hover .inquiry-submit-arrow{transform:translateX(4px)}
.inquiry-submit:focus-visible{outline:2px solid rgba(111,219,255,.9);outline-offset:3px}
.inquiry-trust-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:10px;
  color:#7f90a6;
  font-size:9.8px;
  line-height:1.4;
  text-align:center;
}
.inquiry-trust-note span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;color:#57dda0;background:rgba(48,209,88,.08);border:1px solid rgba(48,209,88,.18);font-size:9px}

@media(max-width:760px){
  .inquiry-glass-card{border-radius:24px;padding:20px}
  .inquiry-glass-card::after{border-radius:23px}
  .inquiry-accent-line{left:24px;right:24px}
  .inquiry-stage{width:100%;justify-content:space-between;gap:6px;padding:8px}
  .inquiry-stage i{flex:1;min-width:10px}
  .inquiry-stage span small{font-size:8.5px}
  .inquiry-glass-card .field input,.inquiry-glass-card .field select{font-size:16px}
  .inquiry-glass-card .field textarea{font-size:16px}
}
@media(max-width:430px){
  .inquiry-stage span{gap:4px}.inquiry-stage span b{font-size:8px}.inquiry-stage span small{font-size:8px}
  .inquiry-stage i{width:12px}
  .inquiry-glass-card .field input,.inquiry-glass-card .field select{padding-left:42px}
  .inquiry-glass-card .field textarea{padding-left:42px}
  .inquiry-glass-card .field label,.inquiry-glass-card .field--textarea label{left:42px}
  .field-line-icon{left:13px}
}
@media(prefers-reduced-motion:reduce){
  .inquiry-accent-line{animation:none!important}
  .inquiry-glass-card .field input,.inquiry-glass-card .field select,.inquiry-glass-card .field textarea,.field-line-icon,.inquiry-submit,.inquiry-submit-arrow{transition:none!important}
}


/* V41 — 2 Months Free Trial moved from hero banner to a non-blocking popup */
.trial-offer-popup{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:126;
  width:min(390px,calc(100vw - 44px));
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px 14px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(72,221,180,.24);
  border-radius:22px;
  background:
    radial-gradient(circle at 8% 5%,rgba(48,209,88,.15),transparent 34%),
    radial-gradient(circle at 92% 88%,rgba(48,213,200,.08),transparent 38%),
    rgba(8,18,25,.88);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  backdrop-filter:blur(22px) saturate(125%);
  box-shadow:0 22px 58px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08),0 0 36px rgba(48,209,88,.05);
  opacity:0;
  transform:translate3d(0,16px,0) scale(.985);
  transition:opacity .26s ease,transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
.trial-offer-popup[hidden]{display:none!important}
.trial-offer-popup.is-visible{opacity:1;transform:none}
.trial-offer-popup::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,#30D158,#30D5C8,transparent);opacity:.7}
.trial-offer-close{position:absolute;right:9px;top:9px;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#a7b7c6;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.22s ease}
.trial-offer-close:hover{color:#fff;background:rgba(255,255,255,.07)}
.trial-offer-close:focus-visible,.trial-offer-cta:focus-visible{outline:2px solid #64D2FF;outline-offset:3px}
.trial-offer-badge{width:66px;height:66px;border-radius:19px;display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,#30D158,#2BD28D 52%,#30D5C8);color:#04130f;box-shadow:0 12px 30px rgba(48,209,88,.22),inset 0 1px 1px rgba(255,255,255,.42)}
.trial-offer-badge span{font-size:25px;font-weight:900;line-height:.9;letter-spacing:-.05em}
.trial-offer-badge small{margin-top:4px;font-size:8px;font-weight:900;letter-spacing:.12em}
.trial-offer-copy{padding-right:25px;min-width:0}
.trial-offer-copy>small{display:block;color:#7ae9c3;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.trial-offer-copy strong{display:block;margin-top:4px;color:#f6fffb;font-size:17px;line-height:1.12;letter-spacing:-.025em}
.trial-offer-copy p{margin:5px 0 0;color:#98aca6;font-size:11px;line-height:1.45}
.trial-offer-cta{grid-column:1/-1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:1px solid rgba(72,221,180,.22);background:linear-gradient(135deg,rgba(48,209,88,.14),rgba(48,213,200,.09));color:#dffdf3;font-size:12px;font-weight:780;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .24s ease,background .24s ease,border-color .24s ease}
.trial-offer-cta svg{width:15px;height:15px;transition:transform .24s ease}
@media(hover:hover) and (pointer:fine){.trial-offer-popup:hover{border-color:rgba(72,221,180,.34);box-shadow:0 24px 62px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08),0 0 40px rgba(48,209,88,.065)}.trial-offer-cta:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(48,209,88,.20),rgba(48,213,200,.13));border-color:rgba(72,221,180,.34)}.trial-offer-cta:hover svg{transform:translateX(2px)}}
@media(max-width:760px){.trial-offer-popup{left:12px;right:12px;bottom:84px;width:auto;padding:14px;border-radius:20px}.trial-offer-badge{width:58px;height:58px;border-radius:17px}.trial-offer-copy strong{font-size:16px}.trial-offer-copy p{font-size:10.5px}}
@media(max-width:430px){.trial-offer-copy p{display:none}.trial-offer-popup{grid-template-columns:auto minmax(0,1fr);gap:10px 12px}.trial-offer-badge{width:54px;height:54px}.trial-offer-cta{min-height:42px}}
@media(prefers-reduced-motion:reduce){.trial-offer-popup,.trial-offer-cta,.trial-offer-cta svg{transition:none!important}}

/* V42 — unified advanced inquiry/demo form system + simplified contact side card */
.inquiry-layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:20px;align-items:start}
.inquiry-contact-card{
  position:sticky;top:calc(var(--nav-h) + 34px);overflow:hidden;border-radius:26px;padding:22px;
  border:1px solid rgba(101,197,255,.13);
  background:radial-gradient(circle at 12% 0%,rgba(10,132,255,.10),transparent 38%),linear-gradient(155deg,rgba(15,24,36,.82),rgba(8,14,22,.82));
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 20px 50px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.055)
}
.inquiry-contact-card::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-90px;bottom:-105px;background:rgba(50,215,255,.055);filter:blur(8px);pointer-events:none}
.inquiry-contact-kicker{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:820;color:#67c9ff;margin-bottom:10px}
.inquiry-contact-card h2{font-size:24px;letter-spacing:-.035em;margin:0 0 8px}
.inquiry-contact-card>.muted{font-size:12.5px;line-height:1.65;margin:0;color:#8fa0b6}
.inquiry-contact-list{display:grid;gap:9px;margin-top:20px}
.inquiry-contact-item{min-width:0;display:flex;align-items:center;gap:11px;padding:12px;border-radius:16px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07);color:inherit;transition:background .25s ease,border-color .25s ease,transform .25s ease}
a.inquiry-contact-item:hover{transform:translateY(-1px);background:rgba(10,132,255,.055);border-color:rgba(83,183,255,.19)}
.inquiry-contact-icon{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;color:#65caff;background:linear-gradient(145deg,rgba(10,132,255,.13),rgba(50,215,255,.07));border:1px solid rgba(83,183,255,.14)}
.inquiry-contact-icon svg{width:17px;height:17px}
.inquiry-contact-item>span:last-child{min-width:0;display:block}
.inquiry-contact-item small{display:block;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.09em;color:#71839a;font-weight:760;margin-bottom:4px}
.inquiry-contact-item b{display:block;font-size:11.5px;line-height:1.42;color:#d9e3ee;font-weight:650;overflow-wrap:anywhere}
.inquiry-contact-foot{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;line-height:1.5;color:#7d8ea5}
.inquiry-contact-status{width:7px;height:7px;flex:0 0 7px;margin-top:4px;border-radius:50%;background:#30d158;box-shadow:0 0 0 4px rgba(48,209,88,.08)}
.inquiry-form-advanced{min-height:100%}
.inquiry-form-heading{margin:0 0 20px}
.inquiry-form-heading>span{display:inline-flex;margin-bottom:7px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:820;color:#68cdff}
.inquiry-form-heading h2{margin:0 0 7px!important;font-size:25px;letter-spacing:-.035em}
.inquiry-form-heading .muted{margin:0!important;font-size:12.5px;line-height:1.6;color:#8d9db1}
.inquiry-form-advanced .field--date label{top:9px;transform:none;font-size:8.5px;letter-spacing:.03em;color:#77899e}
.inquiry-form-advanced .field--date input{padding-top:21px}
.inquiry-form-advanced input[type="date"],.inquiry-form-advanced input[type="time"]{color-scheme:dark}
.inquiry-form-advanced input[type="date"]::-webkit-calendar-picker-indicator,.inquiry-form-advanced input[type="time"]::-webkit-calendar-picker-indicator{opacity:.62;filter:invert(1);cursor:pointer}
@media(max-width:920px){.inquiry-layout{grid-template-columns:1fr}.inquiry-contact-card{position:relative;top:auto}.inquiry-contact-list{grid-template-columns:repeat(3,minmax(0,1fr))}.inquiry-contact-item{align-items:flex-start}}
@media(max-width:680px){.inquiry-contact-list{grid-template-columns:1fr}.inquiry-contact-card{padding:19px;border-radius:22px}.inquiry-form-heading h2{font-size:23px}}


/* ============================================================
   V43 — unified enquiry polish, hero module focus, compact WhatsApp,
   navigation alignment and complete public light/dark theme system
   ============================================================ */
:root{--nav-control:40px}
.theme-toggle{width:var(--nav-control);height:var(--nav-control);padding:0;flex:0 0 var(--nav-control);position:relative;overflow:hidden}
.theme-toggle .theme-icon{position:absolute;width:18px;height:18px;transition:opacity .25s ease,transform .3s var(--ease)}
html[data-theme="dark"] .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .theme-icon-moon{opacity:0;transform:rotate(-35deg) scale(.65)}
html[data-theme="light"] .theme-icon-sun{opacity:0;transform:rotate(35deg) scale(.65)}
html[data-theme="light"] .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}
.site-nav__bar{align-items:center}
.nav-actions{align-items:center;min-height:var(--nav-control)}
.nav-actions>.btn,.nav-actions>.icon-btn,.nav-actions .language-btn{margin:0;align-self:center}
.language-btn,.theme-toggle,.menu-btn{height:var(--nav-control)}
@media(min-width:1051px) and (max-width:1190px){.site-nav__bar{gap:12px}.brand{min-width:154px}.brand img{max-width:156px}.nav-links a{padding:10px 9px;font-size:12px}.nav-actions{gap:5px}.nav-demo{padding-inline:13px}}
@media(max-width:760px){:root{--nav-control:38px}.theme-toggle{border-radius:12px}.nav-actions{gap:5px}.language-btn{height:var(--nav-control)}.menu-btn{height:var(--nav-control);min-width:var(--nav-control)}}
@media(max-width:420px){.language-btn{min-width:50px;padding:0 7px}.theme-toggle{width:36px;flex-basis:36px}.site-nav__bar{padding-right:7px}}

/* Keep WhatsApp useful but compact; desktop popover still opens on click. */
.whatsapp-float{width:58px;height:58px;min-height:58px;padding:7px!important;border-radius:50%!important;justify-content:center;gap:0}
.whatsapp-float-icon{width:44px;height:44px}
.whatsapp-float-copy{display:none!important}
.whatsapp-online-dot{left:auto!important;right:1px!important;top:1px!important}
.whatsapp-float-pulse{left:7px!important;top:7px!important}
@media(max-width:760px){.whatsapp-float{width:56px;height:56px;min-height:56px}}

/* V41 popup is intentionally retired. */
.trial-offer-popup{display:none!important}

/* Hero/ZentApp stage: one product module is visually active at a time. */
.zentapp-stage{--stage-accent:#10B981}
.stage-core{background:linear-gradient(145deg,color-mix(in srgb,var(--stage-accent) 28%,rgba(10,132,255,.18)),rgba(50,215,200,.10));border-color:color-mix(in srgb,var(--stage-accent) 48%,rgba(100,205,255,.18));box-shadow:0 20px 60px color-mix(in srgb,var(--stage-accent) 25%,transparent),inset 0 1px rgba(255,255,255,.09);transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .3s var(--ease)}
.module-chip{appearance:none;font-family:inherit;line-height:1.2;opacity:.38;filter:saturate(.55);transition:opacity .32s ease,filter .32s ease,color .32s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease,transform .32s var(--ease)}
.module-chip.is-active{animation:none;opacity:1;filter:none;color:#fff;border-color:color-mix(in srgb,var(--module-accent,var(--stage-accent)) 65%,rgba(255,255,255,.18));background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent,var(--stage-accent)) 23%,rgba(18,27,40,.94)),rgba(13,20,31,.92));box-shadow:0 10px 28px color-mix(in srgb,var(--module-accent,var(--stage-accent)) 22%,transparent),inset 0 1px rgba(255,255,255,.08);transform:translate3d(var(--dx),-8px,0)}
.module-chip[data-accent="#10B981"]{--module-accent:#10B981}.module-chip[data-accent="#FF3B30"]{--module-accent:#FF3B30}.module-chip[data-accent="#0A84FF"]{--module-accent:#0A84FF}.module-chip[data-accent="#5856D6"]{--module-accent:#5856D6}.module-chip[data-accent="#007AFF"]{--module-accent:#007AFF}.module-chip[data-accent="#FF2D55"]{--module-accent:#FF2D55}
.module-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--module-accent) 75%,white);outline-offset:3px;opacity:1}
@media(hover:hover) and (pointer:fine){.module-chip:hover{opacity:.82;filter:none}}

/* Inquiry forms: same component, smarter visual stage feedback. */
.inquiry-stage span{transition:color .25s ease,background .25s ease,border-color .25s ease,opacity .25s ease}
.inquiry-stage span.complete{color:#65dca6}
.inquiry-stage span.complete b{background:rgba(48,209,88,.10);border-color:rgba(48,209,88,.24);color:#78e4b1}
.inquiry-stage span.active b{box-shadow:0 0 0 4px rgba(10,132,255,.07)}
.inquiry-contact-card{min-height:0}
.inquiry-contact-list{margin-bottom:2px}
/* Phone / email / office are the only side contact actions; WhatsApp remains global only. */
.inquiry-contact-card [data-whatsapp],.inquiry-contact-card .social-whatsapp{display:none!important}

/* ----------------------- LIGHT MODE ----------------------- */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f7fb;--bg-2:#edf3f9;--surface:#ffffff;--surface-2:#f5f8fc;--surface-3:#eaf1f7;
  --surface-glass:rgba(255,255,255,.78);--text:#0b1724;--text-2:#223449;--muted:#5f7085;--muted-2:#7c8da1;
  --line:rgba(26,72,112,.10);--line-strong:rgba(26,72,112,.16);
  --shadow:0 28px 80px rgba(37,69,98,.14);--shadow-sm:0 14px 38px rgba(37,69,98,.10)
}
html[data-theme="light"],html[data-theme="light"] body{background:#f4f7fb;color:var(--text)}
html[data-theme="light"] body::before{background:radial-gradient(48rem 32rem at 7% 3%,rgba(10,132,255,.12),transparent 66%),radial-gradient(44rem 30rem at 94% 10%,rgba(50,213,200,.10),transparent 66%),radial-gradient(36rem 27rem at 58% 84%,rgba(94,92,230,.06),transparent 70%);opacity:.9}
html[data-theme="light"] body::after{opacity:.28;background-image:linear-gradient(rgba(22,91,135,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,91,135,.035) 1px,transparent 1px)}
html[data-theme="light"] .home-page{background:#f4f7fb}
html[data-theme="light"] .home-atmosphere{background:radial-gradient(ellipse 70% 50% at 48% 45%,rgba(0,179,179,.08),transparent 72%),radial-gradient(ellipse 60% 46% at 57% 59%,rgba(10,132,255,.08),transparent 76%),linear-gradient(180deg,#f7faff 0%,#edf5fb 50%,#f5f8fc 100%)}
html[data-theme="light"] .home-grid{background-image:linear-gradient(rgba(24,105,155,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(24,105,155,.045) 1px,transparent 1px);opacity:.62}
html[data-theme="light"] .tech-mark,html[data-theme="light"] .service-glyph{background:rgba(255,255,255,.48);border-color:rgba(27,139,190,.13);color:rgba(17,95,139,.42);box-shadow:0 10px 28px rgba(47,98,128,.05)}
html[data-theme="light"] .site-nav__bar{background:rgba(255,255,255,.88);border-color:rgba(34,91,132,.14);box-shadow:0 18px 48px rgba(46,79,105,.13),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
html[data-theme="light"] .site-nav__bar::before{background:linear-gradient(110deg,rgba(255,255,255,.75),transparent 32%,rgba(50,215,255,.06) 70%,transparent)}
html[data-theme="light"] .brand{padding:5px 8px;border-radius:13px;background:#0b1724}
html[data-theme="light"] .brand img{filter:none}
html[data-theme="light"] .nav-links a{color:#50647a}
html[data-theme="light"] .nav-links a:hover{color:#0b1724;background:rgba(10,132,255,.055)}
html[data-theme="light"] .nav-links a.active{color:#0a568f;background:linear-gradient(135deg,rgba(10,132,255,.10),rgba(50,215,255,.06));box-shadow:inset 0 0 0 1px rgba(10,132,255,.10)}
html[data-theme="light"] .icon-btn,html[data-theme="light"] .language-btn{background:#f5f8fc;color:#263a50;border-color:rgba(28,84,123,.12)}
html[data-theme="light"] .icon-btn:hover,html[data-theme="light"] .language-btn:hover{background:#eaf2f8;border-color:rgba(10,132,255,.20)}
html[data-theme="light"] .language-btn{color:#263a50}html[data-theme="light"] .language-btn svg{color:#247fc2}
html[data-theme="light"] .language-menu,html[data-theme="light"] .nav-drawer{background:rgba(255,255,255,.97);border-color:rgba(34,91,132,.14);box-shadow:0 24px 64px rgba(46,79,105,.18)}
html[data-theme="light"] .language-menu button,html[data-theme="light"] .nav-drawer a{color:#50647a}
html[data-theme="light"] .language-menu button:hover,html[data-theme="light"] .language-menu button.active,html[data-theme="light"] .nav-drawer a:hover,html[data-theme="light"] .nav-drawer a.active{background:#eef5fb;color:#0b1724}
html[data-theme="light"] .hero p,html[data-theme="light"] .section-lead,html[data-theme="light"] .muted{color:#607287}
html[data-theme="light"] .hero-kicker,html[data-theme="light"] .proof-chip,html[data-theme="light"] .flagship-pill{background:rgba(255,255,255,.70);border-color:rgba(10,132,255,.13);color:#50647a;box-shadow:0 12px 34px rgba(42,87,120,.08)}
html[data-theme="light"] .flagship-pill b,html[data-theme="light"] .proof-chip b{color:#102235}
html[data-theme="light"] .flagship-pill em{color:#607287}
html[data-theme="light"] .zentapp-card,html[data-theme="light"] .system-card{background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(238,245,251,.92));border-color:rgba(32,98,144,.14);box-shadow:0 38px 90px rgba(45,81,110,.17),inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] .system-brand small,html[data-theme="light"] .stage-core small,html[data-theme="light"] .zentapp-foot span{color:#65798d}
html[data-theme="light"] .module-chip{background:rgba(255,255,255,.84);color:#53687d;border-color:rgba(28,86,126,.12);box-shadow:0 8px 22px rgba(46,79,105,.08)}
html[data-theme="light"] .module-chip.is-active{color:#102235;background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent) 13%,white),rgba(255,255,255,.94))}
html[data-theme="light"] .zentapp-foot span{background:rgba(255,255,255,.60)}
html[data-theme="light"] .hero-build{border-color:rgba(33,89,129,.10)}
html[data-theme="light"] .hero-build-label span{color:#172a3d}html[data-theme="light"] .hero-build-label small{color:#728499}
html[data-theme="light"] .build-chip{background:color-mix(in srgb,var(--svc) 5%,white);color:#40566b}

html[data-theme="light"] .intel-card,html[data-theme="light"] .finder-shell,html[data-theme="light"] .form-card,html[data-theme="light"] .info-card,html[data-theme="light"] .success-card,html[data-theme="light"] .price-card,html[data-theme="light"] .story-card,html[data-theme="light"] .dialog-card{background:rgba(255,255,255,.83);border-color:rgba(30,82,121,.11);box-shadow:0 18px 48px rgba(44,77,105,.10),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
html[data-theme="light"] .intel-card h3,html[data-theme="light"] .dialog-card h2,html[data-theme="light"] .story-card blockquote,html[data-theme="light"] .price-card h3{color:#102235}
html[data-theme="light"] .intel-card p,html[data-theme="light"] .dialog-card>p,html[data-theme="light"] .story-card footer small{color:#607287}

html[data-theme="light"] .service-card-ios,html[data-theme="light"] .services-ios-section .service-card-ios{background:radial-gradient(circle at 65% -5%,rgba(var(--service-rgb),.11),transparent 48%),rgba(255,255,255,.88);box-shadow:0 18px 44px rgba(42,77,104,.10),inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] .services-ios-section .service-card-ios h3{color:#102235}html[data-theme="light"] .services-ios-section .service-card-ios p{color:#607287}
html[data-theme="light"] .service-open-ios{color:#183048!important;background:rgba(var(--service-rgb),.055)!important}
html[data-theme="light"] .product-card.product-card-ios{background:radial-gradient(circle at 80% 5%,rgba(var(--accent-rgb),.10),transparent 45%),rgba(255,255,255,.88);box-shadow:0 18px 46px rgba(42,77,104,.11),inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] .product-card.product-card-ios h3,html[data-theme="light"] .product-card.product-card-ios .product-purpose b{color:#102235}
html[data-theme="light"] .product-card.product-card-ios .product-purpose p,html[data-theme="light"] .product-price-note{color:#607287}
html[data-theme="light"] .product-card.product-card-ios .product-core-features span{color:#40566b;background:rgba(var(--accent-rgb),.045)}
html[data-theme="light"] .product-card.product-card-ios .product-actions .btn-secondary{color:#183048;background:rgba(var(--accent-rgb),.045)}

html[data-theme="light"] .principle-card{background:radial-gradient(circle at 18% 0%,rgba(var(--principle-rgb),.11),transparent 52%),rgba(255,255,255,.88)!important;box-shadow:0 18px 44px rgba(42,77,104,.10),inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] .principle-card h3{color:#102235}html[data-theme="light"] .principle-card p{color:#607287}html[data-theme="light"] .principle-traits span{color:#334a60;background:rgba(var(--principle-rgb),.04)}
html[data-theme="light"] .process-minimal-step{background:radial-gradient(circle at 78% 0%,rgba(var(--process-rgb),.10),transparent 50%),rgba(255,255,255,.88)!important;box-shadow:0 16px 40px rgba(42,77,104,.09),inset 0 1px rgba(255,255,255,.95)}
html[data-theme="light"] .process-minimal-step h3{color:#102235}html[data-theme="light"] .process-minimal-step p{color:#607287}

html[data-theme="light"] .client-row,html[data-theme="light"] .client-card,html[data-theme="light"] .portal-result,html[data-theme="light"] .portal-client-card{background:rgba(255,255,255,.78);border-color:rgba(30,82,121,.10);color:#102235}
html[data-theme="light"] .client-row small,html[data-theme="light"] .client-card small,html[data-theme="light"] .portal-result small,html[data-theme="light"] .portal-client-card small{color:#65788c}
html[data-theme="light"] .finder-input,html[data-theme="light"] .portal-search-input{background:#fff;border-color:rgba(31,88,130,.13);color:#102235}
html[data-theme="light"] .finder-input input,html[data-theme="light"] .portal-search-input input{color:#102235}
html[data-theme="light"] .finder-input input::placeholder,html[data-theme="light"] .portal-search-input input::placeholder{color:#8495a7}

html[data-theme="light"] .inquiry-contact-card,html[data-theme="light"] .inquiry-glass-card{background:radial-gradient(circle at 12% 0%,rgba(10,132,255,.09),transparent 38%),rgba(255,255,255,.80);border-color:rgba(28,93,137,.13);box-shadow:0 20px 50px rgba(42,77,104,.10),inset 0 1px 0 rgba(255,255,255,.95)}
html[data-theme="light"] .inquiry-contact-card h2,html[data-theme="light"] .inquiry-form-heading h2{color:#102235}
html[data-theme="light"] .inquiry-contact-card>.muted,html[data-theme="light"] .inquiry-form-heading .muted{color:#607287}
html[data-theme="light"] .inquiry-contact-item{background:rgba(245,249,252,.88);border-color:rgba(30,82,121,.09)}
html[data-theme="light"] .inquiry-contact-item b{color:#263c52}html[data-theme="light"] .inquiry-contact-item small{color:#71849a}
html[data-theme="light"] .inquiry-glass-card .field input,html[data-theme="light"] .inquiry-glass-card .field select,html[data-theme="light"] .inquiry-glass-card .field textarea{background:rgba(248,251,253,.94);color:#102235;border-color:rgba(28,84,124,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
html[data-theme="light"] .inquiry-glass-card .field label{color:#72859a}
html[data-theme="light"] .inquiry-glass-card .field:focus-within label,html[data-theme="light"] .inquiry-glass-card .field-line-icon{color:#0A84FF}
html[data-theme="light"] .inquiry-stage{background:rgba(241,247,252,.85);border-color:rgba(28,84,124,.10)}
html[data-theme="light"] .inquiry-stage span small{color:#65798e}
html[data-theme="light"] .inquiry-trust-note{color:#65798e}
html[data-theme="light"] .inquiry-form-advanced input[type="date"],html[data-theme="light"] .inquiry-form-advanced input[type="time"]{color-scheme:light}
html[data-theme="light"] .inquiry-form-advanced input[type="date"]::-webkit-calendar-picker-indicator,html[data-theme="light"] .inquiry-form-advanced input[type="time"]::-webkit-calendar-picker-indicator{filter:none}

html[data-theme="light"] .footer p,html[data-theme="light"] .footer a{color:#607287}html[data-theme="light"] .footer h4{color:#21364b}html[data-theme="light"] .copyright{color:#7a8da1}
html[data-theme="light"] .footer-grid{border-color:rgba(28,84,124,.10)}
html[data-theme="light"] .footer> .container>.footer-grid>div:first-child>img{background:#0b1724;padding:7px 10px;border-radius:14px;height:54px;object-fit:contain}
html[data-theme="light"] .btn-secondary{background:#eef4f9;color:#1d3349;border-color:rgba(28,84,124,.13)}html[data-theme="light"] .btn-secondary:hover{background:#e4eef6}
html[data-theme="light"] .btn-ghost{color:#466077;border-color:rgba(28,84,124,.14)}
html[data-theme="light"] .dialog-close{background:#edf3f8;color:#263a50;border-color:rgba(28,84,124,.12)}
html[data-theme="light"] dialog::backdrop{background:rgba(72,89,105,.28)}
html[data-theme="light"] .cta{box-shadow:0 20px 50px rgba(10,91,145,.18)}

/* Smooth theme swap without animating layout. */
body,.site-nav__bar,.nav-drawer,.language-menu,.intel-card,.finder-shell,.form-card,.info-card,.success-card,.price-card,.story-card,.service-card,.product-card,.principle-card,.process-minimal-step,.dialog-card,.inquiry-contact-card,.inquiry-glass-card{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}
@media(prefers-reduced-motion:reduce){.theme-toggle .theme-icon,.module-chip{transition:none!important}}


/* ======================================================================
   V44 — Contact cleanup, hero free-trial signal, full public light-mode pass
   ====================================================================== */

/* Contact page: form-only presentation after removing the side contact panel. */
.inquiry-layout--form-only{
  grid-template-columns:minmax(0,920px)!important;
  justify-content:center;
}
.inquiry-layout--form-only .inquiry-glass-card{width:100%}

/* Eye-catching but contained 2-month trial treatment inside the ZentApp hero slider. */
.zentapp-trial-signal{
  position:relative;
  z-index:5;
  width:min(88%,390px);
  min-height:64px;
  margin:-4px auto 10px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:8px 10px 8px 8px;
  overflow:hidden;
  isolation:isolate;
  border-radius:18px;
  border:1px solid rgba(93,232,190,.28);
  background:
    radial-gradient(circle at 5% 12%,rgba(48,209,88,.24),transparent 40%),
    linear-gradient(135deg,rgba(8,52,45,.82),rgba(8,30,38,.84) 52%,rgba(8,21,32,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 36px rgba(0,0,0,.22),0 0 24px rgba(48,209,88,.08);
  color:#fff;
  transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.zentapp-trial-signal::before{
  content:"";
  position:absolute;
  inset:-45% -30%;
  z-index:-1;
  background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.15) 48%,transparent 62%);
  transform:translateX(-70%);
  animation:zentTrialSweep 4.9s ease-in-out infinite;
}
.zentapp-trial-signal::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.zentapp-trial-glow{
  position:absolute;
  width:105px;height:105px;
  left:-36px;top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  border:1px solid rgba(91,242,196,.14);
  box-shadow:0 0 0 15px rgba(48,209,88,.035),0 0 0 31px rgba(48,213,200,.018);
  animation:zentTrialHalo 3.4s ease-in-out infinite alternate;
  z-index:-1;
}
.zentapp-trial-badge{
  width:49px;height:49px;
  display:grid;place-items:center;align-content:center;
  border-radius:15px;
  color:#04150f;
  background:linear-gradient(135deg,#30D158 0%,#2BD28D 52%,#30D5C8 100%);
  box-shadow:0 10px 25px rgba(48,209,88,.25),inset 0 1px 1px rgba(255,255,255,.48);
}
.zentapp-trial-badge b{font-size:20px;line-height:.9;letter-spacing:-.04em}
.zentapp-trial-badge small{font-size:6px;font-weight:900;letter-spacing:.12em;margin-top:2px}
.zentapp-trial-copy{min-width:0;display:block}
.zentapp-trial-copy>small{display:block;font-size:7.5px;line-height:1.1;font-weight:820;text-transform:uppercase;letter-spacing:.13em;color:#7cebc8}
.zentapp-trial-copy strong{display:block;margin-top:3px;font-size:17px;line-height:1;font-weight:820;letter-spacing:-.025em;color:#f8fffc}
.zentapp-trial-copy em{display:block;margin-top:4px;font-size:9px;line-height:1.25;font-style:normal;color:#9eb8b0}
.zentapp-trial-arrow{
  width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(48,209,88,.10);
  border:1px solid rgba(94,232,191,.16);
  color:#9ff1d7;
  font-size:16px;
  transition:transform .25s var(--ease),background .25s var(--ease);
}
@media(hover:hover) and (pointer:fine){
  .zentapp-trial-signal:hover{transform:translateY(-3px);border-color:rgba(99,236,198,.48);box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 44px rgba(0,0,0,.25),0 0 32px rgba(48,209,88,.11)}
  .zentapp-trial-signal:hover .zentapp-trial-arrow{transform:translateX(3px);background:rgba(48,209,88,.16)}
}
@keyframes zentTrialSweep{0%,62%,100%{transform:translateX(-72%);opacity:0}72%{opacity:1}90%{transform:translateX(78%);opacity:0}}
@keyframes zentTrialHalo{to{transform:translateY(-50%) scale(1.08);opacity:.82}}
@media(max-width:760px){
  .zentapp-trial-signal{width:min(92%,360px);min-height:58px;margin:-2px auto 8px;gap:9px;padding:7px 9px 7px 7px;border-radius:16px}
  .zentapp-trial-badge{width:44px;height:44px;border-radius:13px}.zentapp-trial-badge b{font-size:18px}
  .zentapp-trial-copy strong{font-size:15px}.zentapp-trial-copy em{font-size:8px}
}
@media(max-width:430px){.zentapp-trial-copy em{display:none}.zentapp-trial-arrow{width:30px;height:30px}.zentapp-trial-signal{grid-template-columns:auto 1fr auto}}

/* ----------------------- Complete public Light Mode -------------------- */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f7fb;
  --bg-2:#edf4fa;
  --surface:#ffffff;
  --surface-2:#f7fbff;
  --surface-3:#edf5fb;
  --surface-glass:rgba(255,255,255,.78);
  --text:#112236;
  --text-2:#294057;
  --muted:#5f7489;
  --muted-2:#768b9f;
  --line:rgba(32,91,132,.11);
  --line-strong:rgba(32,91,132,.18);
  --shadow:0 30px 78px rgba(47,82,110,.15);
  --shadow-sm:0 14px 38px rgba(47,82,110,.11);
  --spectrum:linear-gradient(110deg,#006ee6 0%,#0aa9e8 32%,#13bfae 54%,#5e5ce6 76%,#a54bd4 100%);
}
html[data-theme="light"],html[data-theme="light"] body{background:#f3f7fb;color:var(--text)}
html[data-theme="light"] body::before{
  background:
    radial-gradient(50rem 32rem at 8% 3%,rgba(10,132,255,.10),transparent 67%),
    radial-gradient(46rem 31rem at 94% 11%,rgba(48,213,200,.09),transparent 66%),
    radial-gradient(38rem 27rem at 54% 82%,rgba(94,92,230,.055),transparent 70%);
  opacity:.9;
}
html[data-theme="light"] body::after{opacity:.55;background-image:linear-gradient(rgba(27,100,145,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(27,100,145,.028) 1px,transparent 1px)}
html[data-theme="light"] .home-page{background:#f4f8fc}
html[data-theme="light"] .home-atmosphere{
  background:
    radial-gradient(ellipse 72% 52% at 48% 44%,rgba(23,190,190,.07),transparent 72%),
    radial-gradient(ellipse 62% 48% at 56% 58%,rgba(21,127,217,.075),transparent 76%),
    radial-gradient(circle at 22% 18%,rgba(94,92,230,.05),transparent 35%),
    linear-gradient(180deg,#f7fbff 0%,#eef6fb 50%,#f5f9fc 100%);
}
html[data-theme="light"] .home-grid{opacity:.72;background-image:linear-gradient(rgba(28,119,160,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,119,160,.035) 1px,transparent 1px)}
html[data-theme="light"] .home-orb{opacity:.10;filter:blur(54px)}
html[data-theme="light"] .tech-mark{background:rgba(255,255,255,.52);border-color:rgba(33,140,165,.10);color:rgba(35,112,139,.35);box-shadow:0 8px 30px rgba(51,92,120,.04)}
html[data-theme="light"] .service-glyph{background:rgba(255,255,255,.58);border-color:rgba(33,140,165,.11);color:rgba(28,114,145,.32)}
html[data-theme="light"] .home-system-nodes i{background:rgba(255,255,255,.55);border-color:rgba(47,177,189,.12)}

/* Navigation and menus */
html[data-theme="light"] .site-nav__bar{
  background:rgba(255,255,255,.84);
  border-color:rgba(42,96,132,.13);
  box-shadow:0 18px 48px rgba(48,83,108,.12),inset 0 1px rgba(255,255,255,.9);
  backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
}
html[data-theme="light"] .site-nav__bar::before{background:linear-gradient(110deg,rgba(255,255,255,.72),transparent 32%,rgba(28,176,213,.06) 70%,transparent)}
html[data-theme="light"] .brand img{filter:none}
html[data-theme="light"] .nav-links a{color:#51677d}
html[data-theme="light"] .nav-links a:hover{color:#17334b;background:rgba(25,94,137,.06)}
html[data-theme="light"] .nav-links a.active{color:#0d3555;background:linear-gradient(135deg,rgba(10,132,255,.10),rgba(50,215,255,.055));box-shadow:inset 0 0 0 1px rgba(10,132,255,.10)}
html[data-theme="light"] .icon-btn,html[data-theme="light"] .language-btn{background:rgba(244,249,253,.9);color:#254057;border-color:rgba(31,88,127,.12)}
html[data-theme="light"] .icon-btn:hover,html[data-theme="light"] .language-btn:hover{background:#eaf3f9;border-color:rgba(31,88,127,.19)}
html[data-theme="light"] .language-menu,html[data-theme="light"] .nav-drawer{background:rgba(255,255,255,.96);border-color:rgba(31,88,127,.12);box-shadow:0 22px 58px rgba(50,77,100,.16)}
html[data-theme="light"] .language-menu button,html[data-theme="light"] .nav-drawer a{color:#52687d}
html[data-theme="light"] .language-menu button:hover,html[data-theme="light"] .language-menu button.active,html[data-theme="light"] .nav-drawer a:hover,html[data-theme="light"] .nav-drawer a.active{background:#edf5fb;color:#17364f}

/* Global headings/copy */
html[data-theme="light"] .eyebrow{color:#087ad8}
html[data-theme="light"] .section-title,html[data-theme="light"] .page-intro h1,html[data-theme="light"] .hero h1{color:#102337}
html[data-theme="light"] .section-lead,html[data-theme="light"] .page-intro p,html[data-theme="light"] .hero p,html[data-theme="light"] .muted{color:#5f7489}
html[data-theme="light"] .link-arrow{color:#0877ce}html[data-theme="light"] .link-arrow:hover{color:#005cab}
html[data-theme="light"] .hero-kicker{background:rgba(255,255,255,.80);border-color:rgba(30,94,136,.11);color:#52697f;box-shadow:0 10px 26px rgba(54,86,108,.08)}
html[data-theme="light"] .proof-chip{background:rgba(255,255,255,.80);border-color:rgba(30,94,136,.10);color:#566c81;box-shadow:0 8px 24px rgba(55,89,112,.06)}

/* Hero / flagship / ZentApp slider */
html[data-theme="light"] .flagship-pill{background:rgba(255,255,255,.84);border-color:rgba(29,95,136,.12);box-shadow:0 17px 42px rgba(45,84,111,.10),inset 0 1px #fff}
html[data-theme="light"] .flagship-copy small{color:#59809e}html[data-theme="light"] .flagship-copy b{color:#17344d}html[data-theme="light"] .flagship-copy em{color:#6c8092}
html[data-theme="light"] .flagship-action{background:#f0f6fa;color:#2b4a63;border-color:rgba(28,92,132,.11)}
html[data-theme="light"] .flagship-action:hover{background:#e7f1f7;color:#153a56}
html[data-theme="light"] .zentapp-card{
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(238,246,252,.94));
  border-color:rgba(34,102,145,.13);
  box-shadow:0 34px 80px rgba(49,82,106,.15),inset 0 1px rgba(255,255,255,.96);
}
html[data-theme="light"] .zentapp-card::before{background:radial-gradient(280px circle at var(--px,72%) var(--py,18%),rgba(15,149,214,.09),transparent 58%)}
html[data-theme="light"] .zentapp-head b,html[data-theme="light"] .stage-core b{color:#17334c}
html[data-theme="light"] .zentapp-head small,html[data-theme="light"] .stage-core small{color:#667e92}
html[data-theme="light"] .stage-ring{border-color:rgba(25,133,205,.13);box-shadow:inset 0 0 40px rgba(10,132,255,.018)}
html[data-theme="light"] .ring-two{border-color:rgba(35,187,175,.16)}html[data-theme="light"] .ring-three{border-color:rgba(152,83,208,.13)}
html[data-theme="light"] .stage-core{background:linear-gradient(145deg,rgba(10,132,255,.12),rgba(50,215,200,.075));border-color:rgba(36,145,198,.17);box-shadow:0 18px 46px rgba(43,111,150,.11),inset 0 1px #fff}
html[data-theme="light"] .module-chip{background:rgba(255,255,255,.86);color:#53697e;border-color:rgba(31,94,136,.11);box-shadow:0 8px 20px rgba(47,79,103,.08)}
html[data-theme="light"] .module-chip.is-active{color:#173247;background:linear-gradient(145deg,color-mix(in srgb,var(--module-accent) 10%,white),rgba(255,255,255,.96));border-color:color-mix(in srgb,var(--module-accent) 28%,rgba(33,90,126,.12));box-shadow:0 10px 26px color-mix(in srgb,var(--module-accent) 11%,transparent),inset 0 1px #fff}
html[data-theme="light"] .zentapp-foot span{background:rgba(255,255,255,.55);border-color:rgba(28,94,132,.10);color:#607689}
html[data-theme="light"] .float-note{background:rgba(255,255,255,.88);border-color:rgba(34,96,134,.10);color:#617489;box-shadow:0 12px 30px rgba(54,82,103,.10)}
html[data-theme="light"] .float-note b{color:#1c3850}
html[data-theme="light"] .hero-build{border-color:rgba(28,91,130,.09)}
html[data-theme="light"] .hero-build-label span{color:#20445f}html[data-theme="light"] .hero-build-label small{color:#718699}
html[data-theme="light"] .build-chip{background:rgba(255,255,255,.70);border-color:rgba(27,91,130,.10);color:#49657b}
html[data-theme="light"] .zentapp-trial-signal{background:radial-gradient(circle at 5% 12%,rgba(48,209,88,.13),transparent 42%),linear-gradient(135deg,rgba(236,253,247,.96),rgba(239,250,251,.94) 55%,rgba(247,252,255,.96));border-color:rgba(35,180,134,.22);box-shadow:inset 0 1px #fff,0 14px 32px rgba(51,104,86,.10),0 0 22px rgba(48,209,88,.05)}
html[data-theme="light"] .zentapp-trial-copy>small{color:#248c6b}html[data-theme="light"] .zentapp-trial-copy strong{color:#11382d}html[data-theme="light"] .zentapp-trial-copy em{color:#5d7d74}
html[data-theme="light"] .zentapp-trial-arrow{color:#218e70;background:rgba(48,209,88,.08);border-color:rgba(37,161,124,.14)}

/* Unified glass surfaces used throughout pages. */
html[data-theme="light"] .intel-card,html[data-theme="light"] .finder-shell,html[data-theme="light"] .form-card,html[data-theme="light"] .info-card,html[data-theme="light"] .success-card,html[data-theme="light"] .price-card,html[data-theme="light"] .story-card,html[data-theme="light"] .dialog-card{
  background:rgba(255,255,255,.86);
  border-color:rgba(31,90,128,.11);
  box-shadow:0 18px 46px rgba(48,80,103,.10),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
html[data-theme="light"] .intel-card h3,html[data-theme="light"] .story-card blockquote,html[data-theme="light"] .price-card h3,html[data-theme="light"] .dialog-card h2{color:#173247}
html[data-theme="light"] .intel-card p,html[data-theme="light"] .story-card footer small,html[data-theme="light"] .price-card li,html[data-theme="light"] .dialog-card p{color:#607488}

/* Momentum */
html[data-theme="light"] .momentum-feature .momentum-v27{background:radial-gradient(circle at 8% 12%,rgba(10,132,255,.08),transparent 31%),radial-gradient(circle at 88% 82%,rgba(82,230,168,.06),transparent 30%),rgba(255,255,255,.89);border-color:rgba(40,109,151,.12)}
html[data-theme="light"] .momentum-metric{background:rgba(245,250,253,.86);border-color:rgba(35,94,132,.10)}
html[data-theme="light"] .momentum-metric-copy b{color:#173247}html[data-theme="light"] .momentum-metric-copy small{color:#64798d}
html[data-theme="light"] .momentum-v27-signal{background:#f4f9fc;border-color:rgba(37,101,140,.09)}
html[data-theme="light"] .momentum-signal-label span{color:#35536b}html[data-theme="light"] .momentum-signal-label small{color:#7c8fa1}
html[data-theme="light"] .featured-rotator::before{opacity:.45}
html[data-theme="light"] .feature-rotate-copy h3{color:#173247}html[data-theme="light"] .feature-rotate-copy p{color:#64798d}

/* Service cards */
html[data-theme="light"] .service-card-ios{
  background:
    radial-gradient(circle at 65% -5%,rgba(var(--svc-rgb),.09),transparent 48%),
    rgba(255,255,255,.91);
  border-color:rgba(var(--svc-rgb),.22);
  box-shadow:0 17px 42px rgba(45,78,101,.10),inset 0 1px #fff;
}
html[data-theme="light"] .service-card-ios h3{color:#183249}html[data-theme="light"] .service-card-ios p{color:#62778a}
html[data-theme="light"] .service-open-ios{background:rgba(var(--svc-rgb),.045);border-color:rgba(var(--svc-rgb),.22);color:#38566e}
html[data-theme="light"] .service-open-ios .open-arrow{color:#fff}
html[data-theme="light"] .service-detail-points span,html[data-theme="light"] .service-best-for{color:#5d7286}
html[data-theme="light"] .service-detail-points span{background:rgba(var(--svc-rgb),.035);border-color:rgba(var(--svc-rgb),.12)}
@media(hover:hover) and (pointer:fine){html[data-theme="light"] .service-card-ios:hover{border-color:rgba(var(--svc-rgb),.42);box-shadow:0 20px 48px rgba(46,80,102,.12),0 0 24px rgba(var(--svc-rgb),.045),inset 0 1px #fff}}

/* Product cards */
html[data-theme="light"] .product-card-ios{
  background:
    radial-gradient(circle at 80% 5%,rgba(var(--product-rgb),.085),transparent 45%),
    rgba(255,255,255,.91);
  border-color:rgba(var(--product-rgb),.19);
  box-shadow:0 18px 46px rgba(47,80,102,.10),inset 0 1px #fff;
}
html[data-theme="light"] .product-heading h3,html[data-theme="light"] .product-purpose b{color:#173247}
html[data-theme="light"] .product-heading small,html[data-theme="light"] .product-purpose p,html[data-theme="light"] .product-price-note-clean{color:#65798c}
html[data-theme="light"] .product-core-features span{background:rgba(var(--product-rgb),.035);border-color:rgba(var(--product-rgb),.12);color:#526a7e}
html[data-theme="light"] .product-offer-clean{background:rgba(var(--product-rgb),.035);border-color:rgba(var(--product-rgb),.11)}
html[data-theme="light"] .product-offer-clean strong,html[data-theme="light"] .product-offer-clean span{color:#1f425a}
html[data-theme="light"] .product-offer-clean small{color:#728699}
@media(hover:hover) and (pointer:fine){html[data-theme="light"] .product-card-ios:hover{border-color:rgba(var(--product-rgb),.38);box-shadow:0 21px 50px rgba(46,79,102,.12),0 0 25px rgba(var(--product-rgb),.045),inset 0 1px #fff}}

/* Principle */
html[data-theme="light"] .principle-card{
  background:
    radial-gradient(circle at 18% 0%,rgba(var(--principle-rgb),.08),transparent 52%),
    rgba(255,255,255,.91)!important;
  border-color:rgba(var(--principle-rgb),.18)!important;
  box-shadow:0 18px 44px rgba(47,80,103,.10),inset 0 1px #fff!important;
}
html[data-theme="light"] .principle-card h3{color:#173247}html[data-theme="light"] .principle-card p{color:#61768a}
html[data-theme="light"] .principle-traits span{background:rgba(var(--principle-rgb),.035);border-color:rgba(var(--principle-rgb),.13);color:#4f687d}

/* Process */
html[data-theme="light"] .process-minimal-step{
  background:
    radial-gradient(circle at 78% 0%,rgba(var(--process-rgb),.075),transparent 50%),
    rgba(255,255,255,.91)!important;
  border-color:rgba(var(--process-rgb),.17)!important;
  box-shadow:0 17px 42px rgba(47,80,103,.095),inset 0 1px #fff!important;
}
html[data-theme="light"] .process-minimal-step h3{color:#173247}html[data-theme="light"] .process-minimal-step p{color:#63788b}
html[data-theme="light"] .process-minimal-number{color:#294b64;background:rgba(var(--process-rgb),.045);border-color:rgba(var(--process-rgb),.18)}

/* Client access + finder */
html[data-theme="light"] .finder-input,html[data-theme="light"] .portal-search-input{background:#f7fbfe;border-color:rgba(31,91,130,.12);color:#19364f}
html[data-theme="light"] .finder-input input,html[data-theme="light"] .portal-search-input input{color:#19364f}html[data-theme="light"] .finder-input input::placeholder,html[data-theme="light"] .portal-search-input input::placeholder{color:#8194a5}
html[data-theme="light"] .filter-chip{background:#f2f7fb;color:#5b7084;border-color:rgba(31,91,130,.10)}html[data-theme="light"] .filter-chip.active{background:linear-gradient(135deg,rgba(10,132,255,.10),rgba(50,215,255,.05));color:#174b72;border-color:rgba(10,132,255,.17)}
html[data-theme="light"] .client-access-card,html[data-theme="light"] .home-client-card,html[data-theme="light"] .portal-result-card{background:rgba(255,255,255,.91);border-color:color-mix(in srgb,var(--client,#0A84FF) 18%,rgba(29,91,130,.11));box-shadow:0 15px 38px rgba(47,78,100,.09),inset 0 1px #fff}
html[data-theme="light"] .client-access-card h3,html[data-theme="light"] .home-client-card h3,html[data-theme="light"] .portal-result-copy b{color:#173247}
html[data-theme="light"] .client-access-card p,html[data-theme="light"] .home-client-card p,html[data-theme="light"] .portal-result-copy span,html[data-theme="light"] .portal-result-copy small{color:#657a8d}
html[data-theme="light"] .client-search-empty,html[data-theme="light"] .portal-empty{background:#f6fafc;border-color:rgba(34,94,132,.10);color:#5f7489}

/* Advanced enquiry/demo forms */
html[data-theme="light"] .inquiry-glass-card{
  background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(244,249,253,.90));
  border-color:rgba(27,100,148,.12);
  box-shadow:0 28px 68px rgba(44,78,104,.13),inset 0 1px rgba(255,255,255,1);
}
html[data-theme="light"] .inquiry-glass-card::before{background:radial-gradient(circle at 68% 5%,rgba(10,132,255,.085),transparent 45%),radial-gradient(circle at 14% 76%,rgba(50,215,255,.055),transparent 38%)}
html[data-theme="light"] .inquiry-form-heading h2{color:#163149}html[data-theme="light"] .inquiry-form-heading p{color:#667b8e}html[data-theme="light"] .inquiry-form-heading>span{color:#0878d2}
html[data-theme="light"] .inquiry-stage span{color:#71869a}html[data-theme="light"] .inquiry-stage span.active{color:#1a4b6e}html[data-theme="light"] .inquiry-stage i{background:rgba(36,97,135,.11)}
html[data-theme="light"] .inquiry-form-advanced .field{background:rgba(248,252,255,.92);border-color:rgba(31,92,132,.12);box-shadow:inset 0 1px #fff}
html[data-theme="light"] .inquiry-form-advanced .field:hover{border-color:rgba(31,100,145,.19)}
html[data-theme="light"] .inquiry-form-advanced input,html[data-theme="light"] .inquiry-form-advanced select,html[data-theme="light"] .inquiry-form-advanced textarea{color:#17344d;background:transparent}
html[data-theme="light"] .inquiry-form-advanced label{color:#758a9d}html[data-theme="light"] .field-line-icon,html[data-theme="light"] .field-select-chevron{color:#688096}
html[data-theme="light"] .inquiry-form-advanced .field:focus-within{background:#fff;box-shadow:0 0 0 1px rgba(10,132,255,.16),0 10px 26px rgba(53,106,143,.08),inset 0 1px #fff}
html[data-theme="light"] .inquiry-trust-note{color:#667d8f}
html[data-theme="light"] .inquiry-form-advanced select option{background:#fff;color:#19364f}
html[data-theme="light"] .inquiry-form-advanced input[type="date"],html[data-theme="light"] .inquiry-form-advanced input[type="time"]{color-scheme:light}

/* Footer and CTA */
html[data-theme="light"] .footer{background:linear-gradient(180deg,rgba(240,247,252,.38),rgba(233,242,248,.76));border-top-color:rgba(31,91,130,.09)}
html[data-theme="light"] .footer p,html[data-theme="light"] .footer a{color:#5d7285}
html[data-theme="light"] .footer h4{color:#1e3a52}
html[data-theme="light"] .copyright{color:#7a8e9f;border-color:rgba(31,91,130,.09)}
html[data-theme="light"] .footer-grid{border-color:rgba(31,91,130,.09)}
html[data-theme="light"] .footer> .container>.footer-grid>div:first-child>img{background:#0c1722;padding:7px 10px;border-radius:14px;height:54px;object-fit:contain}
html[data-theme="light"] .cta{background:linear-gradient(135deg,#0c72d8 0%,#0e9dcc 50%,#13bcae 100%);box-shadow:0 20px 50px rgba(20,102,154,.18)}
html[data-theme="light"] .cta h2,html[data-theme="light"] .cta p{color:#fff}
html[data-theme="light"] .cta .eyebrow{color:#d9fbff!important}

/* Buttons, dialogs, miscellaneous controls */
html[data-theme="light"] .btn-secondary{background:#edf4f9;color:#1f3b52;border-color:rgba(31,91,130,.13)}
html[data-theme="light"] .btn-secondary:hover{background:#e2edf5}
html[data-theme="light"] .btn-ghost{color:#456079;border-color:rgba(31,91,130,.14);background:rgba(255,255,255,.42)}
html[data-theme="light"] .dialog-card{color:#173247}html[data-theme="light"] .dialog-close{background:#eef4f8;color:#264057;border-color:rgba(31,91,130,.12)}
html[data-theme="light"] .dialog-features span{background:#f3f8fb;border-color:rgba(31,91,130,.10);color:#536b80}
html[data-theme="light"] dialog::backdrop{background:rgba(62,82,99,.25);backdrop-filter:blur(3px)}
html[data-theme="light"] .status-pill{background:rgba(48,209,88,.085);border-color:rgba(48,172,91,.14);color:#208847}
html[data-theme="light"] .live-badge{background:rgba(48,209,88,.07);border-color:rgba(48,172,91,.12);color:#218648}

/* Page-specific surfaces that were previously dark-only. */
html[data-theme="light"] .service-page-card,html[data-theme="light"] .client-access-search-shell{background:rgba(255,255,255,.86);border-color:rgba(31,91,130,.10);box-shadow:0 16px 42px rgba(47,79,101,.09),inset 0 1px #fff}
html[data-theme="light"] .success-card h1,html[data-theme="light"] .info-card h2,html[data-theme="light"] .form-card h2{color:#173247}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#8698a8}

@media(prefers-reduced-motion:reduce){
  .zentapp-trial-signal::before,.zentapp-trial-glow{animation:none!important}
}
\n\n/* V45 — Minimal navigation + flying free-trial signal */\n.site-nav__bar{gap:16px}\n.nav-links{gap:5px}\n.nav-links a{padding-inline:13px}\n@media(min-width:1051px){.brand{min-width:180px}.nav-actions{margin-left:8px}}\n\n/* The old in-card trial treatment is intentionally retired. */\n.zentapp-trial-signal{display:none!important}\n\n.trial-fly-offer{\n  --fly-a:#30D158;--fly-b:#30D5C8;\n  position:absolute;right:-28px;bottom:38px;z-index:9;\n  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;\n  min-width:205px;padding:8px 10px 8px 8px;border-radius:18px;\n  color:#f7fffd;text-decoration:none;\n  background:linear-gradient(145deg,rgba(13,27,33,.82),rgba(7,16,25,.84));\n  border:1px solid color-mix(in srgb,var(--fly-a) 42%,rgba(255,255,255,.10));\n  box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 44px rgba(0,0,0,.25),0 0 28px color-mix(in srgb,var(--fly-a) 12%,transparent);\n  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);\n  animation:trialFlyPath 8.4s ease-in-out infinite,trialFlyColor 15s linear infinite;\n  transform-origin:center;overflow:visible;\n}\n.trial-fly-offer::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,var(--fly-a),var(--fly-b),rgba(255,255,255,.15));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.78;pointer-events:none}\n.trial-fly-orbit{position:absolute;width:42px;height:42px;left:-8px;top:50%;border-radius:50%;border:1px solid color-mix(in srgb,var(--fly-b) 35%,transparent);transform:translateY(-50%);box-shadow:0 0 0 9px color-mix(in srgb,var(--fly-a) 4%,transparent);animation:trialFlyOrbit 4.2s linear infinite;pointer-events:none}\n.trial-fly-badge{position:relative;width:43px;height:43px;display:grid;place-items:center;align-content:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--fly-a),var(--fly-b));border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px color-mix(in srgb,var(--fly-a) 27%,transparent),inset 0 1px rgba(255,255,255,.28)}\n.trial-fly-badge b{font-size:18px;line-height:.9}.trial-fly-badge small{margin-top:2px;font-size:5.8px;font-weight:900;letter-spacing:.11em}\n.trial-fly-copy{min-width:0}.trial-fly-copy small{display:block;font-size:7.2px;text-transform:uppercase;letter-spacing:.12em;color:#9db7b4;font-weight:820}.trial-fly-copy strong{display:block;margin-top:3px;font-size:15px;letter-spacing:-.02em;color:#f6fffd}\n.trial-fly-arrow{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;color:var(--fly-b);background:color-mix(in srgb,var(--fly-a) 9%,rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--fly-a) 18%,transparent);transition:transform .25s ease}\n@media(hover:hover) and (pointer:fine){.trial-fly-offer:hover{animation-play-state:paused;box-shadow:inset 0 1px rgba(255,255,255,.10),0 22px 52px rgba(0,0,0,.30),0 0 34px color-mix(in srgb,var(--fly-a) 18%,transparent)}.trial-fly-offer:hover .trial-fly-arrow{transform:translate(2px,-2px)}}\n@keyframes trialFlyPath{0%,100%{transform:translate3d(0,0,0) rotate(-1.2deg)}25%{transform:translate3d(-8px,-9px,0) rotate(.8deg)}50%{transform:translate3d(3px,-15px,0) rotate(1.3deg)}75%{transform:translate3d(9px,-6px,0) rotate(-.4deg)}}\n@keyframes trialFlyColor{0%,100%{--fly-a:#30D158;--fly-b:#30D5C8}25%{--fly-a:#0A84FF;--fly-b:#64D2FF}50%{--fly-a:#5E5CE6;--fly-b:#BF5AF2}75%{--fly-a:#FF2D55;--fly-b:#FF9500}}\n@keyframes trialFlyOrbit{to{transform:translateY(-50%) rotate(360deg)}}\nhtml[data-theme="light"] .trial-fly-offer{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(237,247,251,.90));color:#153149;box-shadow:inset 0 1px #fff,0 16px 38px rgba(52,87,110,.15),0 0 24px color-mix(in srgb,var(--fly-a) 9%,transparent)}\nhtml[data-theme="light"] .trial-fly-copy small{color:#607b88}html[data-theme="light"] .trial-fly-copy strong{color:#16334a}\n@media(max-width:1100px){.trial-fly-offer{right:18px;bottom:18px}}\n@media(max-width:760px){.trial-fly-offer{right:6px;bottom:8px;min-width:174px;padding:6px 8px 6px 6px;gap:7px;border-radius:15px;transform:scale(.88)}.trial-fly-badge{width:37px;height:37px;border-radius:12px}.trial-fly-badge b{font-size:16px}.trial-fly-copy strong{font-size:13px}.trial-fly-copy small{font-size:6px}.trial-fly-arrow{width:25px;height:25px;border-radius:9px}}\n@media(max-width:420px){.trial-fly-offer{right:2px;bottom:4px;min-width:152px}.trial-fly-copy small{display:none}}\n@media(prefers-reduced-motion:reduce){.trial-fly-offer,.trial-fly-orbit{animation:none!important}}\n

/* V47 — Giveaway take-off model for the 2 Months Free Trial */
.trial-fly-offer.trial-giveaway{
  --fly-a:#30D158;
  --fly-b:#30D5C8;
  right:-34px;
  bottom:34px;
  min-width:252px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  padding:9px 11px 9px 9px;
  border-radius:20px;
  background:
    radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--fly-a) 15%,transparent),transparent 42%),
    linear-gradient(145deg,rgba(12,27,35,.90),rgba(6,16,25,.88));
  border-color:color-mix(in srgb,var(--fly-a) 48%,rgba(255,255,255,.11));
  box-shadow:
    inset 0 1px rgba(255,255,255,.09),
    0 18px 48px rgba(0,0,0,.28),
    0 0 32px color-mix(in srgb,var(--fly-a) 15%,transparent);
  animation:trialGiveawayTakeoff 7.4s cubic-bezier(.45,.02,.2,1) infinite,trialGiveawayPalette 18s steps(1,end) infinite;
}
.trial-fly-offer.trial-giveaway::before{
  opacity:.92;
  background:linear-gradient(120deg,var(--fly-a),var(--fly-b),rgba(255,255,255,.22),var(--fly-a));
}
.trial-fly-offer.trial-giveaway::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 28%,rgba(255,255,255,.10) 45%,transparent 61%);
  transform:translateX(-75%);
  animation:trialGiveawaySheen 6.8s ease-in-out infinite;
}
.trial-giveaway .trial-fly-orbit{
  width:50px;height:50px;left:-11px;
  border-color:color-mix(in srgb,var(--fly-b) 46%,transparent);
  box-shadow:
    0 0 0 8px color-mix(in srgb,var(--fly-a) 5%,transparent),
    0 0 0 16px color-mix(in srgb,var(--fly-b) 3%,transparent);
  animation:trialFlyOrbit 4.8s linear infinite;
}
.trial-giveaway .trial-fly-badge{
  width:50px;height:50px;border-radius:16px;
  background:linear-gradient(135deg,var(--fly-a) 0%,color-mix(in srgb,var(--fly-a) 52%,var(--fly-b)) 48%,var(--fly-b) 100%);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:
    0 12px 28px color-mix(in srgb,var(--fly-a) 30%,transparent),
    inset 0 1px 1px rgba(255,255,255,.38);
}
.trial-giveaway .trial-fly-badge b{font-size:21px;line-height:.88}
.trial-giveaway .trial-fly-badge small{font-size:5.9px;margin-top:3px}
.trial-giveaway .trial-fly-copy small{
  color:color-mix(in srgb,var(--fly-b) 68%,#d8fbff);
  font-size:7.1px;
  font-weight:900;
  letter-spacing:.14em;
}
.trial-giveaway .trial-fly-copy strong{
  margin-top:3px;
  font-size:16px;
  line-height:1.05;
  color:#f8fffe;
}
.trial-giveaway .trial-fly-copy em{
  display:block;
  margin-top:3px;
  color:#91a9ad;
  font-size:8.6px;
  line-height:1.2;
  font-style:normal;
}
.trial-giveaway .trial-fly-arrow{
  width:34px;height:34px;border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--fly-a) 36%,rgba(255,255,255,.04)),color-mix(in srgb,var(--fly-b) 20%,rgba(255,255,255,.02)));
  border-color:color-mix(in srgb,var(--fly-a) 32%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.10);
}
.trial-giveaway .trial-fly-arrow svg{width:16px;height:16px;transition:transform .28s ease}
.trial-fly-trail{
  position:absolute;
  right:12px;
  bottom:-15px;
  width:72px;
  height:18px;
  pointer-events:none;
  transform:rotate(-16deg);
  opacity:.58;
}
.trial-fly-trail::before{
  content:"";
  position:absolute;
  left:0;right:9px;top:8px;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fly-a) 60%,transparent),var(--fly-b));
  filter:blur(.2px);
}
.trial-fly-trail i{
  position:absolute;
  width:4px;height:4px;border-radius:50%;
  background:var(--fly-b);
  box-shadow:0 0 9px color-mix(in srgb,var(--fly-b) 70%,transparent);
  animation:trialGiveawayTrail 2.6s ease-in-out infinite;
}
.trial-fly-trail i:nth-child(1){left:12px;top:6px;animation-delay:-.2s}
.trial-fly-trail i:nth-child(2){left:35px;top:8px;animation-delay:-1s}
.trial-fly-trail i:nth-child(3){left:58px;top:6px;animation-delay:-1.7s}
@media(hover:hover) and (pointer:fine){
  .trial-fly-offer.trial-giveaway:hover{
    animation-play-state:paused;
    transform:translate3d(0,-8px,0) rotate(.4deg) scale(1.015);
    border-color:color-mix(in srgb,var(--fly-a) 72%,rgba(255,255,255,.15));
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 25px 58px rgba(0,0,0,.32),0 0 42px color-mix(in srgb,var(--fly-a) 22%,transparent);
  }
  .trial-giveaway:hover .trial-fly-arrow svg{transform:translate(2px,-2px)}
}
@keyframes trialGiveawayTakeoff{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}
  18%{transform:translate3d(-6px,-7px,0) rotate(.2deg)}
  42%{transform:translate3d(2px,-18px,0) rotate(1.3deg)}
  58%{transform:translate3d(10px,-24px,0) rotate(1.8deg)}
  76%{transform:translate3d(5px,-11px,0) rotate(.3deg)}
}
@keyframes trialGiveawayPalette{
  0%,20%{--fly-a:#30D158;--fly-b:#30D5C8}
  25%,45%{--fly-a:#0A84FF;--fly-b:#64D2FF}
  50%,70%{--fly-a:#5E5CE6;--fly-b:#BF5AF2}
  75%,95%{--fly-a:#FF2D55;--fly-b:#FF9500}
  100%{--fly-a:#30D158;--fly-b:#30D5C8}
}
@keyframes trialGiveawaySheen{
  0%,66%,100%{transform:translateX(-78%);opacity:0}
  74%{opacity:.9}
  90%{transform:translateX(82%);opacity:0}
}
@keyframes trialGiveawayTrail{
  0%,100%{transform:translate3d(0,0,0) scale(.7);opacity:.12}
  50%{transform:translate3d(6px,-2px,0) scale(1.12);opacity:.9}
}
html[data-theme="light"] .trial-fly-offer.trial-giveaway{
  background:
    radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--fly-a) 12%,transparent),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(238,248,252,.92));
  color:#153149;
  box-shadow:inset 0 1px #fff,0 18px 42px rgba(50,86,112,.16),0 0 28px color-mix(in srgb,var(--fly-a) 11%,transparent);
}
html[data-theme="light"] .trial-giveaway .trial-fly-copy strong{color:#16334a}
html[data-theme="light"] .trial-giveaway .trial-fly-copy em{color:#647c89}
@media(max-width:1100px){.trial-fly-offer.trial-giveaway{right:16px;bottom:20px}}
@media(max-width:760px){
  .trial-fly-offer.trial-giveaway{right:4px;bottom:8px;min-width:200px;padding:7px 9px 7px 7px;gap:8px;border-radius:17px}
  .trial-giveaway .trial-fly-badge{width:42px;height:42px;border-radius:13px}.trial-giveaway .trial-fly-badge b{font-size:18px}
  .trial-giveaway .trial-fly-copy strong{font-size:14px}.trial-giveaway .trial-fly-copy em{display:none}
  .trial-giveaway .trial-fly-arrow{width:29px;height:29px;border-radius:10px}
  .trial-fly-trail{display:none}
}
@media(max-width:430px){
  .trial-fly-offer.trial-giveaway{min-width:176px;right:0}.trial-giveaway .trial-fly-copy small{font-size:5.8px}.trial-giveaway .trial-fly-copy strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .trial-fly-offer.trial-giveaway,.trial-giveaway .trial-fly-orbit,.trial-fly-offer.trial-giveaway::after,.trial-fly-trail i{animation:none!important}
}


/* V48 — refined ZentApp Launch Pass replacing the previous giveaway model */
.trial-fly-offer,.trial-giveaway{display:none!important}
.zent-launch-pass{
  --launch-a:#0A84FF;--launch-b:#30D5C8;
  position:absolute;right:-20px;bottom:30px;z-index:10;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;
  min-width:250px;padding:11px 12px 11px 10px;border-radius:22px;
  color:#f4fbff;text-decoration:none;
  background:linear-gradient(145deg,rgba(10,20,31,.86),rgba(6,14,23,.82));
  border:1px solid color-mix(in srgb,var(--launch-a) 34%,rgba(255,255,255,.09));
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 20px 55px rgba(0,0,0,.28),0 0 34px color-mix(in srgb,var(--launch-a) 10%,transparent);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  overflow:hidden;isolation:isolate;
  animation:zentLaunchFloat 8.8s ease-in-out infinite,zentLaunchPalette 20s steps(1,end) infinite;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.zent-launch-pass::before{
  content:"";position:absolute;inset:-45% 36% -45% -28%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--launch-a) 22%,transparent),transparent 66%);
  filter:blur(8px);animation:zentLaunchAura 6.8s ease-in-out infinite alternate;
}
.zent-launch-pass::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.055) 42%,transparent 63%);
  transform:translateX(-120%);animation:zentLaunchScan 7.2s ease-in-out infinite;
}
.zent-launch-orbit{
  position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;
  color:#fff;background:linear-gradient(135deg,var(--launch-a),var(--launch-b));
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 12px 28px color-mix(in srgb,var(--launch-a) 28%,transparent),inset 0 1px 1px rgba(255,255,255,.32);
  font-weight:850;letter-spacing:-.05em;font-size:19px;
}
.zent-launch-orbit::before,.zent-launch-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--launch-b) 28%,transparent)}
.zent-launch-orbit::before{inset:-7px;animation:zentLaunchOrbit 7s linear infinite}
.zent-launch-orbit::after{inset:-13px;opacity:.45;animation:zentLaunchOrbit 11s linear reverse infinite}
.zent-launch-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;right:-9px;top:6px;background:var(--launch-b);box-shadow:0 0 12px color-mix(in srgb,var(--launch-b) 70%,transparent)}
.zent-launch-orbit b{font:850 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.zent-launch-copy{min-width:0}.zent-launch-copy small{display:block;font-size:7.3px;font-weight:850;letter-spacing:.13em;color:color-mix(in srgb,var(--launch-b) 62%,#b7c9d6);text-transform:uppercase}
.zent-launch-copy strong{display:block;margin-top:3px;font-size:15.5px;line-height:1.15;letter-spacing:-.02em;color:#f6fbff}
.zent-launch-copy em{display:block;margin-top:4px;font-size:8.8px;line-height:1.35;color:#889aaa;font-style:normal}
.zent-launch-action{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:var(--launch-b);background:color-mix(in srgb,var(--launch-a) 10%,rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--launch-a) 19%,rgba(255,255,255,.04));transition:transform .28s ease,background .28s ease}
.zent-launch-action svg{width:16px;height:16px}
.zent-launch-signal{position:absolute;left:78px;right:48px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--launch-a),var(--launch-b),transparent);opacity:.75;transform:scaleX(.58);transform-origin:center;animation:zentLaunchSignal 4.2s ease-in-out infinite}
@media(hover:hover) and (pointer:fine){
 .zent-launch-pass:hover{animation-play-state:paused;transform:translateY(-4px);border-color:color-mix(in srgb,var(--launch-a) 58%,rgba(255,255,255,.12));box-shadow:inset 0 1px rgba(255,255,255,.09),0 25px 62px rgba(0,0,0,.32),0 0 40px color-mix(in srgb,var(--launch-a) 16%,transparent)}
 .zent-launch-pass:hover .zent-launch-action{transform:translateX(3px);background:color-mix(in srgb,var(--launch-a) 16%,rgba(255,255,255,.03))}
}
@keyframes zentLaunchFloat{0%,100%{transform:translate3d(0,0,0)}35%{transform:translate3d(-5px,-8px,0)}70%{transform:translate3d(5px,-3px,0)}}
@keyframes zentLaunchPalette{0%,100%{--launch-a:#0A84FF;--launch-b:#30D5C8}25%{--launch-a:#5E5CE6;--launch-b:#BF5AF2}50%{--launch-a:#30D158;--launch-b:#30D5C8}75%{--launch-a:#FF2D55;--launch-b:#FF9500}}
@keyframes zentLaunchOrbit{to{transform:rotate(360deg)}}
@keyframes zentLaunchAura{to{transform:translateX(18px) scale(1.08);opacity:.82}}
@keyframes zentLaunchScan{0%,70%,100%{transform:translateX(-120%);opacity:0}82%{opacity:1}94%{transform:translateX(125%);opacity:0}}
@keyframes zentLaunchSignal{0%,100%{transform:scaleX(.42);opacity:.34}50%{transform:scaleX(.88);opacity:.9}}
html[data-theme="light"] .zent-launch-pass{color:#16334a;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,248,252,.90));border-color:color-mix(in srgb,var(--launch-a) 27%,rgba(77,104,122,.15));box-shadow:inset 0 1px #fff,0 18px 44px rgba(53,84,105,.16),0 0 28px color-mix(in srgb,var(--launch-a) 8%,transparent)}
html[data-theme="light"] .zent-launch-copy strong{color:#17354b}html[data-theme="light"] .zent-launch-copy em{color:#607789}html[data-theme="light"] .zent-launch-copy small{color:color-mix(in srgb,var(--launch-a) 62%,#526b7d)}
@media(max-width:1100px){.zent-launch-pass{right:14px;bottom:18px}}
@media(max-width:760px){.zent-launch-pass{right:4px;bottom:7px;min-width:205px;padding:8px 9px 8px 8px;gap:9px;border-radius:18px}.zent-launch-orbit{width:44px;height:44px;border-radius:14px}.zent-launch-orbit b{font-size:16px}.zent-launch-copy strong{font-size:13.5px}.zent-launch-copy em{display:none}.zent-launch-action{width:28px;height:28px}.zent-launch-signal{left:62px;right:42px}}
@media(max-width:420px){.zent-launch-pass{min-width:178px}.zent-launch-copy small{font-size:5.9px}.zent-launch-copy strong{font-size:12.7px}}
@media(prefers-reduced-motion:reduce){.zent-launch-pass,.zent-launch-pass::before,.zent-launch-pass::after,.zent-launch-orbit::before,.zent-launch-orbit::after,.zent-launch-signal{animation:none!important}}
\n\n/* V50 — in-page submission greeting popup; no confirmation-page redirects */\n.submission-success-dialog{border:0;padding:0;background:transparent;color:var(--text);max-width:none}\n.submission-success-dialog::backdrop{background:rgba(2,7,13,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}\n.submission-success-card{position:relative;width:min(440px,calc(100vw - 28px));padding:30px 28px 26px;text-align:center;border-radius:28px;border:1px solid rgba(116,208,255,.18);background:radial-gradient(320px 180px at 50% -15%,rgba(10,132,255,.15),transparent 70%),linear-gradient(155deg,rgba(17,25,37,.98),rgba(8,13,21,.99));box-shadow:0 34px 100px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}\n.submission-success-card::before{content:"";position:absolute;left:18%;right:18%;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#0A84FF,#32D7FF,#30D5C8,transparent);opacity:.9}\n.submission-success-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#dce7f2;font-size:21px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}\n.submission-success-close:hover{background:rgba(255,255,255,.08);border-color:rgba(100,210,255,.20);transform:translateY(-1px)}\n.submission-success-icon{width:64px;height:64px;margin:2px auto 18px;border-radius:22px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0A84FF,#1FA8EA 52%,#30D5C8);border:1px solid rgba(255,255,255,.20);box-shadow:0 14px 34px rgba(10,132,255,.25),inset 0 1px 1px rgba(255,255,255,.32)}\n.submission-success-icon svg{width:29px;height:29px}\n.submission-success-eyebrow{font-size:9px;font-weight:820;letter-spacing:.13em;color:#77cfff;text-transform:uppercase}\n.submission-success-card h2{margin:8px 0 8px;font-size:29px;letter-spacing:-.035em;color:#f5f8fc}\n.submission-success-card p{max-width:34ch;margin:0 auto;color:#9eadbf;font-size:13px;line-height:1.65}\n.submission-success-done{min-width:132px;margin-top:21px}\nhtml[data-theme="light"] .submission-success-dialog::backdrop{background:rgba(49,68,86,.24)}\nhtml[data-theme="light"] .submission-success-card{border-color:rgba(31,117,174,.14);background:radial-gradient(320px 180px at 50% -15%,rgba(10,132,255,.10),transparent 70%),rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(46,78,104,.18),inset 0 1px 0 rgba(255,255,255,.95)}\nhtml[data-theme="light"] .submission-success-close{background:#eef5f9;color:#355069;border-color:rgba(30,91,132,.10)}\nhtml[data-theme="light"] .submission-success-card h2{color:#173247}\nhtml[data-theme="light"] .submission-success-card p{color:#62778b}\nhtml[data-theme="light"] .submission-success-eyebrow{color:#1674bd}\n@media(max-width:520px){.submission-success-card{padding:27px 20px 22px;border-radius:24px}.submission-success-icon{width:58px;height:58px;border-radius:19px}.submission-success-card h2{font-size:26px}.submission-success-card p{font-size:12.5px}.submission-success-done{width:100%}}\n@media(prefers-reduced-motion:reduce){.submission-success-close{transition:none}}\n

/* V51 — liquid-glass greetings + simplified full-color 2 Months Free Trial */
.zent-launch-pass{display:none!important}
.zent-trial-color-card{
 --trial-a:#0A84FF;--trial-b:#30D5C8;--trial-text:#fff;
 position:absolute;right:-10px;bottom:22px;z-index:8;
 min-width:206px;min-height:58px;padding:0 24px;
 display:flex;align-items:center;justify-content:center;
 border-radius:20px;border:1px solid rgba(255,255,255,.26);
 background:linear-gradient(135deg,var(--trial-a),var(--trial-b));
 color:var(--trial-text);text-decoration:none;
 box-shadow:0 22px 54px color-mix(in srgb,var(--trial-a) 28%,rgba(0,0,0,.28)),inset 0 1px 1px rgba(255,255,255,.34);
 overflow:hidden;isolation:isolate;
 animation:zentTrialFloatV51 6.6s ease-in-out infinite;
 transition:transform .32s ease,box-shadow .32s ease,filter .32s ease;
}
.zent-trial-color-card::before{content:"";position:absolute;inset:-45% -25%;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.28) 49%,transparent 62%);transform:translateX(-70%) rotate(7deg);animation:zentTrialSheenV51 5.8s ease-in-out infinite;z-index:-1}
.zent-trial-color-card::after{content:"";position:absolute;inset:1px;border-radius:19px;border:1px solid rgba(255,255,255,.13);pointer-events:none}
.zent-trial-color-card strong{position:relative;z-index:1;font-size:16px;font-weight:840;letter-spacing:-.025em;color:inherit;text-shadow:0 1px 12px rgba(0,0,0,.16);white-space:nowrap}
@media(hover:hover) and (pointer:fine){.zent-trial-color-card:hover{transform:translateY(-5px) rotate(.35deg);box-shadow:0 28px 68px color-mix(in srgb,var(--trial-a) 38%,rgba(0,0,0,.30)),inset 0 1px 1px rgba(255,255,255,.42);filter:saturate(1.08)}}
@keyframes zentTrialFloatV51{0%,100%{transform:translate3d(0,0,0)}35%{transform:translate3d(-5px,-9px,0)}70%{transform:translate3d(5px,-4px,0)}}
@keyframes zentTrialSheenV51{0%,65%,100%{transform:translateX(-70%) rotate(7deg);opacity:0}78%{opacity:1}92%{transform:translateX(75%) rotate(7deg);opacity:0}}
html[data-theme="light"] .zent-trial-color-card{border-color:rgba(255,255,255,.60);box-shadow:0 20px 48px color-mix(in srgb,var(--trial-a) 20%,rgba(64,87,104,.18)),inset 0 1px 1px rgba(255,255,255,.54)}
@media(max-width:1100px){.zent-trial-color-card{right:12px;bottom:18px}}
@media(max-width:760px){.zent-trial-color-card{right:4px;bottom:8px;min-width:176px;min-height:50px;padding:0 18px;border-radius:17px}.zent-trial-color-card strong{font-size:14px}}
@media(max-width:420px){.zent-trial-color-card{min-width:160px;min-height:47px;padding:0 15px}.zent-trial-color-card strong{font-size:13px}}

.confirmation-opt-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;padding:12px 13px;border-radius:17px;border:1px solid rgba(115,197,237,.12);background:rgba(255,255,255,.025);cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.confirmation-opt-in:hover{border-color:rgba(72,201,214,.22);background:rgba(255,255,255,.04)}
.confirmation-opt-in input{position:absolute;opacity:0;pointer-events:none}
.confirmation-switch{position:relative;width:42px;height:24px;border-radius:999px;background:#1b2634;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 2px rgba(0,0,0,.28);transition:.25s ease}
.confirmation-switch i{position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#aebac8;box-shadow:0 2px 7px rgba(0,0,0,.28);transition:.25s ease}
.confirmation-opt-in input:checked+.confirmation-switch{background:linear-gradient(135deg,#0A84FF,#30D5C8);border-color:rgba(255,255,255,.22)}
.confirmation-opt-in input:checked+.confirmation-switch i{transform:translateX(18px);background:#fff}
.confirmation-opt-in input:focus-visible+.confirmation-switch{outline:2px solid #32D7FF;outline-offset:3px}
.confirmation-opt-copy b{display:block;color:#e7eef6;font-size:11.5px}.confirmation-opt-copy small{display:block;margin-top:2px;color:#8393a5;font-size:9.6px;line-height:1.45}
html[data-theme="light"] .confirmation-opt-in{background:rgba(255,255,255,.72);border-color:rgba(28,109,159,.13)}
html[data-theme="light"] .confirmation-switch{background:#d9e5ec;border-color:rgba(30,91,132,.10)}html[data-theme="light"] .confirmation-switch i{background:#fff}
html[data-theme="light"] .confirmation-opt-copy b{color:#17354b}html[data-theme="light"] .confirmation-opt-copy small{color:#667b8d}

.submission-success-dialog::backdrop{background:rgba(3,8,15,.62);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}
.submission-success-card.submission-success-liquid{position:relative;width:min(470px,calc(100vw - 28px));padding:34px 30px 27px;text-align:center;border-radius:30px;border:1px solid rgba(152,222,255,.20);background:linear-gradient(155deg,rgba(28,39,54,.72),rgba(9,16,26,.74));backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);box-shadow:0 34px 100px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.035);overflow:hidden;isolation:isolate}
.submission-success-liquid::before{content:"";position:absolute;left:12%;right:12%;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#0A84FF,#64D2FF,#30D5C8,transparent);animation:successLiquidLine 4.4s ease-in-out infinite;z-index:2}
.submission-success-liquid::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.055) 47%,transparent 64%);transform:translateX(-70%);animation:successLiquidSheen 6.4s ease-in-out infinite;z-index:-1}
.submission-liquid-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.25;z-index:-1;animation:successLiquidOrb 7s ease-in-out infinite alternate}.submission-liquid-orb.orb-a{width:170px;height:170px;left:-65px;top:-70px;background:radial-gradient(circle,#0A84FF,transparent 68%)}.submission-liquid-orb.orb-b{width:150px;height:150px;right:-50px;bottom:-62px;background:radial-gradient(circle,#30D5C8,transparent 68%);animation-delay:-3s}
.submission-success-mark{width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;border-radius:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.13),0 16px 36px rgba(0,0,0,.15)}
.submission-success-mark span{width:56px;height:56px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#0A84FF,#28AEE8 48%,#30D5C8);border:1px solid rgba(255,255,255,.24);box-shadow:0 13px 30px rgba(10,132,255,.28),inset 0 1px 1px rgba(255,255,255,.35);animation:successMarkSettle .58s cubic-bezier(.2,.9,.24,1.15) both}
.submission-success-mark svg{width:27px;height:27px;stroke-dasharray:28;stroke-dashoffset:28;animation:successCheckDraw .48s ease .3s forwards}
.submission-success-eyebrow{font-size:9px;font-weight:850;letter-spacing:.14em;color:#79d8ff;text-transform:uppercase}
.submission-success-liquid h2{margin:8px 0 8px;font-size:30px;letter-spacing:-.038em;color:#f7fbff}.submission-success-liquid p{max-width:36ch;margin:0 auto;color:#acbac9;font-size:13.2px;line-height:1.67}
.submission-delivery-status{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:15px 0 -2px}.submission-delivery-status span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(48,209,88,.08);border:1px solid rgba(48,209,88,.18);color:#9aeab4;font-size:9.5px;font-weight:700}.submission-delivery-status i{width:6px;height:6px;border-radius:50%;background:#30D158;box-shadow:0 0 8px rgba(48,209,88,.5)}
.submission-success-done{min-width:142px;margin-top:21px}.submission-success-foot{display:block;margin-top:12px;color:#6f8093;font-size:9.5px}
@keyframes successLiquidLine{0%,100%{opacity:.55;transform:scaleX(.55)}50%{opacity:1;transform:scaleX(1)}}
@keyframes successLiquidSheen{0%,68%,100%{transform:translateX(-70%);opacity:0}80%{opacity:1}94%{transform:translateX(70%);opacity:0}}
@keyframes successLiquidOrb{to{transform:translate3d(15px,12px,0) scale(1.08)}}
@keyframes successMarkSettle{from{transform:scale(.72) translateY(8px);opacity:0}to{transform:none;opacity:1}}
@keyframes successCheckDraw{to{stroke-dashoffset:0}}
html[data-theme="light"] .submission-success-dialog::backdrop{background:rgba(77,99,115,.22)}
html[data-theme="light"] .submission-success-card.submission-success-liquid{border-color:rgba(30,124,180,.14);background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(239,248,252,.78));box-shadow:0 28px 80px rgba(50,84,108,.18),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(54,109,145,.04)}
html[data-theme="light"] .submission-success-liquid h2{color:#173247}html[data-theme="light"] .submission-success-liquid p{color:#62778a}html[data-theme="light"] .submission-success-eyebrow{color:#147cc7}html[data-theme="light"] .submission-success-mark{background:rgba(255,255,255,.55);border-color:rgba(35,110,155,.10)}html[data-theme="light"] .submission-success-foot{color:#758998}
@media(max-width:520px){.submission-success-card.submission-success-liquid{padding:30px 20px 23px;border-radius:26px}.submission-success-mark{width:70px;height:70px;border-radius:23px}.submission-success-mark span{width:51px;height:51px;border-radius:18px}.submission-success-liquid h2{font-size:27px}.submission-success-liquid p{font-size:12.6px}.confirmation-opt-in{padding:11px}.confirmation-opt-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.zent-trial-color-card,.zent-trial-color-card::before,.submission-success-liquid::before,.submission-success-liquid::after,.submission-liquid-orb,.submission-success-mark span,.submission-success-mark svg{animation:none!important}}


/* V52 — Flagship trial placement, inline validation, Done-only greeting, dark-only public theme */
.flagship-pill{overflow:hidden}
.flagship-trial-offer{
  --trial-a:#0A84FF;--trial-b:#30D5C8;--trial-text:#fff;
  grid-column:1/-1;
  position:relative;
  min-height:36px;
  margin-top:1px;
  display:flex;align-items:center;justify-content:center;
  padding:0 15px;
  border-radius:12px;
  color:var(--trial-text);
  text-decoration:none;
  background:linear-gradient(110deg,var(--trial-a),var(--trial-b));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 26px color-mix(in srgb,var(--trial-a) 22%,transparent),inset 0 1px 1px rgba(255,255,255,.28);
  overflow:hidden;
  isolation:isolate;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.flagship-trial-offer::before{
  content:"";position:absolute;inset:-100% -28%;z-index:-1;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.32) 50%,transparent 62%);
  transform:translateX(-65%) rotate(6deg);
  animation:flagshipTrialSheen 5.6s ease-in-out infinite;
}
.flagship-trial-offer::after{content:"";position:absolute;inset:1px;border-radius:10px;border:1px solid rgba(255,255,255,.14);pointer-events:none}
.flagship-trial-offer span{position:relative;z-index:1;font-size:12px;font-weight:850;letter-spacing:.015em;text-shadow:0 1px 10px rgba(0,0,0,.15)}
@media(hover:hover) and (pointer:fine){.flagship-trial-offer:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 32px color-mix(in srgb,var(--trial-a) 30%,transparent),inset 0 1px 1px rgba(255,255,255,.34)}}
@keyframes flagshipTrialSheen{0%,60%,100%{transform:translateX(-70%) rotate(6deg);opacity:0}72%{opacity:1}88%{transform:translateX(70%) rotate(6deg);opacity:0}}
@media(max-width:760px){.flagship-trial-offer{min-height:34px;border-radius:11px}.flagship-trial-offer span{font-size:11.5px}}

/* Retire the former free-floating trial card completely. */
.zent-trial-color-card{display:none!important}

/* Real-time field completion feedback. */
.inquiry-glass-card .field input,.inquiry-glass-card .field select{padding-right:108px}
.inquiry-glass-card .field--select select{padding-right:118px}
.inquiry-glass-card .field textarea{padding-right:96px}
.field-validation-state{
  position:absolute;z-index:6;right:13px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:5px;min-height:24px;padding:0 7px;border-radius:999px;
  font-size:8px;font-weight:800;letter-spacing:.015em;pointer-events:none;
  opacity:0;transition:opacity .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
}
.field-validation-state i{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900}
.field-validation-state small{font-size:8px;font-weight:800;color:inherit}
.field-valid .field-validation-state{opacity:1;color:#8AF0BC;background:rgba(48,209,88,.08);border:1px solid rgba(48,209,88,.20)}
.field-valid .field-validation-state i{color:#07160e;background:#54E58B}
.field-invalid .field-validation-state{opacity:1;color:#FF9892;background:rgba(255,69,58,.08);border:1px solid rgba(255,69,58,.22)}
.field-invalid .field-validation-state i{color:#fff;background:#FF453A}
.inquiry-glass-card .field.field-valid::after{opacity:1;background:linear-gradient(110deg,rgba(48,209,88,0),rgba(48,209,88,.65),rgba(48,213,200,.58),rgba(48,209,88,0))}
.inquiry-glass-card .field.field-invalid::after{opacity:1;background:linear-gradient(110deg,rgba(255,69,58,0),rgba(255,69,58,.68),rgba(255,105,97,.62),rgba(255,69,58,0))}
.inquiry-glass-card .field.field-valid input,.inquiry-glass-card .field.field-valid select,.inquiry-glass-card .field.field-valid textarea{border-color:rgba(48,209,88,.28);box-shadow:0 0 0 3px rgba(48,209,88,.035),inset 0 1px rgba(255,255,255,.06)}
.inquiry-glass-card .field.field-invalid input,.inquiry-glass-card .field.field-invalid select,.inquiry-glass-card .field.field-invalid textarea{border-color:rgba(255,69,58,.34);box-shadow:0 0 0 3px rgba(255,69,58,.04),inset 0 1px rgba(255,255,255,.05)}
.field-valid .field-line-icon{color:#56D98A}.field-invalid .field-line-icon{color:#FF736A}
.field--select .field-validation-state{right:40px}
.field--textarea .field-validation-state{top:16px;transform:none}
@media(max-width:520px){
  .field-validation-state small{display:none}.field-validation-state{padding:0 4px;right:10px}.field--select .field-validation-state{right:38px}
  .inquiry-glass-card .field input{padding-right:52px}.inquiry-glass-card .field select{padding-right:74px}.inquiry-glass-card .field textarea{padding-right:48px}
}

/* WhatsApp confirmation controls are removed from all forms. */
.confirmation-opt-in{display:none!important}

/* Greeting closes only through Done. */
.submission-success-close{display:none!important}
.submission-success-card.submission-success-liquid{padding-top:36px}

/* Public website is dark-only. Any old light-theme rules remain dormant. */
.theme-toggle{display:none!important}

@media(prefers-reduced-motion:reduce){.flagship-trial-offer::before{animation:none!important}}


/* V53 — Flagship signature-card shape + compact trial accent */
.flagship-pill.flagship-signature-card{
  position:relative;
  max-width:720px;
  min-height:108px;
  margin-top:22px;
  padding:16px 17px 15px 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  overflow:hidden;
  border-radius:30px 13px 30px 13px;
  border:1px solid rgba(83,191,236,.22);
  background:
    radial-gradient(260px 120px at 0% 0%,rgba(10,132,255,.14),transparent 70%),
    linear-gradient(145deg,rgba(13,25,38,.94),rgba(7,14,23,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 48px rgba(0,0,0,.25),
    0 0 0 1px rgba(0,179,179,.025);
  isolation:isolate;
}
.flagship-pill.flagship-signature-card::before{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-85px;top:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,213,200,.16),rgba(10,132,255,.055) 45%,transparent 70%);
  filter:blur(2px);
  pointer-events:none;
  z-index:-1;
}
.flagship-pill.flagship-signature-card::after{
  content:"";
  position:absolute;
  left:16px;right:16px;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(53,217,255,.38),rgba(48,213,200,.18),transparent);
  opacity:.75;
  pointer-events:none;
}
.flagship-signature-card:hover{
  transform:none;
  border-color:rgba(80,205,239,.33);
  background:
    radial-gradient(260px 120px at 0% 0%,rgba(10,132,255,.17),transparent 70%),
    linear-gradient(145deg,rgba(14,27,41,.96),rgba(7,15,24,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 52px rgba(0,0,0,.27);
}
.flagship-brand-cluster{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:13px;
  align-items:center;
}
.flagship-signature-card .flagship-mark{
  width:56px;height:56px;
  padding:5px;
  border-radius:19px 10px 19px 10px;
  background:linear-gradient(145deg,rgba(10,132,255,.13),rgba(48,213,200,.055));
  border-color:rgba(103,215,255,.25);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 26px rgba(0,132,210,.15);
}
.flagship-signature-card .flagship-mark img{border-radius:14px 7px 14px 7px}
.flagship-signature-card .flagship-copy{display:grid;gap:2px;min-width:0;text-decoration:none}
.flagship-signature-card .flagship-copy small{font-size:8px;letter-spacing:.16em;color:#6fcef6}
.flagship-signature-card .flagship-copy b{font-size:20px;line-height:1.05;letter-spacing:-.035em;color:#fff}
.flagship-signature-card .flagship-copy em{max-width:315px;margin-top:3px;font-size:10.5px;line-height:1.42;color:#98aabd}
.flagship-command-cluster{
  display:grid;
  justify-items:end;
  align-content:center;
  gap:9px;
  min-width:238px;
}
.flagship-signature-card .flagship-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}
.flagship-signature-card .flagship-action{height:36px;min-height:36px;padding:0 11px;border-radius:11px;font-size:10.5px}
.flagship-signature-card .flagship-trial-offer{
  position:relative;
  width:auto;
  min-width:0;
  min-height:0;
  padding:6px 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:linear-gradient(110deg,var(--trial-a),var(--trial-b));
  box-shadow:0 7px 18px color-mix(in srgb,var(--trial-a) 20%,transparent),inset 0 1px 1px rgba(255,255,255,.28);
  overflow:hidden;
  color:var(--trial-text);
  text-decoration:none;
  white-space:nowrap;
}
.flagship-signature-card .flagship-trial-offer::before{
  content:"";
  position:absolute;
  inset:-75% -30%;
  background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.26) 50%,transparent 64%);
  transform:translateX(-72%) rotate(6deg);
  animation:flagshipTrialSheen 5.6s ease-in-out infinite;
}
.flagship-signature-card .flagship-trial-offer::after{display:none}
.flagship-signature-card .flagship-trial-offer span{
  position:relative;z-index:1;
  font-size:9.5px;
  font-weight:820;
  line-height:1;
  letter-spacing:.015em;
  text-shadow:0 1px 8px rgba(0,0,0,.14);
}
@media(hover:hover) and (pointer:fine){
  .flagship-signature-card .flagship-trial-offer:hover{
    transform:translateY(-1px);
    filter:saturate(1.08);
    box-shadow:0 9px 20px color-mix(in srgb,var(--trial-a) 26%,transparent),inset 0 1px 1px rgba(255,255,255,.32);
  }
}
@media(max-width:760px){
  .flagship-pill.flagship-signature-card{
    grid-template-columns:1fr;
    gap:12px;
    min-height:0;
    padding:14px;
    border-radius:24px 11px 24px 11px;
  }
  .flagship-signature-card .flagship-mark{width:49px;height:49px;border-radius:16px 9px 16px 9px}
  .flagship-signature-card .flagship-copy b{font-size:18px}
  .flagship-signature-card .flagship-copy em{font-size:10px}
  .flagship-command-cluster{min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .flagship-signature-card .flagship-actions{gap:6px}
  .flagship-signature-card .flagship-action{height:34px;min-height:34px;padding:0 9px;font-size:9.7px}
  .flagship-signature-card .flagship-trial-offer{padding:5px 8px}
  .flagship-signature-card .flagship-trial-offer span{font-size:8.8px}
}
@media(max-width:480px){
  .flagship-command-cluster{display:grid;grid-template-columns:1fr;justify-items:start}
  .flagship-signature-card .flagship-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .flagship-signature-card .flagship-action{width:100%}
}


/* V54 — Admin-managed Current Product Offer inside Flagship Product */
.flagship-command-cluster{min-width:272px;gap:8px}
.flagship-signature-card .flagship-current-offer{position:relative;width:100%;min-width:250px;padding:9px 11px 10px;display:grid;gap:3px;overflow:hidden;text-decoration:none;color:#fff;border-radius:14px 8px 14px 8px;border:1px solid rgba(85,205,239,.24);background:radial-gradient(110px 70px at 12% 0%,rgba(10,132,255,.22),transparent 70%),linear-gradient(125deg,rgba(11,43,65,.94),rgba(10,28,43,.96) 55%,rgba(8,40,44,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.18);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.flagship-signature-card .flagship-current-offer::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#0A84FF,#30D5C8);box-shadow:0 0 16px rgba(48,213,200,.42)}
.flagship-signature-card .flagship-current-offer::after{content:"";position:absolute;right:-35px;top:-55px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(48,213,200,.16),transparent 70%);pointer-events:none}
.flagship-current-offer small{font-size:7.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#75dcff}
.flagship-offer-main{display:flex;align-items:baseline;gap:7px;min-width:0}
.flagship-offer-main strong{font-size:12px;line-height:1.1;font-weight:820;color:#fff}
.flagship-offer-main b{font-size:16px;line-height:1.1;font-weight:900;letter-spacing:-.025em;background:linear-gradient(90deg,#7be7ff,#65e4c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.flagship-current-offer em{font-size:9.4px;line-height:1.35;font-style:normal;color:#a8bdca}
.flagship-offer-price{margin-top:2px;justify-self:start;padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:800;color:#eaf8ff}
@media(hover:hover) and (pointer:fine){.flagship-current-offer:hover{transform:translateY(-1px);border-color:rgba(94,218,242,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 11px 28px rgba(0,0,0,.22),0 0 24px rgba(10,132,255,.06)}}
@media(max-width:760px){.flagship-command-cluster{min-width:0}.flagship-signature-card .flagship-current-offer{min-width:0;flex:1;padding:8px 10px}.flagship-offer-main b{font-size:14px}.flagship-current-offer em{font-size:8.9px}}
@media(max-width:480px){.flagship-signature-card .flagship-current-offer{width:100%}.flagship-current-offer small{font-size:7px}.flagship-offer-main strong{font-size:11px}.flagship-offer-main b{font-size:14px}}


/* V55 — Restore compact Flagship box + Free Trial action with minimal offer line */
.flagship-pill.flagship-compact-card{
  position:relative;
  max-width:720px;
  margin-top:20px;
  padding:11px 12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px 12px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(70,174,255,.20);
  background:linear-gradient(135deg,rgba(10,132,255,.105),rgba(50,215,255,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 36px rgba(0,0,0,.20);
}
.flagship-pill.flagship-compact-card:hover{
  transform:none;
  border-color:rgba(70,190,255,.30);
  background:linear-gradient(135deg,rgba(10,132,255,.13),rgba(50,215,255,.045));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 14px 40px rgba(0,0,0,.22);
}
.flagship-compact-card .flagship-mark{width:50px;height:50px;padding:4px;border-radius:16px}
.flagship-compact-card .flagship-copy{display:grid;gap:1px;min-width:0;text-decoration:none}
.flagship-compact-card .flagship-copy small{font-size:8px;letter-spacing:.13em}
.flagship-compact-card .flagship-copy b{font-size:18px;line-height:1.08}
.flagship-compact-card .flagship-copy em{max-width:320px;font-size:10.5px;line-height:1.38}
.flagship-compact-card .flagship-actions{display:flex;gap:7px;align-items:center}
.flagship-compact-card .flagship-action{height:36px;min-height:36px;padding:0 11px;border-radius:11px;font-size:10.3px}
.flagship-compact-card .flagship-free-trial{
  min-width:78px;
  background:linear-gradient(135deg,#0A84FF,#20BEE8 58%,#30D5C8);
  border-color:rgba(108,222,255,.28);
  color:#fff;
  box-shadow:0 8px 20px rgba(10,132,255,.18),inset 0 1px 0 rgba(255,255,255,.24);
}
.flagship-offer-note{
  grid-column:2/-1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  padding-top:7px;
  border-top:1px solid rgba(112,196,235,.10);
  white-space:nowrap;
}
.flagship-offer-note small{font-size:7.2px!important;font-weight:850;letter-spacing:.12em;color:#70cff6!important;text-transform:uppercase}
.flagship-offer-note b{font-size:10px!important;line-height:1;color:#eefaff!important}
.flagship-offer-note em{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:9px!important;line-height:1.25;color:#8fa6b8!important}
.flagship-offer-note .flagship-offer-price{display:inline-flex;margin:0;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:800;color:#dff8ff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.flagship-offer-note .flagship-offer-price[hidden]{display:none}
@media(max-width:760px){
  .flagship-pill.flagship-compact-card{grid-template-columns:auto minmax(0,1fr);padding:10px;gap:9px 10px}
  .flagship-compact-card .flagship-mark{width:46px;height:46px}
  .flagship-compact-card .flagship-actions{grid-column:1/-1;width:100%}
  .flagship-compact-card .flagship-action{flex:1}
  .flagship-offer-note{grid-column:1/-1;white-space:normal;flex-wrap:wrap;gap:5px 7px;padding-top:7px}
  .flagship-offer-note em{flex:1 1 220px;overflow:visible;text-overflow:clip}
}
@media(max-width:480px){
  .flagship-compact-card .flagship-copy em{font-size:9.8px}
  .flagship-offer-note small{width:100%}
  .flagship-offer-note em{flex-basis:100%;font-size:8.7px!important}
}


/* V56 — Larger Flagship actions + six-product Free Trial signal + six homepage client portals */
.flagship-compact-card .flagship-actions{gap:8px}
.flagship-compact-card .flagship-action{
  height:40px;
  min-height:40px;
  padding:0 15px;
  border-radius:12px;
  font-size:10.9px;
  font-weight:800;
}
.flagship-compact-card .flagship-free-trial{
  position:relative;
  isolation:isolate;
  min-width:94px;
  overflow:hidden;
  border-color:rgba(255,255,255,.22);
  color:#fff;
  background:linear-gradient(135deg,#10B981 0%,#14B8A6 50%,#0EA5A4 100%);
  box-shadow:0 9px 24px rgba(16,185,129,.22),inset 0 1px 0 rgba(255,255,255,.30);
  animation:zsFreeTrialProductSignals 15s steps(1,end) infinite,zsFreeTrialPulse 2.5s ease-in-out infinite;
}
.flagship-compact-card .flagship-free-trial::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.26) 45%,transparent 68%);
  transform:translateX(-145%);
  animation:zsFreeTrialSheen 3.2s ease-in-out infinite;
}
.flagship-compact-card .flagship-free-trial::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:calc(12px - 1px);
  border:1px solid rgba(255,255,255,.12);
  pointer-events:none;
}
@keyframes zsFreeTrialProductSignals{
  0%,16.65%{background:linear-gradient(135deg,#10B981 0%,#14B8A6 50%,#0EA5A4 100%);box-shadow:0 9px 24px rgba(16,185,129,.24),0 0 0 0 rgba(16,185,129,0),inset 0 1px 0 rgba(255,255,255,.30)}
  16.66%,33.31%{background:linear-gradient(135deg,#FF3B30 0%,#FF6B35 48%,#FF9500 100%);box-shadow:0 9px 24px rgba(255,59,48,.24),0 0 0 0 rgba(255,149,0,0),inset 0 1px 0 rgba(255,255,255,.30)}
  33.32%,49.97%{background:linear-gradient(135deg,#0A84FF 0%,#009FE8 52%,#30B0C7 100%);box-shadow:0 9px 24px rgba(10,132,255,.25),0 0 0 0 rgba(48,176,199,0),inset 0 1px 0 rgba(255,255,255,.30)}
  49.98%,66.63%{background:linear-gradient(135deg,#5856D6 0%,#7C5CE7 50%,#AF52DE 100%);box-shadow:0 9px 24px rgba(88,86,214,.25),0 0 0 0 rgba(175,82,222,0),inset 0 1px 0 rgba(255,255,255,.30)}
  66.64%,83.29%{background:linear-gradient(135deg,#007AFF 0%,#3478F6 45%,#5E5CE6 100%);box-shadow:0 9px 24px rgba(0,122,255,.25),0 0 0 0 rgba(94,92,230,0),inset 0 1px 0 rgba(255,255,255,.30)}
  83.30%,100%{background:linear-gradient(135deg,#FF2D55 0%,#E044A7 48%,#BF5AF2 100%);box-shadow:0 9px 24px rgba(255,45,85,.25),0 0 0 0 rgba(191,90,242,0),inset 0 1px 0 rgba(255,255,255,.30)}
}
@keyframes zsFreeTrialPulse{
  0%,84%,100%{filter:saturate(1) brightness(1);transform:translateY(0)}
  88%{filter:saturate(1.12) brightness(1.10);transform:translateY(-1px)}
  92%{filter:saturate(1.04) brightness(1.04);transform:translateY(0)}
}
@keyframes zsFreeTrialSheen{
  0%,72%{transform:translateX(-145%);opacity:0}
  78%{opacity:.75}
  90%{transform:translateX(145%);opacity:0}
  100%{transform:translateX(145%);opacity:0}
}
@media(hover:hover) and (pointer:fine){
  .flagship-compact-card .flagship-action:hover{transform:translateY(-1px)}
  .flagship-compact-card .flagship-free-trial:hover{filter:saturate(1.12) brightness(1.08);box-shadow:0 12px 30px rgba(10,132,255,.22),0 0 0 3px rgba(255,255,255,.055),inset 0 1px 0 rgba(255,255,255,.34)}
}
@media(max-width:760px){
  .flagship-compact-card .flagship-action{height:39px;min-height:39px;padding:0 13px;font-size:10.6px}
}
@media(prefers-reduced-motion:reduce){
  .flagship-compact-card .flagship-free-trial{animation:none;background:linear-gradient(135deg,#0A84FF 0%,#009FE8 52%,#30B0C7 100%)}
  .flagship-compact-card .flagship-free-trial::before{animation:none;display:none}
}

/* V57 — alternating product-category gradient on Free Trial + one client per category */
.flagship-compact-card .flagship-free-trial{
  --trial-1:#10B981;
  --trial-2:#14B8A6;
  --trial-3:#0EA5A4;
  background:linear-gradient(135deg,var(--trial-1) 0%,var(--trial-2) 50%,var(--trial-3) 100%);
  box-shadow:0 9px 24px color-mix(in srgb,var(--trial-1) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.30);
  animation:none;
  transition:background .5s ease,box-shadow .5s ease,filter .25s ease,transform .25s ease,border-color .25s ease;
}
.flagship-compact-card .flagship-free-trial::before{
  animation:zsFreeTrialSheen 4.8s ease-in-out infinite;
}
@media(hover:hover) and (pointer:fine){
  .flagship-compact-card .flagship-free-trial:hover{
    filter:saturate(1.08) brightness(1.06);
    box-shadow:0 12px 30px color-mix(in srgb,var(--trial-1) 30%,transparent),0 0 0 3px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.34);
  }
}
@media(prefers-reduced-motion:reduce){
  .flagship-compact-card .flagship-free-trial{
    background:linear-gradient(135deg,#0A84FF 0%,#009FE8 52%,#30B0C7 100%);
  }
  .flagship-compact-card .flagship-free-trial::before{animation:none;display:none}
}

/* V58 — Smooth alternating category gradients + aligned homepage Client Access */
.flagship-compact-card .flagship-free-trial{
  --trial-1:#10B981;
  --trial-2:#14B8A6;
  --trial-3:#0EA5A4;
  --trial-next-1:#FF3B30;
  --trial-next-2:#FF6B35;
  --trial-next-3:#FF9500;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,var(--trial-1) 0%,var(--trial-2) 50%,var(--trial-3) 100%);
  box-shadow:0 9px 24px color-mix(in srgb,var(--trial-1) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.30);
  transition:box-shadow .45s ease,filter .25s ease,transform .25s ease,border-color .25s ease;
}
.flagship-compact-card .flagship-free-trial span{
  position:relative;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.16);
}
.flagship-compact-card .flagship-free-trial::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  background:linear-gradient(135deg,var(--trial-next-1) 0%,var(--trial-next-2) 50%,var(--trial-next-3) 100%);
  opacity:0;
  transition:opacity .72s cubic-bezier(.22,.72,.22,1);
  pointer-events:none;
}
.flagship-compact-card .flagship-free-trial.is-gradient-shifting::before{opacity:1}
.flagship-compact-card .flagship-free-trial::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:2;
  border-radius:inherit;
  background:linear-gradient(105deg,transparent 13%,rgba(255,255,255,.27) 45%,transparent 69%);
  transform:translateX(-145%);
  opacity:0;
  pointer-events:none;
  animation:zsFreeTrialSheenV58 5.2s ease-in-out infinite;
}
@keyframes zsFreeTrialSheenV58{
  0%,70%{transform:translateX(-145%);opacity:0}
  77%{opacity:.72}
  90%,100%{transform:translateX(145%);opacity:0}
}
@media(hover:hover) and (pointer:fine){
  .flagship-compact-card .flagship-free-trial:hover{
    filter:saturate(1.10) brightness(1.07);
    transform:translateY(-1px);
    box-shadow:0 12px 30px color-mix(in srgb,var(--trial-1) 30%,transparent),0 0 0 3px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.35);
  }
}

/* Keep the six category portals visually aligned as one balanced grid. */
#clients .section-head{align-items:flex-end}
.home-client-finder{padding:18px}
.home-client-finder .finder-top{align-items:center}
.home-client-finder .finder-results{
  border-top:0;
  padding-top:2px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.home-client-finder .home-client-card{
  min-height:232px;
  height:100%;
  padding:16px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  align-items:start;
}
.home-client-finder .home-client-card-head{min-height:50px;align-items:flex-start}
.home-client-finder .home-client-card-copy{
  width:100%;
  margin:13px 0 15px;
  display:grid;
  grid-template-rows:auto minmax(38px,auto) auto;
  align-content:start;
}
.home-client-finder .home-client-card-copy small{
  min-height:14px;
  display:flex;
  align-items:center;
}
.home-client-finder .home-client-card-copy h3{
  min-height:38px;
  display:flex;
  align-items:flex-start;
  margin:5px 0 4px;
}
.home-client-finder .home-client-card-copy p{
  min-height:16px;
  display:flex;
  align-items:center;
}
.home-client-finder .home-client-open{
  align-self:end;
  margin-top:0;
  min-height:40px;
}
@media(max-width:900px){
  .home-client-finder .finder-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-client-finder .home-client-card{min-height:224px}
}
@media(max-width:620px){
  #clients .section-head{align-items:flex-start}
  .home-client-finder{padding:13px}
  .home-client-finder .finder-results{grid-template-columns:1fr;gap:10px}
  .home-client-finder .home-client-card{min-height:0}
  .home-client-finder .home-client-card-copy h3{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .flagship-compact-card .flagship-free-trial::after{animation:none!important;display:none}
  .flagship-compact-card .flagship-free-trial::before{transition:none!important}
}


/* V59 — strongly highlighted six-gradient Free Trial rotation, exactly 2s per state */
.flagship-compact-card .flagship-free-trial{
  --trial-glow:#10B981;
  background:linear-gradient(132deg,var(--trial-1) 0%,var(--trial-2) 48%,var(--trial-3) 100%)!important;
  border-color:rgba(255,255,255,.52)!important;
  color:#fff!important;
  filter:saturate(1.30) brightness(1.08);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--trial-glow) 38%,rgba(255,255,255,.18)),
    0 0 18px color-mix(in srgb,var(--trial-glow) 58%,transparent),
    0 0 42px color-mix(in srgb,var(--trial-glow) 34%,transparent),
    0 12px 28px color-mix(in srgb,var(--trial-glow) 30%,rgba(0,0,0,.25)),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(0,0,0,.14)!important;
  transition:background .12s linear,box-shadow .18s ease,border-color .18s ease,filter .18s ease,transform .18s ease!important;
}
.flagship-compact-card .flagship-free-trial span{
  color:#fff!important;
  font-weight:900;
  letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.28),0 0 14px rgba(0,0,0,.16)!important;
}
.flagship-compact-card .flagship-free-trial::before{
  content:"";
  position:absolute;
  inset:-30% -45%;
  z-index:1;
  border-radius:inherit;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.16) 54%,transparent 67%)!important;
  opacity:0;
  transform:translateX(-72%);
  transition:none!important;
  pointer-events:none;
}
.flagship-compact-card .flagship-free-trial.is-gradient-pop::before{animation:zsFreeTrialV59Sweep .62s ease-out both!important}
.flagship-compact-card .flagship-free-trial::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:2;
  border-radius:calc(12px - 1px);
  background:none!important;
  transform:none!important;
  opacity:1!important;
  animation:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  pointer-events:none;
}
.flagship-compact-card .flagship-free-trial.is-gradient-pop{animation:zsFreeTrialV59Pop .38s cubic-bezier(.2,.72,.2,1) both}
@keyframes zsFreeTrialV59Pop{
  0%{filter:saturate(1.55) brightness(1.30);transform:translateY(-1px) scale(1.025)}
  55%{filter:saturate(1.38) brightness(1.16);transform:translateY(0) scale(1.008)}
  100%{filter:saturate(1.30) brightness(1.08);transform:translateY(0) scale(1)}
}
@keyframes zsFreeTrialV59Sweep{
  0%{opacity:0;transform:translateX(-72%)}
  20%{opacity:.92}
  100%{opacity:0;transform:translateX(72%)}
}
@media(hover:hover) and (pointer:fine){
  .flagship-compact-card .flagship-free-trial:hover{
    filter:saturate(1.42) brightness(1.14)!important;
    transform:translateY(-2px)!important;
    border-color:rgba(255,255,255,.66)!important;
    box-shadow:
      0 0 0 1px color-mix(in srgb,var(--trial-glow) 52%,rgba(255,255,255,.22)),
      0 0 24px color-mix(in srgb,var(--trial-glow) 68%,transparent),
      0 0 52px color-mix(in srgb,var(--trial-glow) 40%,transparent),
      0 15px 34px color-mix(in srgb,var(--trial-glow) 34%,rgba(0,0,0,.24)),
      inset 0 1px 0 rgba(255,255,255,.55)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .flagship-compact-card .flagship-free-trial{animation:none!important;filter:saturate(1.18) brightness(1.05)}
  .flagship-compact-card .flagship-free-trial::before{animation:none!important;display:none}
}

/* V60 — Free Trial: slow gradient changes on hover only; standard button shadow */
.flagship-compact-card .flagship-free-trial{
  --trial-1:#10B981;
  --trial-2:#14B8A6;
  --trial-3:#0EA5A4;
  --trial-next-1:#FF3B30;
  --trial-next-2:#FF6B35;
  --trial-next-3:#FF9500;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,var(--trial-1) 0%,var(--trial-2) 50%,var(--trial-3) 100%)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  filter:none!important;
  animation:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 9px 24px rgba(0,0,0,.19)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.flagship-compact-card .flagship-free-trial span{
  position:relative;
  z-index:3;
  color:#fff!important;
  font-weight:800;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
.flagship-compact-card .flagship-free-trial::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  background:linear-gradient(135deg,var(--trial-next-1) 0%,var(--trial-next-2) 50%,var(--trial-next-3) 100%)!important;
  opacity:0;
  transform:none!important;
  animation:none!important;
  transition:opacity 1.4s cubic-bezier(.22,.72,.22,1)!important;
  pointer-events:none;
}
.flagship-compact-card .flagship-free-trial.is-gradient-shifting::before{opacity:1!important}
.flagship-compact-card .flagship-free-trial::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:2;
  border-radius:calc(12px - 1px);
  background:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  pointer-events:none;
}
.flagship-compact-card .flagship-free-trial.is-gradient-pop{animation:none!important}
@media(hover:hover) and (pointer:fine){
  .flagship-compact-card .flagship-free-trial:hover{
    filter:none!important;
    transform:translateY(-1px)!important;
    border-color:rgba(255,255,255,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 28px rgba(0,0,0,.22)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .flagship-compact-card .flagship-free-trial::before{display:none!important}
}

/* V62 — public review intake connected to admin moderation */
.review-section-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.public-review-dialog{width:min(720px,calc(100vw - 28px));padding:0;border:0;background:transparent;color:var(--text)}.public-review-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(10px)}.public-review-card{position:relative;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(16,22,34,.93),rgba(7,10,17,.97));box-shadow:0 34px 90px rgba(0,0,0,.5);overflow:hidden}.public-review-card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:240px;height:240px;border-radius:50%;background:rgba(10,132,255,.16);filter:blur(40px);pointer-events:none}.review-dialog-head{display:flex;justify-content:space-between;gap:18px;position:relative}.review-dialog-head small{font-size:10px;font-weight:800;letter-spacing:.16em;color:#64D2FF}.review-dialog-head h2{margin:7px 0 6px;font-size:27px;letter-spacing:-.035em}.review-dialog-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.review-dialog-head button{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.05);color:var(--text);font-size:20px}.review-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.review-form-grid label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.review-form-grid input,.review-form-grid select,.review-form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.055);color:var(--text);padding:12px 13px;outline:0}.review-form-grid input,.review-form-grid select{height:48px}.review-form-grid textarea{resize:vertical;min-height:118px}.review-form-grid :is(input,select,textarea):focus{border-color:rgba(50,173,230,.65);box-shadow:0 0 0 4px rgba(10,132,255,.1)}.review-full{grid-column:1/-1}.review-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.review-thanks{text-align:center;padding:24px 10px 8px}.review-thanks>span{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(145deg,#30D158,#30D5C8);color:#04120b;font-size:25px;font-weight:900}.review-thanks h3{font-size:21px;margin:0 0 7px}.review-thanks p{max-width:460px;margin:0 auto 17px;color:var(--muted);font-size:13px;line-height:1.55}
@media(max-width:700px){.review-section-actions{justify-content:flex-start}.review-form-grid{grid-template-columns:1fr}.review-full{grid-column:auto}.public-review-card{padding:19px}.review-dialog-head h2{font-size:23px}}

/* V63 — restored original product icons, contain safely in every tile */
.product-logo-img,.product-logo-mark .product-logo-img,.product-card .product-logo-img,.client-avatar .product-logo-img,.client-access-logo .product-logo-img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:3px!important;transform:none!important;filter:none!important}
.product-icon.product-logo-mark,.client-avatar,.client-access-logo{overflow:hidden!important}

/* V65 — product logos render as the artwork only; no surrounding tile/frame */
.product-icon,
.product-icon.product-logo-mark,
.product-demo-mark,
.feature-rotate-icon,
.client-avatar,
.client-access-logo,
.portal-result-icon,
.home-client-card .client-avatar,
.portal-result-card .portal-result-icon,
.momentum-feature .feature-rotate-icon,
.momentum-feature .feature-rotate-icon.product-icon.product-logo-mark.product-demo-mark,
.product-card.product-card-ios .product-icon.product-logo-mark.product-demo-mark{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  overflow:visible!important;
}
.product-icon::before,
.product-icon::after,
.product-demo-mark::before,
.product-demo-mark::after,
.product-card.product-card-ios .product-icon.product-logo-mark.product-demo-mark::before,
.product-card.product-card-ios .product-icon.product-logo-mark.product-demo-mark::after{
  display:none!important;
  content:none!important;
}
.product-logo-img,
.product-logo-mark .product-logo-img,
.product-card .product-logo-img,
.client-avatar .product-logo-img,
.client-access-logo .product-logo-img,
.portal-result-icon .product-logo-img,
.feature-rotate-icon .product-logo-img,
.momentum-feature .feature-rotate-icon .product-logo-img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.product-card.product-card-ios:hover .product-icon.product-logo-mark.product-demo-mark,
.product-card:hover .product-logo-mark{
  box-shadow:none!important;
}

/* V69 — standalone product symbols: no app-tile frame, same icon footprint */
.product-card .product-icon.product-logo-mark,
.product-card.product-card-ios .product-icon.product-logo-mark.product-demo-mark,
.momentum-feature .feature-rotate-icon.product-icon.product-logo-mark.product-demo-mark,
.client-avatar,
.client-access-logo,
.portal-result-icon{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.product-logo-img,
.product-card .product-logo-img,
.momentum-feature .feature-rotate-icon .product-logo-img,
.client-avatar .product-logo-img,
.client-access-logo .product-logo-img,
.portal-result-icon .product-logo-img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}


/* PUBLIC V70 — Products custom CTA equal actions */
.products-custom-cta .hero-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(170px,1fr));
  gap:10px;
  align-items:stretch;
}
.products-custom-cta .hero-actions .btn{
  width:100%;
  min-width:0;
  min-height:44px;
  justify-content:center;
  text-align:center;
}
@media(max-width:520px){.products-custom-cta .hero-actions{grid-template-columns:1fr}}


/* V71 — navigation drawer brand + differentiated Products custom CTA */
.nav-drawer-brand{display:none}
.products-custom-cta .products-custom-services{
  color:#f7fdff;
  border-color:rgba(74,218,255,.34);
  background:linear-gradient(135deg,rgba(10,132,255,.92),rgba(48,213,200,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 30px rgba(10,132,255,.24)
}
.products-custom-cta .products-custom-services:hover{
  background:linear-gradient(135deg,rgba(22,150,255,.98),rgba(70,229,214,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 16px 38px rgba(10,132,255,.32)
}
.products-custom-cta .products-custom-discuss{
  color:#fff8ff;
  border-color:rgba(191,90,242,.34);
  background:linear-gradient(135deg,rgba(94,92,230,.76),rgba(191,90,242,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 30px rgba(175,82,222,.20)
}
.products-custom-cta .products-custom-discuss:hover{
  background:linear-gradient(135deg,rgba(110,108,244,.88),rgba(208,105,255,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 16px 38px rgba(175,82,222,.28)
}
@media(max-width:1050px){
  .nav-drawer-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 10px 13px;margin-bottom:5px;border-bottom:1px solid var(--line)}
  .nav-drawer-brand img{height:30px;width:auto;max-width:154px;object-fit:contain;filter:brightness(1.08)}
  .nav-drawer-brand span{font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#718096}
  html[data-theme="light"] .nav-drawer-brand{padding:6px 9px 11px;border-bottom-color:rgba(31,88,127,.1);border-radius:12px;background:#0b1724}
  html[data-theme="light"] .nav-drawer-brand img{filter:none}
  html[data-theme="light"] .nav-drawer-brand span{color:#a9bfd1}
}

/* PUBLIC V72 — logo is the Home navigation item, refined custom CTA and footer social icons */
@media(min-width:1051px){
  .site-nav__bar>.nav-mobile-brand{display:none}
  .nav-links{margin-left:4px;margin-right:auto}
  .nav-links .nav-home-logo{
    min-width:160px;
    height:44px;
    padding:4px 15px 4px 2px;
    margin-right:5px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:transparent!important;
    box-shadow:none!important;
  }
  .nav-links .nav-home-logo img{height:34px;width:auto;max-width:154px;object-fit:contain;filter:brightness(1.08)}
  .nav-links .nav-home-logo::after{display:none!important}
  .nav-links .nav-home-logo:hover{transform:translateY(-1px);background:transparent!important}
}
@media(max-width:1050px){
  .nav-drawer-brand{display:none!important}
  .nav-drawer .nav-drawer-home-logo{
    min-height:54px;
    padding:8px 11px 12px;
    margin-bottom:4px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid var(--line);
    border-radius:12px 12px 4px 4px;
    background:transparent!important;
  }
  .nav-drawer .nav-drawer-home-logo img{height:31px;width:auto;max-width:158px;object-fit:contain;filter:brightness(1.08)}
  .nav-drawer .nav-drawer-home-logo span{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#77869a}
  .nav-drawer .nav-drawer-home-logo.active{box-shadow:none}
}
html[data-theme="light"] .nav-links .nav-home-logo img,
html[data-theme="light"] .nav-drawer .nav-drawer-home-logo img{filter:none}

.products-custom-cta .products-custom-services{
  color:#10243a;
  border:1px solid rgba(255,255,255,.70);
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(225,244,255,.92));
  box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(2,18,39,.18)
}
.products-custom-cta .products-custom-services:hover{
  color:#071a2d;
  background:linear-gradient(135deg,#fff,#d7f1ff);
  border-color:#fff;
  box-shadow:inset 0 1px 0 #fff,0 16px 38px rgba(2,18,39,.25)
}
.products-custom-cta .products-custom-discuss{
  color:#fff;
  border:1px solid rgba(116,198,255,.46);
  background:linear-gradient(135deg,#0A84FF 0%,#246BFD 52%,#5E5CE6 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 32px rgba(10,83,255,.30)
}
.products-custom-cta .products-custom-discuss:hover{
  background:linear-gradient(135deg,#1b92ff 0%,#3378ff 52%,#706dff 100%);
  border-color:rgba(170,224,255,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 16px 40px rgba(10,83,255,.38)
}
.socials .social-link{line-height:0}
.socials .social-link svg{width:21px;height:21px;overflow:visible}
.socials .social-instagram svg{width:21px;height:21px}
.socials .social-youtube svg{width:22px;height:22px}
.socials .social-linkedin svg{width:20px;height:20px}
.socials .social-whatsapp svg{width:21px;height:21px}