@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --ink:#11152c;
  --muted:#667085;
  --line:#e8eaf2;
  --paper:#fbfbfe;
  --white:#ffffff;
  --blue:#297cd5;
  --blue-deep:#163e87;
  --violet:#2a174f;
  --accent:#6041c7;
  --ice:#eef6ff;
  --shadow:0 24px 80px rgba(28,43,84,.10);
  --shadow-soft:0 12px 38px rgba(28,43,84,.07);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
::selection{background:#dfeaff;color:#14214d}

/* premium ambient canvas */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:
radial-gradient(1000px 640px at 88% -8%, rgba(73,137,217,.20), transparent 60%),
radial-gradient(880px 560px at 8% 28%, rgba(85,61,157,.10), transparent 62%),
linear-gradient(180deg,#fff 0%,#fbfbfe 46%,#f8f9fd 100%)}
.noise{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(74,126,211,.12),rgba(96,65,199,.04) 46%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1;transition:opacity .25s ease}

.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section{padding:112px 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font:700 11px/1 'Manrope',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--blue-deep);padding:9px 12px;border:1px solid #dfe6f4;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(23,62,135,.05);backdrop-filter:blur(12px)}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--accent));box-shadow:0 0 0 4px rgba(41,124,213,.10)}
.section-title{font-family:'Manrope',sans-serif;font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.055em;margin:22px 0 18px;max-width:840px}
.section-copy{font-size:18px;line-height:1.75;color:var(--muted);max-width:660px}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:.35s ease}
.site-header.scrolled{padding:10px 0}
.nav-shell{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px;border:1px solid rgba(223,228,239,.86);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 12px 42px rgba(21,33,72,.08);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;font:800 20px/1 'Manrope',sans-serif;letter-spacing:-.04em}
.brand-mark{width:40px;height:40px;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(32,57,114,.12);border:1px solid #edf0f6;background:#fff}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{padding:11px 13px;border-radius:10px;color:#4d5670;font-weight:600;font-size:14px;transition:.2s ease}
.nav-links a:hover,.nav-links a.active{color:var(--ink);background:#f3f5fa}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 19px;border-radius:13px;border:1px solid transparent;font-weight:700;font-size:14px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;position:relative;overflow:hidden;cursor:pointer}
.btn:after{content:"";position:absolute;inset:-50% auto -50% -70%;width:45%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:left .6s ease}
.btn:hover:after{left:130%}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:linear-gradient(135deg,#171a35,#25184e);color:white;box-shadow:0 10px 28px rgba(36,25,77,.22)}
.btn-dark:hover{box-shadow:0 16px 34px rgba(36,25,77,.28)}
.btn-light{background:#fff;border-color:#dde2ee;color:var(--ink);box-shadow:0 8px 20px rgba(31,45,83,.05)}
.icon-arrow{width:15px;height:15px;transition:transform .25s ease}.btn:hover .icon-arrow{transform:translate(2px,-2px)}
.menu-btn{display:none;width:44px;height:44px;border:1px solid #e3e6ef;border-radius:12px;background:#fff;align-items:center;justify-content:center;cursor:pointer}

/* hero */
.hero{min-height:100vh;padding:158px 0 84px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:66px;align-items:center}
.hero-copy h1{font-family:'Manrope',sans-serif;font-size:clamp(58px,6.8vw,96px);line-height:.91;letter-spacing:-.066em;margin:22px 0 28px;max-width:760px}
.hero-copy h1 .gradient{background:linear-gradient(110deg,#163e87 0%,#2f78c8 40%,#382360 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:19px;line-height:1.74;color:var(--muted);max-width:610px;margin:0 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-trust{display:flex;align-items:center;gap:18px;margin-top:34px;color:#697087;font-size:13px;font-weight:600}
.hero-trust .rule{width:44px;height:1px;background:#cfd5e2}

.visual-stage{position:relative;min-height:610px;perspective:1200px}
.stage-halo{position:absolute;inset:8% -8% 0 1%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(70,128,206,.22),rgba(108,76,170,.08) 44%,transparent 70%);filter:blur(10px);animation:haloPulse 7s ease-in-out infinite}
@keyframes haloPulse{50%{transform:scale(1.06);opacity:.72}}
.orbit{position:absolute;border:1px solid rgba(47,80,143,.13);border-radius:50%;inset:8% 0 7% 5%;transform:rotate(-10deg)}
.orbit.o2{inset:16% 8% 14% 12%;transform:rotate(25deg)}
.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#244f9f;box-shadow:0 0 0 7px rgba(36,79,159,.08);animation:orbitMove 9s linear infinite;top:9%;left:50%}
.orbit.o2 .orbit-dot{background:#6041c7;animation-duration:12s;animation-direction:reverse}
@keyframes orbitMove{to{transform:rotate(360deg) translateX(225px) rotate(-360deg)}}

.console{position:absolute;inset:70px 14px 38px 40px;border-radius:30px;border:1px solid rgba(221,226,237,.9);background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(247,249,253,.88));box-shadow:0 36px 90px rgba(27,45,88,.18),inset 0 1px 0 #fff;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .15s ease-out}
.console-top{height:64px;border-bottom:1px solid #e8eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(255,255,255,.84)}
.dots{display:flex;gap:6px}.dots span{width:8px;height:8px;border-radius:50%;background:#d8dce7}.dots span:nth-child(1){background:#94a3b8}.dots span:nth-child(2){background:#7aa7dd}.dots span:nth-child(3){background:#5e4d94}
.console-title{font:700 12px/1 'Manrope';letter-spacing:.08em;text-transform:uppercase;color:#798199}
.console-body{padding:24px;display:grid;grid-template-columns:155px 1fr;gap:18px;height:calc(100% - 64px)}
.side-panel{border-radius:18px;background:#17203c;color:#eaf0ff;padding:18px 14px;position:relative;overflow:hidden}
.side-panel:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#6041c7;filter:blur(55px);right:-40px;top:-40px;opacity:.55}
.side-logo{width:36px;height:36px;border-radius:10px;overflow:hidden;margin-bottom:26px}.side-logo img{width:100%;height:100%;object-fit:cover}
.side-line{height:8px;border-radius:999px;background:rgba(255,255,255,.13);margin:12px 0}.side-line.active{background:linear-gradient(90deg,#79b7ff,#8f79d4);width:84%}.side-line.s{width:62%}.side-line.m{width:74%}
.main-panel{display:flex;flex-direction:column;gap:15px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.metric{background:#fff;border:1px solid #e7eaf1;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(37,49,82,.04)}
.metric small{display:block;color:#8b93a7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.metric strong{font:800 22px/1 'Manrope';letter-spacing:-.04em}.metric em{font-style:normal;font-size:10px;color:#2c8461;margin-left:4px}
.chart-card{flex:1;min-height:220px;border:1px solid #e7eaf1;border-radius:20px;background:#fff;padding:18px;position:relative;overflow:hidden}
.chart-head{display:flex;justify-content:space-between;align-items:center}.chart-head strong{font:700 12px/1 'Manrope';color:#26304f}.status{font-size:10px;color:#29745a;background:#edf8f3;padding:6px 8px;border-radius:999px}
.chart{position:absolute;left:14px;right:14px;bottom:18px;height:145px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#eef1f6 36px);border-radius:12px}
.chart svg{width:100%;height:100%;overflow:visible}.chart path.line{fill:none;stroke:url(#grad);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:740;stroke-dashoffset:740;animation:draw 2.7s 1s ease forwards}.chart path.area{opacity:0;animation:areaIn 1s 2.4s forwards}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes areaIn{to{opacity:1}}
.console-foot{display:grid;grid-template-columns:1.15fr .85fr;gap:11px}.mini-card{background:#f6f8fb;border:1px solid #e9ecf3;border-radius:15px;padding:12px 14px}.mini-card b{font:700 11px/1 'Manrope';display:block;margin-bottom:8px}.pill-row{display:flex;gap:5px}.pill-row i{height:6px;flex:1;border-radius:999px;background:#d9e0ed}.pill-row i.on{background:#327cc8}
.float-card{position:absolute;z-index:4;border:1px solid rgba(226,230,239,.9);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 18px 48px rgba(32,48,88,.13);border-radius:17px;padding:13px 15px;display:flex;align-items:center;gap:11px;animation:float 5s ease-in-out infinite}
.float-card.one{left:0;top:28%;}.float-card.two{right:-14px;bottom:18%;animation-delay:-1.8s}.float-card.three{right:6%;top:8%;animation-delay:-3s}.float-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#edf6ff,#f4efff);color:#2c579c}.float-card strong{display:block;font:700 11px/1.2 'Manrope'}.float-card span{display:block;font-size:9px;color:#8a91a3;margin-top:4px}@keyframes float{50%{transform:translateY(-9px)}}

/* social proof strip */
.capabilities{padding:6px 0 54px}.cap-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{font:700 12px/1 'Manrope';letter-spacing:.11em;text-transform:uppercase;color:#7b8398;white-space:nowrap;padding:0 32px;display:flex;align-items:center;gap:32px}.marquee span:after{content:"◆";font-size:7px;color:#9db3d4}@keyframes marquee{to{transform:translateX(-50%)}}

/* statement */
.statement-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:80px;align-items:start}.statement-quote{font-family:'Manrope';font-size:clamp(35px,4.5vw,62px);line-height:1.04;letter-spacing:-.052em;margin:0}.statement-quote .soft{color:#9aa1b3}.signature-line{margin-top:30px;display:flex;gap:14px;align-items:center;color:#6f778d;font-size:13px}.signature-line:before{content:"";width:50px;height:1px;background:#cbd1dd}

/* service bento */
.bento{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:18px;margin-top:56px}.bento-card{border:1px solid #e6e9f1;background:rgba(255,255,255,.86);border-radius:28px;padding:32px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;min-height:320px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.bento-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(29,45,88,.13);border-color:#d6deeb}.bento-card.tall{grid-row:span 2;min-height:658px}.bento-card.dark{background:linear-gradient(145deg,#151a32,#241746);color:#fff;border-color:#232846}.bento-card h3{font:800 28px/1.06 'Manrope';letter-spacing:-.04em;margin:18px 0 12px}.bento-card p{color:#747c90;line-height:1.7;margin:0;max-width:470px}.bento-card.dark p{color:#aeb6ce}.service-num{font:700 11px/1 'Manrope';letter-spacing:.14em;color:#7c87a1}.bento-icon{width:54px;height:54px;border:1px solid #e1e6ef;background:#f8fafc;border-radius:16px;display:grid;place-items:center;color:#1e4f91}.dark .bento-icon{border-color:#38405f;background:rgba(255,255,255,.06);color:#b3d5ff}.bento-visual{position:absolute;left:32px;right:32px;bottom:28px;height:220px;border-radius:22px;border:1px solid #e6e9f1;background:linear-gradient(180deg,#fff,#f6f8fc);overflow:hidden}.dark .bento-visual{border-color:#333953;background:rgba(255,255,255,.04)}
.automation-flow{display:flex;align-items:center;justify-content:center;gap:12px;height:100%}.flow-node{width:64px;height:64px;border-radius:18px;border:1px solid #e0e5ee;background:white;box-shadow:0 9px 20px rgba(30,45,82,.07);display:grid;place-items:center;font:800 13px/1 'Manrope';position:relative}.flow-line{width:45px;height:2px;background:#dbe2ee;position:relative}.flow-line:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#377fc6;top:-3px;left:0;animation:flow 1.8s linear infinite}@keyframes flow{to{left:calc(100% - 8px)}}
.data-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:20px;height:100%;align-content:center}.data-grid i{aspect-ratio:1;border-radius:5px;background:#edf1f7;transition:.25s}.bento-card:hover .data-grid i:nth-child(3n){background:#bcd8f4;transform:scale(.88)}.bento-card:hover .data-grid i:nth-child(5n){background:#d8cdf1}
.code-lines{padding:26px}.code-line{height:9px;border-radius:99px;background:rgba(255,255,255,.09);margin:13px 0}.code-line:nth-child(2){width:80%;background:rgba(108,177,255,.25)}.code-line:nth-child(3){width:63%}.code-line:nth-child(4){width:88%;background:rgba(151,123,214,.22)}.code-line:nth-child(5){width:72%}.code-caret{width:8px;height:18px;background:#8dc0ff;display:inline-block;animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:0}}

/* showcase */
.showcase{background:#10152b;color:#fff;overflow:hidden}.showcase:before{content:"";position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(50,123,207,.18),rgba(66,38,107,.12) 42%,transparent 68%);right:-300px;top:-260px}.showcase .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#c7d9f4}.showcase .section-copy{color:#a7b0c5}.showcase-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:center;margin-top:48px}.product-tabs{display:flex;flex-direction:column;gap:6px}.product-tab{padding:21px 20px;border-radius:18px;border:1px solid transparent;cursor:pointer;transition:.25s ease}.product-tab:hover,.product-tab.active{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}.product-tab small{font:700 10px/1 'Manrope';letter-spacing:.12em;text-transform:uppercase;color:#7f91af}.product-tab h3{font:700 20px/1.15 'Manrope';margin:9px 0 5px}.product-tab p{margin:0;color:#8f9ab0;font-size:13px;line-height:1.55}.showcase-window{border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025));padding:18px;box-shadow:0 40px 100px rgba(0,0,0,.25);transform:perspective(1200px) rotateY(-3deg);transition:transform .2s ease-out;min-height:490px}.window-chrome{height:46px;display:flex;align-items:center;gap:6px;padding:0 10px}.window-chrome span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18)}.window-body{height:412px;border-radius:22px;background:#f8faff;color:#17203a;overflow:hidden;display:grid;grid-template-columns:150px 1fr}.window-side{background:#17203b;color:white;padding:18px 14px}.window-main{padding:20px}.window-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.window-header strong{font:800 16px 'Manrope'}.window-badge{font-size:9px;font-weight:700;padding:7px 9px;border-radius:999px;background:#eaf7f0;color:#31765e}.table-row{display:grid;grid-template-columns:1.4fr .8fr .7fr .7fr;gap:10px;padding:11px 8px;border-bottom:1px solid #e9edf4;font-size:10px;color:#6f7890;align-items:center}.table-row.head{font-weight:700;color:#38425e;background:#f1f4f8;border-radius:9px;border:0}.state{padding:5px 7px;border-radius:999px;background:#e9f7f1;color:#2c795d;width:max-content}.state.purple{background:#f0ebfb;color:#65509d}

/* process */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:58px;border-top:1px solid #dfe3ec}.process-step{padding:28px 28px 0 0;position:relative}.process-step:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #315d9d;box-shadow:0 0 0 6px #edf4fc}.process-step small{font:800 11px/1 'Manrope';color:#8b93a5;letter-spacing:.1em}.process-step h3{font:800 20px/1.2 'Manrope';letter-spacing:-.03em;margin:16px 0 10px}.process-step p{font-size:14px;line-height:1.7;color:#777f92}

/* why */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.principles{display:grid;gap:12px}.principle{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid #e4e7ef}.principle-num{font:800 11px/48px 'Manrope';width:48px;height:48px;text-align:center;border-radius:14px;background:#eef5fc;color:#275c9e}.principle h3{font:800 18px/1.2 'Manrope';margin:2px 0 6px}.principle p{margin:0;color:#788095;font-size:14px;line-height:1.65}
.arch-visual{height:560px;border-radius:34px;background:linear-gradient(145deg,#f5f8fc,#fff);border:1px solid #e4e8f0;box-shadow:var(--shadow);position:relative;overflow:hidden}.arch-grid{position:absolute;inset:0;background-image:linear-gradient(#e9edf4 1px,transparent 1px),linear-gradient(90deg,#e9edf4 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 60%,transparent)}.arch-circle{position:absolute;width:370px;height:370px;border:1px solid #dce2ec;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.arch-circle:before,.arch-circle:after{content:"";position:absolute;border:1px solid #dce2ec;border-radius:50%;inset:38px}.arch-circle:after{inset:92px}.arch-logo{position:absolute;width:118px;height:118px;border-radius:28px;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 22px 50px rgba(34,59,111,.16);border:1px solid #e5e8ef}.arch-tag{position:absolute;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.88);border:1px solid #e2e6ee;box-shadow:0 12px 30px rgba(38,51,82,.08);font:700 10px/1 'Manrope';color:#526078;backdrop-filter:blur(10px)}.arch-tag.t1{top:22%;left:9%}.arch-tag.t2{top:29%;right:8%}.arch-tag.t3{bottom:19%;left:13%}.arch-tag.t4{bottom:23%;right:11%}

/* CTA */
.cta-wrap{padding:0 0 80px}.cta{border-radius:36px;padding:68px 64px;background:linear-gradient(135deg,#16213e 0%,#1e2e55 44%,#2b1c50 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 34px 80px rgba(31,34,75,.22)}.cta:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(75,149,232,.28),transparent 66%);right:-120px;top:-260px}.cta:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.cta-content{position:relative;z-index:2;display:flex;justify-content:space-between;gap:40px;align-items:end}.cta h2{font:800 clamp(38px,5vw,62px)/.98 'Manrope';letter-spacing:-.055em;margin:0;max-width:720px}.cta p{color:#b9c3d8;line-height:1.65;max-width:500px;margin:18px 0 0}.cta-actions{display:flex;gap:10px;flex-shrink:0}.cta .btn-light{background:#fff;color:#17203a;border-color:#fff}

/* footer */
footer{padding:34px 0 44px;border-top:1px solid #e3e6ee}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer-brand p{color:#7c8497;max-width:420px;font-size:14px;line-height:1.7}.footer-col h4{font:800 12px/1 'Manrope';letter-spacing:.08em;text-transform:uppercase;margin:4px 0 16px}.footer-col a{display:block;color:#737b8f;font-size:14px;margin:10px 0;transition:.2s}.footer-col a:hover{color:#1b386c;transform:translateX(3px)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;border-top:1px solid #e8eaf1;font-size:12px;color:#9097a8}

/* inner pages */
.page-hero{padding:180px 0 90px}.page-hero h1{font:800 clamp(52px,7vw,86px)/.94 'Manrope';letter-spacing:-.06em;margin:20px 0;max-width:920px}.page-hero p{font-size:19px;line-height:1.7;color:var(--muted);max-width:720px}.page-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.page-card{padding:30px;border-radius:24px;border:1px solid #e4e8f0;background:#fff;box-shadow:var(--shadow-soft)}.page-card h3{font:800 21px/1.15 'Manrope';letter-spacing:-.03em;margin:18px 0 10px}.page-card p{margin:0;color:#778094;line-height:1.7}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-panel{border:1px solid #e3e7ef;background:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-size:12px;font-weight:700;color:#46506a}.field input,.field textarea{width:100%;border:1px solid #dfe4ed;border-radius:13px;padding:14px 15px;outline:none;background:#fbfcfe;color:#151b32;transition:.2s}.field input:focus,.field textarea:focus{border-color:#7ca7db;box-shadow:0 0 0 4px rgba(58,124,198,.09);background:white}.field textarea{min-height:140px;resize:vertical}.faq-list{display:grid;gap:10px;max-width:900px}.faq-item{border:1px solid #e4e7ef;background:#fff;border-radius:17px;overflow:hidden}.faq-q{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font:700 16px/1.3 'Manrope'}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a p{padding:0 22px 20px;margin:0;color:#737c90;line-height:1.7}.faq-item.open .faq-a{max-height:220px}.faq-plus{width:28px;height:28px;border-radius:50%;border:1px solid #dde2eb;display:grid;place-items:center;transition:.25s}.faq-item.open .faq-plus{transform:rotate(45deg);background:#edf4fc}

/* scroll animation */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.8,.2,1)}.reveal.in{opacity:1;transform:none}.reveal.delay1{transition-delay:.08s}.reveal.delay2{transition-delay:.16s}.reveal.delay3{transition-delay:.24s}

@media(max-width:980px){
  .nav-links{display:none}.menu-btn{display:flex}.nav-actions .btn{display:none}
  .hero{padding-top:140px}.hero-grid,.statement-grid,.showcase-grid,.why-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.hero-copy h1{max-width:900px}.visual-stage{min-height:590px;max-width:720px;width:100%;margin:auto}.bento{grid-template-columns:1fr}.bento-card.tall{grid-row:auto;min-height:560px}.process-grid{grid-template-columns:1fr 1fr;gap:26px}.process-step{border-top:1px solid #e2e5ec;padding-top:28px}.process-step:before{top:22px}.page-card-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cta-content{align-items:start;flex-direction:column}
  .mobile-panel{position:absolute;top:84px;left:0;right:0;background:rgba(255,255,255,.98);border:1px solid #e3e7ef;border-radius:18px;padding:10px;box-shadow:0 22px 50px rgba(29,43,80,.12);display:none}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:13px 14px;border-radius:10px;font-weight:700;color:#536078}.mobile-panel a:hover{background:#f4f6fa;color:#17203a}
}
@media(max-width:680px){
  .container{width:min(100% - 24px,1180px)}.section{padding:82px 0}.site-header{padding:10px 0}.nav-shell{height:62px;border-radius:16px}.brand-mark{width:36px;height:36px}.brand{font-size:18px}.hero{padding:120px 0 48px;min-height:auto}.hero-copy h1{font-size:clamp(50px,14vw,68px)}.hero-copy p{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-trust{flex-wrap:wrap}.visual-stage{min-height:500px;margin-top:8px}.console{inset:56px 0 42px 0;border-radius:22px;transform:none}.console-body{grid-template-columns:92px 1fr;padding:14px;gap:10px}.side-panel{padding:14px 10px}.metric-row{grid-template-columns:1fr 1fr}.metric-row .metric:last-child{display:none}.console-foot{grid-template-columns:1fr}.console-foot .mini-card:last-child{display:none}.float-card.one{left:-4px;top:21%}.float-card.two{right:-4px;bottom:8%}.float-card.three{display:none}.orbit{display:none}.statement-grid{gap:32px}.bento-card{padding:24px;min-height:360px}.bento-card.tall{min-height:520px}.bento-visual{left:24px;right:24px}.process-grid{grid-template-columns:1fr}.showcase-window{padding:10px;min-height:420px;transform:none}.window-body{grid-template-columns:88px 1fr;height:354px}.window-main{padding:12px}.table-row{grid-template-columns:1.5fr .8fr}.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}.arch-visual{height:430px}.arch-circle{width:290px;height:290px}.arch-tag{font-size:8px}.cta{padding:44px 28px;border-radius:28px}.cta-actions{width:100%;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding:140px 0 70px}.page-card-grid{grid-template-columns:1fr}.cursor-glow{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   QAMARSOFT SIGNATURE V2 — premium landing page refinements
   ========================================================= */
:root{
  --navy:#10182d;
  --navy-2:#172544;
  --brand-blue:#2679d2;
  --brand-purple:#3b245e;
  --brand-cyan:#77b8ff;
}

/* refined header */
.site-header{padding:14px 0}
.site-header.scrolled{padding:8px 0}
.nav-shell.nav-v2{height:72px;padding:0 12px 0 14px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(220,226,237,.9);box-shadow:0 12px 34px rgba(26,41,76,.07);backdrop-filter:blur(24px) saturate(150%)}
.site-header.scrolled .nav-shell.nav-v2{box-shadow:0 16px 42px rgba(22,36,68,.12);background:rgba(255,255,255,.92)}
.brand-v2{gap:10px;min-width:190px}
.brand-v2 .brand-mark{width:42px;height:42px;border-radius:12px;padding:3px;background:linear-gradient(145deg,#fff,#f4f7fc);box-shadow:0 7px 18px rgba(36,58,108,.10);border:1px solid #e8edf5;overflow:hidden}
.brand-v2 .brand-mark img{object-fit:contain}
.brand-copy{display:flex;flex-direction:column;gap:4px}
.brand-copy b{font:800 19px/1 'Manrope';letter-spacing:-.045em}
.brand-copy small{font:700 8px/1 'Manrope';letter-spacing:.16em;text-transform:uppercase;color:#8a93a6}
.nav-links{gap:2px}
.nav-links a{position:relative;padding:10px 11px;background:transparent!important;color:#5a6379;font-size:13px}
.nav-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-purple));transition:.25s ease}
.nav-links a:hover:after,.nav-links a.active:after{left:11px;right:11px}
.nav-links a:hover,.nav-links a.active{color:#121a31}
.nav-contact{font-size:12px;font-weight:700;color:#70798c;padding:8px 2px}
.btn-compact{min-height:42px;border-radius:11px;padding:0 15px;font-size:13px}

/* premium hero: intentionally shorter and cleaner */
.hero-v2{min-height:auto;padding:146px 0 88px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#ffffff 0%,#fbfcff 74%,#f7f9fd 100%)}
.hero-v2:before{content:"";position:absolute;inset:0;z-index:-4;background-image:linear-gradient(rgba(35,67,116,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(35,67,116,.032) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.6) 65%,transparent)}
.hero-mesh{position:absolute;left:-16%;top:5%;width:760px;height:760px;border-radius:50%;z-index:-3;background:radial-gradient(circle at 50% 50%,rgba(50,127,210,.13),rgba(72,56,130,.06) 38%,transparent 68%);filter:blur(12px)}
.hero-beam{position:absolute;height:1px;width:700px;background:linear-gradient(90deg,transparent,rgba(64,121,195,.25),transparent);z-index:-2;transform:rotate(-24deg)}
.beam-a{right:-130px;top:250px}.beam-b{right:-80px;top:430px;opacity:.55}
.hero-grid-v2{grid-template-columns:.94fr 1.06fr;gap:54px;align-items:center}
.hero-copy-v2{padding-bottom:8px}
.hero-copy-v2 h1{font-size:clamp(54px,5.55vw,78px);line-height:.94;letter-spacing:-.065em;margin:20px 0 23px;max-width:690px}
.hero-copy-v2 p{font-size:18px;line-height:1.72;max-width:605px;margin-bottom:30px}
.hero-kicker{background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(27,54,96,.06)}
.live-dot{width:7px;height:7px;border-radius:50%;background:#2d8a61;box-shadow:0 0 0 5px rgba(45,138,97,.10);animation:livePulse 2.1s ease-in-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 9px rgba(45,138,97,0)}}
.btn-hero{min-height:52px;padding:0 21px;border-radius:14px}
.hero-meta{display:flex;gap:17px;flex-wrap:wrap;margin-top:26px;color:#70788c;font-size:12px;font-weight:700}
.hero-meta span{display:flex;align-items:center;gap:7px}
.hero-meta i{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--accent))}

/* hero artwork */
.hero-art{position:relative;min-height:560px;perspective:1500px;--rx:0deg;--ry:0deg}
.hero-art-glow{position:absolute;inset:4% -4% -1% 8%;background:radial-gradient(circle at 50% 48%,rgba(55,132,220,.24),rgba(94,66,160,.12) 44%,transparent 69%);filter:blur(10px);animation:haloPulse 7s ease-in-out infinite}
.hero-orb{position:absolute;width:330px;height:330px;border-radius:50%;right:-28px;top:62px;background:linear-gradient(145deg,rgba(49,139,227,.22),rgba(46,33,88,.18));box-shadow:inset 30px 20px 70px rgba(255,255,255,.3),0 55px 90px rgba(34,69,130,.12);filter:saturate(115%);animation:orbFloat 7s ease-in-out infinite}
.hero-orb:before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 0 80px rgba(255,255,255,.18)}
.hero-orb span{position:absolute;width:84px;height:84px;border-radius:50%;background:linear-gradient(145deg,#fff,rgba(255,255,255,.25));filter:blur(1px);left:22%;top:18%;opacity:.8}
@keyframes orbFloat{50%{transform:translateY(-10px) scale(1.025)}}
.hero-device{position:absolute;left:16px;right:12px;top:66px;bottom:28px;border-radius:28px;overflow:hidden;background:rgba(249,251,255,.96);border:1px solid rgba(215,223,235,.95);box-shadow:0 38px 95px rgba(28,43,78,.20),0 8px 24px rgba(31,47,86,.08),inset 0 1px 0 #fff;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}
.hero-device:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px circle at var(--hx,60%) var(--hy,20%),rgba(255,255,255,.85),transparent 28%);z-index:5;opacity:.5;mix-blend-mode:screen}
.device-top{height:58px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #e6ebf3;background:rgba(255,255,255,.87)}
.device-dots{display:flex;gap:6px}.device-dots span{width:8px;height:8px;border-radius:50%;background:#d4d9e5}.device-dots span:nth-child(2){background:#9fc1e7}.device-dots span:nth-child(3){background:#78649e}
.device-title{font:800 10px/1 'Manrope';letter-spacing:.08em;text-transform:uppercase;color:#536078}.device-title span{font-weight:600;color:#9aa2b3;margin-left:8px}
.device-live{justify-self:end;display:flex;align-items:center;gap:6px;font:700 9px/1 'Manrope';text-transform:uppercase;letter-spacing:.08em;color:#3d7a64}.device-live i{width:6px;height:6px;border-radius:50%;background:#37a478;box-shadow:0 0 0 4px rgba(55,164,120,.1)}
.device-body{height:calc(100% - 58px);display:grid;grid-template-columns:66px 1fr;background:#f8fafd}
.device-nav{background:linear-gradient(180deg,#11192d,#172442);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:9px}
.device-logo{width:37px;height:37px;border-radius:11px;background:#fff;padding:3px;margin-bottom:12px;box-shadow:0 8px 18px rgba(0,0,0,.17)}
.device-logo img{width:100%;height:100%;object-fit:contain}
.device-nav button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;color:#8692aa;background:transparent;transition:.2s}.device-nav button svg{width:17px}.device-nav button:hover,.device-nav button.active{background:rgba(255,255,255,.10);color:#f4f8ff;transform:translateY(-1px)}
.device-main{padding:19px 20px 14px;display:flex;flex-direction:column;min-width:0}
.device-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.device-heading small{font-size:9px;font-weight:700;color:#8c95a8;text-transform:uppercase;letter-spacing:.08em}.device-heading h3{font:800 17px/1.2 'Manrope';letter-spacing:-.03em;margin:5px 0 0;color:#1f2944}.device-heading button{display:flex;align-items:center;gap:5px;border:1px solid #e0e6ef;background:#fff;color:#667085;font-size:9px;font-weight:700;padding:7px 9px;border-radius:9px}.device-heading button svg{width:11px}
.device-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 10px}.device-kpis article{padding:12px 12px 11px;border:1px solid #e5eaf2;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(32,48,83,.04)}.device-kpis span{display:block;font-size:8px;color:#8e96a8;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.device-kpis strong{display:inline-block;font:800 19px/1 'Manrope';letter-spacing:-.04em;margin:7px 5px 0 0}.device-kpis small{font-size:8px;color:#6a8b79;font-weight:700}
.flow-canvas{position:relative;flex:1;min-height:205px;border:1px solid #e5eaf2;border-radius:17px;background:linear-gradient(180deg,#fff,#fbfcfe);overflow:hidden;background-image:linear-gradient(#eff2f7 1px,transparent 1px),linear-gradient(90deg,#eff2f7 1px,transparent 1px);background-size:24px 24px}
.flow-label{position:absolute;left:13px;right:13px;top:12px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;color:#59647b;text-transform:uppercase;letter-spacing:.07em;z-index:3}.flow-label em{display:flex;align-items:center;gap:5px;font-style:normal;color:#3e8165;background:#eef8f3;border:1px solid #dcefe5;border-radius:999px;padding:5px 7px}.flow-label em i{width:5px;height:5px;border-radius:50%;background:#39a475}
.flow-lines{position:absolute;inset:38px 4% 2%;width:92%;height:calc(100% - 42px)}.flow-lines path{fill:none;stroke:url(#flowGrad);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:7 7;animation:dashFlow 9s linear infinite}.flow-lines circle{fill:#fff;stroke:#578dc5;stroke-width:2}@keyframes dashFlow{to{stroke-dashoffset:-140}}
.flow-node-v2{position:absolute;width:83px;padding:8px 8px 7px;border:1px solid #dfe5ee;border-radius:11px;background:rgba(255,255,255,.95);box-shadow:0 7px 18px rgba(36,51,82,.08);z-index:2;transition:.25s ease}.flow-node-v2:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(35,55,92,.13)}.flow-node-v2 .flow-node-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:#2f6daf;background:#eaf3fd;margin-bottom:5px}.flow-node-v2 .flow-node-icon svg{width:13px}.flow-node-v2 b{display:block;font:800 9px/1.1 'Manrope';color:#26314b}.flow-node-v2 small{font-size:7px;color:#9299a9}.flow-node-v2.n1{left:5%;top:43%}.flow-node-v2.n2{left:31%;top:24%}.flow-node-v2.n3{left:59%;top:59%}.flow-node-v2.n4{right:4%;top:37%}
.device-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:8px;color:#8b93a4}.device-footer span:first-child{font-weight:700;color:#567566}.device-footer .ok{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3ba374;margin-right:5px}
.hero-float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 11px;background:rgba(255,255,255,.90);border:1px solid rgba(219,226,237,.95);border-radius:13px;box-shadow:0 14px 35px rgba(29,45,78,.12);backdrop-filter:blur(18px);animation:cardFloat 6s ease-in-out infinite}.hero-float-a{left:-12px;top:145px}.hero-float-b{right:-12px;bottom:82px;animation-delay:-2.4s}.hero-float .mini-symbol{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#f4f0ff);color:#315f9d}.hero-float svg{width:15px}.hero-float b{display:block;font:800 9px/1.1 'Manrope';color:#2d374f}.hero-float small{font-size:7px;color:#8e96a6}.hero-float em{font-style:normal;font:800 7px/1 'Manrope';color:#27785b;background:#e8f7ef;padding:5px 6px;border-radius:999px;margin-left:4px}@keyframes cardFloat{50%{transform:translateY(-7px)}}

.cap-v2{margin-top:-1px}.cap-v2 .cap-shell{border-color:#dfe5ee;background:#fff}.cap-v2 .marquee span:after{background:linear-gradient(135deg,var(--brand-blue),var(--brand-purple))}

/* section intros */
.split-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:48px}.split-intro .section-title{margin-bottom:0}.split-intro .section-copy{margin:0 0 5px auto}

/* six premium services */
.services-section{padding-top:104px}
.services-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-card-v2{--mx:50%;--my:50%;position:relative;min-height:330px;padding:25px;border-radius:22px;border:1px solid #e3e8f0;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);box-shadow:0 10px 34px rgba(31,48,82,.055);overflow:hidden;transition:transform .33s cubic-bezier(.2,.75,.25,1),box-shadow .33s ease,border-color .33s ease;transform-style:preserve-3d}
.service-card-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx) var(--my),rgba(55,130,209,.11),transparent 42%);opacity:0;transition:.25s;pointer-events:none}
.service-card-v2:after{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(54,123,202,.55),rgba(91,64,151,.45),transparent);opacity:0;transition:.3s}
.service-card-v2:hover{transform:translateY(-7px);border-color:#d7e0ec;box-shadow:0 24px 55px rgba(27,46,82,.11)}.service-card-v2:hover:before,.service-card-v2:hover:after{opacity:1}
.service-icon-v2{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:#285f9f;background:linear-gradient(145deg,#edf6ff,#f5f1ff);border:1px solid #dfe9f4;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(48,81,132,.07)}.service-icon-v2 svg{width:31px;height:31px}.service-card-v2:nth-child(2) .service-icon-v2,.service-card-v2:nth-child(5) .service-icon-v2{color:#5a438b;background:linear-gradient(145deg,#f4f0ff,#eef5ff)}
.service-index{position:absolute;right:23px;top:25px;font:800 10px/1 'Manrope';letter-spacing:.1em;color:#b0b6c4}.service-card-v2 h3{font:800 22px/1.12 'Manrope';letter-spacing:-.035em;margin:24px 0 11px;color:#19223c}.service-card-v2 p{color:#747d90;font-size:14px;line-height:1.65;margin:0 0 20px}.service-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.service-tags span{font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#687389;padding:6px 7px;border-radius:999px;background:#f3f5f9;border:1px solid #e8ebf1}.service-card-v2 a{position:absolute;left:25px;bottom:24px;font-size:11px;font-weight:800;color:#315f99;display:flex;align-items:center;gap:5px;opacity:.75;transition:.2s}.service-card-v2 a span{transition:.2s}.service-card-v2:hover a{opacity:1}.service-card-v2:hover a span{transform:translate(2px,-2px)}.service-card-v2{padding-bottom:61px}

/* product stage */
.product-stage{margin:28px 0;background:linear-gradient(135deg,#10182d 0%,#162643 52%,#241946 100%);color:#fff;overflow:hidden;isolation:isolate}
.product-stage:before{content:"";position:absolute;width:780px;height:780px;border-radius:50%;right:-260px;top:-230px;background:radial-gradient(circle,rgba(76,151,231,.22),transparent 63%);z-index:-1}.product-stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.product-stage-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px;align-items:center}.eyebrow-dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#bcd8f7}.product-stage-copy h2{font:800 clamp(48px,5.5vw,72px)/.94 'Manrope';letter-spacing:-.06em;margin:22px 0;color:#fff}.product-stage-copy h2 span{color:#8fb8e7}.product-stage-copy p{font-size:16px;line-height:1.75;color:#aebbd1;max-width:530px}.product-bullets{display:grid;gap:11px;margin:28px 0 30px}.product-bullets span{display:flex;align-items:center;gap:10px;color:#d1d9e8;font-size:13px;font-weight:600}.product-bullets i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#5aacf6,#8f78d3);box-shadow:0 0 0 5px rgba(94,166,233,.08)}
.product-stage-art{--mx:50%;--my:50%;min-height:540px;border-radius:30px;position:relative;padding:34px;background:radial-gradient(480px circle at var(--mx) var(--my),rgba(122,178,239,.12),transparent 48%),rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 75px rgba(0,0,0,.18);overflow:hidden}.product-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(89,151,224,.20),transparent 64%);right:-90px;top:-100px;filter:blur(4px)}
.product-window{position:absolute;inset:44px 28px 30px 35px;border-radius:22px;overflow:hidden;background:#f8faff;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(0,0,0,.28);transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);transition:.35s ease}.product-stage-art:hover .product-window{transform:perspective(1100px) rotateY(-1deg) rotateX(0)}
.product-window-top{height:50px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e4e9f1;background:#fff;color:#566078}.product-window-top>span{width:7px;height:7px;border-radius:50%;background:#d4d8e2;margin-right:5px}.product-window-top>span:nth-child(2){background:#9fbce0}.product-window-top>span:nth-child(3){background:#7b6b9e}.product-window-top b{margin-left:12px;font:800 9px 'Manrope';letter-spacing:.07em;text-transform:uppercase}.product-window-top em{margin-left:auto;font-style:normal;font-size:8px;font-weight:800;color:#317b60;background:#eaf7f0;padding:5px 7px;border-radius:999px}
.product-window-body{height:calc(100% - 50px);display:grid;grid-template-columns:60px 1fr}.product-window-body aside{background:#131d35;padding:12px;display:flex;flex-direction:column;align-items:center;gap:11px}.p-logo{width:34px;height:34px;padding:3px;background:#fff;border-radius:10px;margin-bottom:10px}.p-logo img{width:100%;height:100%;object-fit:contain}.product-window-body aside i{width:32px;height:8px;border-radius:999px;background:rgba(255,255,255,.10)}.product-window-body aside i.active{background:linear-gradient(90deg,#63aefa,#8b73c6)}.product-window-body main{padding:17px 18px;color:#1c2742}.p-head{display:flex;align-items:center;justify-content:space-between}.p-head small{display:block;color:#8c94a5;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.p-head strong{font:800 16px/1.2 'Manrope';letter-spacing:-.03em}.p-head button{border:1px solid #e1e6ee;background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800;color:#596479}.p-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.p-stats article{border:1px solid #e4e8ef;border-radius:11px;background:#fff;padding:10px}.p-stats small{display:block;font-size:7px;text-transform:uppercase;font-weight:800;color:#9299aa;letter-spacing:.06em}.p-stats b{font:800 16px/1 'Manrope';letter-spacing:-.035em}.p-stats span{font-size:7px;color:#7e879a;margin-left:3px}.p-chart{height:124px;border:1px solid #e5e9f0;border-radius:12px;background:#fff;padding:12px;position:relative}.chart-bars{height:74px;display:flex;align-items:end;gap:5px}.chart-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#76afe6,#b9d4ec)}.chart-bars i:nth-child(6),.chart-bars i:nth-child(8){background:linear-gradient(180deg,#6c57a3,#9b88c6)}.p-chart-label{position:absolute;left:12px;right:12px;bottom:9px;display:flex;justify-content:space-between;font-size:7px;color:#8a93a4}.p-chart-label span{font-weight:800;color:#536078}.p-chart-label em{font-style:normal}.p-row{display:grid;grid-template-columns:1fr auto 35px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e9edf2;font-size:8px;color:#586378}.p-row span{display:flex;align-items:center;gap:7px;font-weight:700}.p-row span b{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#edf3f9;color:#376ca4}.p-row em{font-style:normal;color:#317b60;background:#ebf8f1;padding:4px 6px;border-radius:999px}.p-row i{font-style:normal;text-align:right;color:#8c94a4}

/* proof metrics */
.proof-head,.testimonial-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:42px}.proof-head .section-copy,.testimonial-head .section-copy{margin-left:auto;margin-bottom:6px}.proof-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border:1px solid #e2e7ef;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(31,47,82,.06);overflow:hidden}.proof-card{padding:31px 28px;min-height:185px;border-right:1px solid #e7eaf1;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.proof-card:last-child{border-right:0}.proof-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4f9ce7,#6a51a1);opacity:0;transition:.3s}.proof-card:hover:before{opacity:1}.proof-card strong{font:800 clamp(42px,4.7vw,62px)/1 'Manrope';letter-spacing:-.06em;color:#17213a}.proof-card .proof-word{font-size:clamp(34px,3.8vw,50px)}.proof-card span{font:800 13px/1.2 'Manrope';margin-top:13px;color:#3b455d}.proof-card small{font-size:10px;line-height:1.45;color:#989faf;margin-top:7px}.proof-card:first-child strong{background:linear-gradient(120deg,#2d76bf,#513783);-webkit-background-clip:text;background-clip:text;color:transparent}

/* testimonials */
.testimonial-section{padding-top:76px;background:linear-gradient(180deg,transparent,#f7f9fc 54%,transparent)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.testimonial-card{position:relative;min-height:330px;padding:28px;border:1px solid #e3e7ef;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(31,48,82,.055);overflow:hidden;transition:.3s}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(31,48,82,.10)}.testimonial-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(50,127,210,.10),transparent 70%);right:-70px;top:-70px}.quote-mark{font:800 60px/1 Georgia,serif;color:#d7e6f5;display:block;height:42px}.placeholder-label{display:inline-flex;margin-top:7px;padding:7px 8px;border:1px solid #e0e6ef;border-radius:999px;background:#f8fafc;color:#7c8699;font:800 8px/1 'Manrope';letter-spacing:.08em;text-transform:uppercase}.testimonial-card blockquote{font:700 17px/1.52 'Manrope';letter-spacing:-.018em;color:#38435b;margin:22px 0 30px}.testimonial-person{display:flex;align-items:center;gap:11px;position:absolute;left:28px;bottom:25px}.avatar-placeholder{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#eef5fc,#f2effa);border:1px solid #e0e6ef;color:#315f98;font:800 10px 'Manrope'}.testimonial-person b{display:block;font:800 11px/1.2 'Manrope';color:#445069}.testimonial-person small{font-size:9px;color:#9aa1af}

.process-section{padding-top:92px}.process-grid-v2{margin-top:10px}.process-grid-v2 .process-step{padding-right:34px}.process-grid-v2 .process-step h3{font-size:22px}

/* final CTA */
.cta-wrap-v2{padding-top:32px}.cta-v2{border-radius:32px;padding:64px;background:linear-gradient(130deg,#10182d 0%,#162744 50%,#2a1949 100%);box-shadow:0 38px 80px rgba(29,34,70,.20)}.cta-v2 .cta-content{align-items:center}.cta-kicker{display:block;color:#8eb9e5;font:800 9px/1 'Manrope';letter-spacing:.13em;text-transform:uppercase;margin-bottom:15px}.cta-v2 h2{max-width:780px}.btn-ghost-dark{border-color:rgba(255,255,255,.20);color:#fff;background:rgba(255,255,255,.04)}.btn-ghost-dark:hover{background:rgba(255,255,255,.09)}.cta-orb{position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;top:-245px;background:radial-gradient(circle,rgba(92,165,235,.25),transparent 63%)}

/* floating whatsapp */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:1400;display:flex;align-items:center;gap:10px}
.whatsapp-tip{padding:9px 12px;border-radius:10px;background:#fff;color:#27324a;border:1px solid #e3e7ee;box-shadow:0 11px 30px rgba(29,44,73,.12);font-size:11px;font-weight:800;opacity:0;transform:translateX(8px);pointer-events:none;transition:.22s}
.whatsapp-btn{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#20b768;color:#fff;box-shadow:0 16px 35px rgba(20,151,83,.28);border:1px solid rgba(255,255,255,.75);position:relative;transition:.25s}
.whatsapp-btn:before{content:"";position:absolute;inset:-6px;border-radius:22px;border:1px solid rgba(32,183,104,.25);animation:waPulse 2.2s ease-out infinite}.whatsapp-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 22px 42px rgba(20,151,83,.34)}.whatsapp-float:hover .whatsapp-tip{opacity:1;transform:none}.whatsapp-btn svg{width:27px;height:27px}@keyframes waPulse{0%{transform:scale(.92);opacity:.8}70%,100%{transform:scale(1.17);opacity:0}}

/* stronger card polish across inner pages */
.page-card{position:relative;overflow:hidden;transition:.3s ease}.page-card:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(54,126,207,.09),transparent 45%);opacity:0;transition:.25s}.page-card:hover{transform:translateY(-6px);box-shadow:0 23px 52px rgba(30,47,82,.10);border-color:#d7e0ea}.page-card:hover:before{opacity:1}.page-card .bento-icon{position:relative;z-index:1}.page-card h3,.page-card p{position:relative;z-index:1}
.page-card .bento-icon,.bento-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#edf6ff,#f4f0ff);color:#2f649e;border:1px solid #e0e8f2;box-shadow:inset 0 1px 0 #fff,0 9px 22px rgba(46,77,123,.07)}

@media(max-width:1100px){
  .nav-contact{display:none}.hero-grid-v2{gap:34px}.hero-copy-v2 h1{font-size:clamp(52px,6.1vw,70px)}.hero-art{min-height:530px}.product-stage-grid{gap:44px}.services-grid-v2{grid-template-columns:repeat(2,1fr)}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-card:nth-child(2){border-right:0}.proof-card:nth-child(-n+2){border-bottom:1px solid #e7eaf1}.testimonial-grid{grid-template-columns:1fr 1fr}.testimonial-card:last-child{grid-column:1/-1;min-height:280px}
}
@media(max-width:980px){
  .brand-v2{min-width:auto}.brand-copy small{display:none}.hero-v2{padding-top:128px}.hero-grid-v2{grid-template-columns:1fr;gap:36px}.hero-copy-v2{text-align:center}.hero-copy-v2 h1,.hero-copy-v2 p{margin-left:auto;margin-right:auto}.hero-actions,.hero-meta{justify-content:center}.hero-art{max-width:760px;width:100%;margin:auto;min-height:550px}.split-intro,.proof-head,.testimonial-head,.product-stage-grid{grid-template-columns:1fr;gap:24px}.split-intro .section-copy,.proof-head .section-copy,.testimonial-head .section-copy{margin-left:0}.product-stage-copy{max-width:680px}.product-stage-art{min-height:520px}.nav-links{display:none}.menu-btn{display:flex}.nav-actions .btn{display:none}
}
@media(max-width:720px){
  .site-header{padding:8px 0}.nav-shell.nav-v2{height:62px;border-radius:15px}.brand-v2 .brand-mark{width:37px;height:37px}.brand-copy b{font-size:17px}.hero-v2{padding:108px 0 58px}.hero-copy-v2 h1{font-size:clamp(46px,13.5vw,62px);line-height:.96}.hero-copy-v2 p{font-size:16px}.hero-meta{gap:10px 14px}.hero-art{min-height:430px}.hero-orb{width:250px;height:250px;right:-35px;top:45px}.hero-device{left:0;right:0;top:43px;bottom:12px;border-radius:20px}.device-top{height:48px;padding:0 12px}.device-title span{display:none}.device-body{height:calc(100% - 48px);grid-template-columns:47px 1fr}.device-nav{padding:10px 6px}.device-logo{width:31px;height:31px}.device-nav button{width:31px;height:31px}.device-main{padding:12px 10px 9px}.device-heading h3{font-size:13px}.device-kpis{gap:5px;margin:9px 0 7px}.device-kpis article{padding:8px}.device-kpis strong{font-size:15px}.device-kpis small{display:none}.flow-canvas{min-height:168px}.flow-label{top:8px;left:8px;right:8px}.flow-label em{display:none}.flow-node-v2{width:62px;padding:6px}.flow-node-v2 .flow-node-icon{width:19px;height:19px}.flow-node-v2 b{font-size:7px}.flow-node-v2 small{display:none}.flow-node-v2.n1{left:3%;top:43%}.flow-node-v2.n2{left:30%;top:25%}.flow-node-v2.n3{left:58%;top:59%}.flow-node-v2.n4{right:2%;top:38%}.hero-float{display:none}.device-footer{font-size:7px}.device-footer span:last-child{display:none}.services-grid-v2{grid-template-columns:1fr}.service-card-v2{min-height:300px}.product-stage{margin:0}.product-stage-art{min-height:440px;padding:15px}.product-window{inset:30px 10px 20px 12px;transform:none}.product-window-body{grid-template-columns:48px 1fr}.product-window-body main{padding:11px 10px}.p-stats article:nth-child(3){display:none}.p-stats{grid-template-columns:1fr 1fr}.p-row{grid-template-columns:1fr auto}.p-row>i{display:none}.proof-grid{grid-template-columns:1fr}.proof-card,.proof-card:nth-child(2){border-right:0;border-bottom:1px solid #e7eaf1}.proof-card:last-child{border-bottom:0}.proof-card{min-height:150px}.testimonial-grid{grid-template-columns:1fr}.testimonial-card:last-child{grid-column:auto}.testimonial-card{min-height:290px}.cta-v2{padding:42px 26px}.whatsapp-tip{display:none}.whatsapp-float{right:14px;bottom:14px}.whatsapp-btn{width:52px;height:52px;border-radius:16px}.whatsapp-btn:before{border-radius:20px}
}

/* =========================================================
   QAMARSOFT SIGNATURE V3 — Numerio-inspired art direction,
   original implementation and interaction system
   ========================================================= */
:root{
  --v3-ink:#11172c;
  --v3-blue:#2f7fd1;
  --v3-blue-2:#76b7ef;
  --v3-violet:#49306f;
  --v3-violet-2:#8263b9;
  --v3-soft:#f4f7fb;
}

/* header — calmer, clearer, more premium */
.site-header{padding:14px 0;transition:padding .3s ease,transform .3s ease}
.site-header.scrolled{padding:8px 0}
.nav-container{width:min(1240px,calc(100% - 34px))}
.nav-shell.nav-v3{height:74px;padding:0 10px 0 13px;border-radius:22px;border:1px solid rgba(218,225,237,.86);background:rgba(255,255,255,.82);box-shadow:0 16px 46px rgba(31,47,83,.075),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(145%)}
.site-header.scrolled .nav-shell.nav-v3{height:68px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(28,43,78,.12)}
.brand-v3{gap:10px;min-width:205px}.brand-v3 .brand-mark{width:44px;height:44px;border-radius:14px;padding:3px;background:#fff;border:1px solid #e9edf4;box-shadow:0 8px 20px rgba(37,58,105,.10)}.brand-v3 .brand-mark img{object-fit:contain}.brand-v3 .brand-copy b{font-size:19px}.brand-v3 .brand-copy small{font-size:7.5px;letter-spacing:.18em;color:#8d95a6}
.nav-shell.nav-v3 .nav-links{gap:1px;padding:4px;border-radius:14px;background:rgba(247,249,252,.68);border:1px solid rgba(231,235,242,.78)}
.nav-shell.nav-v3 .nav-links a{padding:10px 12px;border-radius:10px;color:#687185;font:700 12px/1 'Manrope';transition:.22s;background:transparent!important}.nav-shell.nav-v3 .nav-links a:after{display:none}.nav-shell.nav-v3 .nav-links a:hover{background:#fff!important;color:#17203a;box-shadow:0 5px 14px rgba(31,47,83,.06)}.nav-shell.nav-v3 .nav-links a.active{background:#fff!important;color:#17203a;box-shadow:0 5px 14px rgba(31,47,83,.07)}
.nav-whatsapp{display:flex;align-items:center;gap:7px;padding:10px 8px;font:800 10px/1 'Manrope';letter-spacing:.04em;color:#5f697d}.nav-online{width:7px;height:7px;border-radius:50%;background:#20b768;box-shadow:0 0 0 4px rgba(32,183,104,.10)}
.nav-project{min-height:44px;border-radius:13px;padding:0 16px;background:linear-gradient(135deg,#171c33,#32205b);box-shadow:0 10px 25px rgba(34,27,76,.20)}

/* hero — classic agency composition with original interactive system map */
.hero-v3{position:relative;min-height:760px;padding:152px 0 92px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fcfdff 58%,#f6f8fc 100%);isolation:isolate}
.hero-v3-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(37,64,111,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,64,111,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.2) 65%,transparent)}
.hero-blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.9}.blob-one{width:720px;height:720px;right:-185px;top:-165px;background:radial-gradient(circle at 38% 45%,rgba(119,184,255,.35),rgba(64,120,204,.11) 43%,rgba(88,61,150,.08) 62%,transparent 72%)}.blob-two{width:550px;height:550px;left:-230px;bottom:-300px;background:radial-gradient(circle,rgba(96,65,199,.12),transparent 68%)}
.hero-v3-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}
.hero-v3-copy{position:relative;z-index:3;max-width:650px}.hero-label{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;border:1px solid #dfe6f1;background:rgba(255,255,255,.84);box-shadow:0 8px 24px rgba(32,51,90,.05);font:800 9px/1 'Manrope';text-transform:uppercase;letter-spacing:.14em;color:#465773}.hero-label i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#43a4ec,#5a3f95);box-shadow:0 0 0 5px rgba(53,132,216,.10)}
.hero-v3-copy h1{font:800 clamp(64px,6vw,88px)/.90 'Manrope';letter-spacing:-.072em;margin:24px 0 24px;color:#10162b}.hero-v3-copy h1>span{display:block}.hero-v3-copy .hero-accent{background:linear-gradient(110deg,#307fce 0%,#79b7ec 42%,#533573 85%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.07em}
.hero-v3-copy p{max-width:590px;font-size:18px;line-height:1.72;color:#667187;margin:0 0 29px}.hero-v3-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-hero-v3{min-height:54px;border-radius:15px;padding:0 21px;font-size:14px}.hero-text-link{display:inline-flex;align-items:center;gap:9px;font:800 13px/1 'Manrope';color:#303c56;padding:10px 2px}.hero-text-link span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #dbe1ec;transition:.25s}.hero-text-link:hover span{transform:translate(3px,3px);background:#fff;box-shadow:0 8px 18px rgba(30,48,84,.08)}
.hero-v3-trust{display:grid;grid-template-columns:.8fr .7fr 1.35fr;max-width:560px;margin-top:35px;padding-top:20px;border-top:1px solid #e3e7ef}.hero-v3-trust div{padding-right:17px;margin-right:17px;border-right:1px solid #e6e9f0}.hero-v3-trust div:last-child{border:0;margin:0;padding:0}.hero-v3-trust strong{display:block;font:800 18px/1 'Manrope';letter-spacing:-.04em;color:#1b2742}.hero-v3-trust span{display:block;margin-top:6px;font-size:9px;color:#8b94a6;line-height:1.35;font-weight:700}

.hero-v3-visual{position:relative;min-height:590px;perspective:1200px;transform-style:preserve-3d;--mx:0px;--my:0px}.visual-glow{position:absolute;width:470px;height:470px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 45% 42%,rgba(126,194,255,.45),rgba(77,118,202,.22) 35%,rgba(84,55,135,.16) 58%,transparent 72%);filter:blur(9px);animation:v3Glow 7s ease-in-out infinite}@keyframes v3Glow{50%{transform:translate(-50%,-50%) scale(1.07);opacity:.76}}
.orbit-ring{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-ring-a{width:478px;height:478px;border:1px solid rgba(61,100,162,.13);box-shadow:inset 0 0 60px rgba(84,129,196,.025)}.orbit-ring-b{width:345px;height:345px;border:1px dashed rgba(79,70,132,.18);animation:spinRing 24s linear infinite}@keyframes spinRing{to{transform:translate(-50%,-50%) rotate(360deg)}}
.brand-core{position:absolute;left:50%;top:50%;width:238px;height:238px;border-radius:50%;transform:translate(-50%,-50%) translateZ(35px);background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(244,249,255,.75));border:1px solid rgba(219,229,241,.92);box-shadow:0 32px 80px rgba(34,57,104,.16),inset 0 1px 0 white;display:grid;place-items:center;backdrop-filter:blur(20px)}.brand-core:before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(85,116,173,.12)}.core-glass{text-align:center;position:relative;z-index:2}.core-glass img{width:84px;height:84px;object-fit:contain;margin:0 auto 11px;border-radius:22px;box-shadow:0 14px 35px rgba(39,67,119,.13)}.core-glass span{display:block;font:800 18px/1 'Manrope';letter-spacing:-.045em}.core-glass small{display:block;color:#8490a5;font-size:9px;margin-top:7px}
.hero-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-connections path{fill:none;stroke:url(#connectGrad);stroke-width:1.5;stroke-dasharray:5 8;opacity:.43;animation:dashFlow 18s linear infinite}@keyframes dashFlow{to{stroke-dashoffset:-300}}
.orbit-card{position:absolute;min-width:188px;display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:17px;background:rgba(255,255,255,.86);border:1px solid rgba(220,227,238,.95);box-shadow:0 20px 46px rgba(35,53,91,.10),inset 0 1px 0 #fff;backdrop-filter:blur(16px);transition:box-shadow .25s ease,transform .18s ease-out}.orbit-card:hover{box-shadow:0 26px 58px rgba(35,53,91,.16)}.orbit-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#285c9f;background:linear-gradient(145deg,#eff7ff,#f5f1fb);border:1px solid #e2e9f2}.orbit-icon svg{width:20px;height:20px}.orbit-card b{display:block;font:800 10px/1.15 'Manrope';color:#263149}.orbit-card small{display:block;font-size:8px;color:#8993a6;margin-top:5px;white-space:nowrap}.orbit-card em{margin-left:auto;font:800 7px/1 'Manrope';font-style:normal;color:#1f8c5b;background:#e8f8ef;padding:6px 7px;border-radius:999px}.card-automation{left:1%;top:17%}.card-data{right:0;top:12%}.card-web{left:2%;bottom:16%}.card-marketing{right:-1%;bottom:15%}
.hero-mini-panel{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:365px;padding:14px 16px;border-radius:16px;border:1px solid rgba(219,226,238,.94);background:rgba(255,255,255,.88);box-shadow:0 22px 48px rgba(37,56,95,.11);backdrop-filter:blur(18px)}.mini-panel-head{display:flex;align-items:center;justify-content:space-between;font:800 8px/1 'Manrope';text-transform:uppercase;letter-spacing:.08em;color:#657086}.mini-panel-head span{display:flex;align-items:center;gap:6px}.mini-panel-head span i{width:6px;height:6px;background:#36a06c;border-radius:50%;box-shadow:0 0 0 4px rgba(54,160,108,.10)}.mini-panel-head em{font-style:normal;color:#9aa2b1}.mini-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;margin-top:13px}.mini-steps span{font:800 8px/1 'Manrope';color:#9aa2b2}.mini-steps span.done{color:#49698e}.mini-steps span.active{color:#51386f}.mini-steps i{height:1px;background:#dfe4ed;margin:0 8px;position:relative}.mini-steps i:after{content:"";position:absolute;left:0;top:-1px;width:65%;height:3px;border-radius:4px;background:linear-gradient(90deg,#72afe5,#7658a1)}
.hero-scroll-cue{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#9ba3b2;font:700 8px/1 'Manrope';text-transform:uppercase;letter-spacing:.14em}.hero-scroll-cue i{display:block;width:24px;height:1px;background:#cfd5df;position:relative;overflow:hidden}.hero-scroll-cue i:after{content:"";position:absolute;inset:0;background:#4f75a5;transform:translateX(-100%);animation:scrollCue 2.4s ease-in-out infinite}@keyframes scrollCue{50%,100%{transform:translateX(100%)}}

/* service cards — stronger icon system and less template-like */
.services-section{background:linear-gradient(180deg,#f7f9fd 0%,#fff 24%,#fff 100%)}
.services-grid-v2{gap:18px}.service-card-v2{border-radius:25px;padding:30px;background:linear-gradient(160deg,#fff,#fbfcff);box-shadow:0 12px 34px rgba(31,47,82,.055);min-height:345px}.service-card-v2:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(440px circle at var(--mx,50%) var(--my,50%),rgba(76,148,220,.105),transparent 40%);opacity:0;transition:.25s;pointer-events:none}.service-card-v2:hover:after{opacity:1}.service-card-v2:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(31,47,82,.105);border-color:#dce4ef}.service-icon-v2{width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#edf7ff 0%,#f7f2ff 100%);border:1px solid #dfe8f2;color:#245b9d;box-shadow:inset 0 1px 0 #fff,0 12px 25px rgba(46,88,145,.08);position:relative;overflow:hidden}.service-icon-v2:before{content:"";position:absolute;width:42px;height:42px;border-radius:50%;right:-17px;top:-17px;background:rgba(103,77,164,.10)}.service-icon-v2 svg{width:35px;height:35px;position:relative;z-index:2}.service-card-v2 h3{font-size:23px}.service-index{font-size:9px;letter-spacing:.16em}.service-tags span{background:#f7f9fc}

/* product artwork gets more depth and cleaner framing */
.product-stage{border-radius:0;background:linear-gradient(135deg,#111d35 0%,#172849 48%,#261744 100%)}.product-stage:before{background-size:46px 46px;opacity:.8}.product-stage-art{border-color:rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 36px 90px rgba(4,12,29,.36),inset 0 1px 0 rgba(255,255,255,.13)}.product-window{box-shadow:0 28px 70px rgba(2,8,22,.32)}

/* client metrics — no instructional copy in public UI */
.proof-v3{padding:96px 0;background:#fff}.proof-v3-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:stretch;border:1px solid #e3e8f0;border-radius:30px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 22px 58px rgba(31,47,82,.075);padding:28px;overflow:hidden;position:relative}.proof-v3-shell:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-170px;top:-240px;background:radial-gradient(circle,rgba(86,151,220,.16),transparent 65%)}.proof-v3-intro{padding:30px 24px}.proof-v3-intro h2{font:800 clamp(37px,4.4vw,58px)/.98 'Manrope';letter-spacing:-.06em;margin:20px 0 0;color:#152039}.proof-v3-intro h2 span{color:#6d778b}.proof-v3-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e5e9f0;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.78);position:relative;z-index:2}.proof-v3-stats article{min-height:150px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;transition:.25s}.proof-v3-stats article:nth-child(2n){border-right:0}.proof-v3-stats article:nth-last-child(-n+2){border-bottom:0}.proof-v3-stats article:hover{background:#fff}.proof-v3-stats strong{font:800 clamp(34px,4vw,50px)/1 'Manrope';letter-spacing:-.055em;background:linear-gradient(110deg,#2c75bd,#513675);-webkit-background-clip:text;background-clip:text;color:transparent}.proof-v3-stats span{font:800 10px/1.2 'Manrope';color:#687288;margin-top:9px;text-transform:uppercase;letter-spacing:.08em}

/* testimonials — continuous left-to-right marquee */
.testimonials-v3{padding:110px 0 120px;background:linear-gradient(180deg,#f8faff,#f2f6fb);overflow:hidden}.testimonial-v3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.testimonial-v3-head .section-title{max-width:760px;margin-bottom:0}.testimonial-controls{display:flex;align-items:center;gap:10px}.testimonial-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #dbe2ec;background:#fff;color:#3d4962;cursor:pointer;box-shadow:0 9px 22px rgba(29,47,82,.07);font-weight:900}.testimonial-marquee{position:relative;width:100%;overflow:hidden;padding:8px 0 22px}.testimonial-marquee:before,.testimonial-marquee:after{content:"";position:absolute;top:0;bottom:0;width:10vw;z-index:3;pointer-events:none}.testimonial-marquee:before{left:0;background:linear-gradient(90deg,#f3f7fb,transparent)}.testimonial-marquee:after{right:0;background:linear-gradient(-90deg,#f3f7fb,transparent)}.testimonial-track{display:flex;width:max-content;gap:18px;animation:testimonialLTR 42s linear infinite;will-change:transform}.testimonial-track.paused{animation-play-state:paused}.testimonial-marquee:hover .testimonial-track{animation-play-state:paused}@keyframes testimonialLTR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.testimonial-v3-card{width:min(420px,82vw);min-height:290px;flex:0 0 auto;padding:25px;border-radius:24px;border:1px solid #e0e6ef;background:rgba(255,255,255,.95);box-shadow:0 16px 38px rgba(29,46,82,.075);position:relative;overflow:hidden;transition:.3s}.testimonial-v3-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px rgba(29,46,82,.12)}.testimonial-v3-card:before{content:"“";position:absolute;right:22px;top:4px;font:800 92px/1 Georgia,serif;color:#eef4fb}.testimonial-stars{display:flex;gap:4px;color:#f0b64d;font-size:12px;position:relative;z-index:1}.testimonial-v3-card blockquote{margin:20px 0 30px;font:700 16px/1.58 'Manrope';letter-spacing:-.018em;color:#334058;position:relative;z-index:1}.testimonial-v3-person{display:flex;align-items:center;gap:12px;margin-top:auto}.testimonial-v3-person img,.testimonial-v3-avatar{width:48px;height:48px;border-radius:15px;object-fit:cover;border:1px solid #e1e6ed;box-shadow:0 8px 18px rgba(35,54,91,.08)}.testimonial-v3-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#e9f4ff,#f0eafa);font:800 12px 'Manrope';color:#315f97}.testimonial-v3-person b{display:block;font:800 12px/1.2 'Manrope';color:#243049}.testimonial-v3-person small{display:block;margin-top:5px;color:#8a93a5;font-size:9px}.testimonial-v3-card .testimonial-service{position:absolute;right:22px;bottom:26px;font:800 7px/1 'Manrope';text-transform:uppercase;letter-spacing:.08em;color:#7c87a0;background:#f5f8fb;border:1px solid #e6eaf1;padding:7px 8px;border-radius:999px}

/* inner page polish */
.page-hero{padding-top:170px;background:linear-gradient(180deg,#fff,#f9fbfe)}.page-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(36,66,113,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(36,66,113,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 80%);z-index:-1}.page-card,.contact-panel,.faq-item{box-shadow:0 13px 34px rgba(31,47,82,.055)}

@media(max-width:1120px){.nav-whatsapp{display:none}.hero-v3-layout{gap:22px}.hero-v3-copy h1{font-size:clamp(58px,6vw,76px)}.orbit-card{min-width:172px}.hero-v3-visual{min-height:550px}.proof-v3-shell{grid-template-columns:1fr}.proof-v3-intro{padding-bottom:8px}}
@media(max-width:980px){.nav-shell.nav-v3 .nav-links{display:none}.nav-project{display:none}.hero-v3{padding-top:128px}.hero-v3-layout{grid-template-columns:1fr;gap:34px}.hero-v3-copy{max-width:780px;text-align:center;margin:auto}.hero-v3-copy p{margin-left:auto;margin-right:auto}.hero-v3-actions{justify-content:center}.hero-v3-trust{margin-left:auto;margin-right:auto;text-align:left}.hero-v3-visual{max-width:750px;width:100%;margin:auto;min-height:570px}.testimonial-v3-head{align-items:flex-start;flex-direction:column}.nav-shell.nav-v3 .mobile-panel{top:82px}}
@media(max-width:680px){.nav-container{width:min(100% - 20px,1240px)}.nav-shell.nav-v3{height:62px;border-radius:16px}.brand-v3{min-width:0}.brand-v3 .brand-mark{width:38px;height:38px;border-radius:11px}.brand-v3 .brand-copy small{display:none}.brand-v3 .brand-copy b{font-size:17px}.hero-v3{min-height:auto;padding:108px 0 70px}.hero-v3-copy h1{font-size:clamp(48px,14.3vw,66px);line-height:.91}.hero-v3-copy p{font-size:16px}.hero-v3-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.hero-text-link{justify-content:center}.hero-v3-trust{grid-template-columns:1fr 1fr;margin-top:26px}.hero-v3-trust div:nth-child(2){border:0;margin:0;padding:0}.hero-v3-trust div:last-child{grid-column:1/-1;border-top:1px solid #e5e8ef;padding-top:12px;margin-top:4px}.hero-v3-visual{min-height:460px}.orbit-ring-a{width:340px;height:340px}.orbit-ring-b{width:250px;height:250px}.brand-core{width:174px;height:174px}.brand-core:before{inset:13px}.core-glass img{width:62px;height:62px;border-radius:17px}.core-glass span{font-size:14px}.core-glass small{font-size:7px}.orbit-card{min-width:145px;padding:10px;border-radius:13px;gap:8px}.orbit-icon{width:31px;height:31px;border-radius:9px}.orbit-icon svg{width:17px}.orbit-card b{font-size:8px}.orbit-card small{font-size:6.5px}.orbit-card em{display:none}.card-automation{left:-3%;top:12%}.card-data{right:-4%;top:15%}.card-web{left:-3%;bottom:13%}.card-marketing{right:-5%;bottom:16%}.hero-connections{opacity:.65}.hero-mini-panel{width:295px;bottom:0;padding:11px 12px}.mini-steps span{font-size:6.5px}.hero-scroll-cue{display:none}.proof-v3{padding:72px 0}.proof-v3-shell{padding:16px;border-radius:23px;gap:16px}.proof-v3-intro{padding:20px 12px}.proof-v3-stats{grid-template-columns:1fr 1fr}.proof-v3-stats article{min-height:126px;padding:18px}.testimonials-v3{padding:82px 0 90px}.testimonial-v3-card{width:82vw;min-height:275px}.testimonial-controls{display:none}.service-card-v2{min-height:315px}.service-icon-v2{width:58px;height:58px}}
.nav-shell.nav-v3{position:relative}

/* ===== QamarSoft V3 Professional Continuation ===== */
/* Header correction: prevents duplicated mobile navigation on desktop */
.nav-shell.nav-v3{position:relative;overflow:visible}
.nav-shell.nav-v3>.mobile-panel{display:none!important}
.nav-shell.nav-v3>.mobile-panel.open{display:none!important}
.nav-shell.nav-v3 .nav-links{white-space:nowrap}
.nav-shell.nav-v3 .nav-links a{padding-left:11px;padding-right:11px}
.nav-shell.nav-v3 .nav-actions{flex:0 0 auto}
.nav-shell.nav-v3 .brand-v3{flex:0 0 auto}

/* Hero: premium digital marketing vector scene */
.hero-v3-pro{min-height:790px;padding-top:145px;padding-bottom:78px}
.hero-v3-pro .hero-v3-layout{grid-template-columns:.88fr 1.12fr;gap:42px}
.hero-v3-pro .hero-v3-copy{max-width:610px}
.hero-v3-pro .hero-v3-copy h1{font-size:clamp(60px,5.6vw,82px)}
.hero-marketing-visual{min-height:565px;isolation:isolate}
.marketing-visual-glow{position:absolute;width:490px;height:490px;border-radius:50%;left:52%;top:49%;transform:translate(-50%,-50%);background:radial-gradient(circle at 45% 40%,rgba(125,190,248,.28),rgba(88,101,179,.13) 48%,rgba(95,58,139,.09) 62%,transparent 72%);filter:blur(6px);z-index:-1}
.marketing-scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:transform .3s ease}
.marketing-float{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;min-width:178px;padding:12px 14px;border-radius:17px;background:rgba(255,255,255,.93);border:1px solid rgba(218,226,238,.94);box-shadow:0 16px 38px rgba(34,50,84,.12);backdrop-filter:blur(14px);transition:translate .16s ease,transform .22s ease}
.marketing-float:hover{transform:translateY(-4px)}
.marketing-float b{display:block;font:800 10px/1.2 'Manrope';color:#24324d}.marketing-float small{display:block;margin-top:4px;font:700 7.5px/1.2 'DM Sans';color:#8b95a8}
.marketing-float-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf6ff,#e7f0ff);color:#2767a8;font:800 15px/1 'Manrope';box-shadow:inset 0 1px 0 #fff}
.marketing-float-icon.purple{background:linear-gradient(145deg,#f2edff,#ece7fb);color:#6a4da0}.marketing-float-icon.blue{background:linear-gradient(145deg,#eef8ff,#e8f2fb);color:#3979aa}
.marketing-float-a{left:1%;top:15%}.marketing-float-b{right:-2%;top:22%}.marketing-float-c{right:2%;bottom:14%}

/* Services: stronger heading, cleaner proof chips, more depth */
.services-pro-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:36px}
.services-pro-head .section-title{margin-bottom:0;max-width:780px}
.services-mini-proof{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:310px}
.services-mini-proof span{padding:10px 12px;border:1px solid #e4e9f1;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(32,48,82,.045);font:800 9px/1 'Manrope';letter-spacing:.08em;text-transform:uppercase;color:#65718a;text-align:center}
.services-grid-pro{gap:20px}
.services-grid-pro .service-card-v2{min-height:355px;border:1px solid #e1e7ef;box-shadow:0 15px 38px rgba(28,45,80,.065);overflow:hidden}
.services-grid-pro .service-card-v2:before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-55px;top:-60px;background:radial-gradient(circle,rgba(103,169,229,.12),transparent 67%);pointer-events:none}
.services-grid-pro .service-card-v2:nth-child(2n):before{background:radial-gradient(circle,rgba(111,82,176,.12),transparent 67%)}
.services-grid-pro .service-card-v2 h3{font-size:24px;letter-spacing:-.035em}.services-grid-pro .service-card-v2 p{font-size:14px;line-height:1.72}.services-grid-pro .service-card-v2>a{margin-top:auto;font:800 11px/1 'Manrope';color:#2d4f7e;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #edf0f5}

/* Product experience section */
.product-stage-pro{padding:112px 0;background:linear-gradient(135deg,#0f1b33 0%,#162b4d 50%,#2a1949 100%)}
.product-stage-pro .product-stage-grid{gap:62px}
.product-stage-art-pro{min-height:570px;border-radius:34px;padding:30px;background:radial-gradient(420px circle at var(--mx,65%) var(--my,20%),rgba(130,188,246,.16),transparent 48%),linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));box-shadow:0 40px 95px rgba(2,8,20,.32),inset 0 1px 0 rgba(255,255,255,.13)}
.product-window-pro{inset:42px 28px 30px 36px;border-radius:24px;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}
.product-stage-art-pro:hover .product-window-pro{transform:perspective(1200px) rotateY(-.6deg) rotateX(0)}

/* Homepage products */
.homepage-products{background:linear-gradient(180deg,#fff 0%,#f8faff 100%)}
.products-pro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.products-pro-head .section-title{margin-bottom:0;max-width:800px}
.products-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card-pro{--mx:50%;--my:50%;position:relative;min-height:340px;padding:25px;border:1px solid #e0e6ef;border-radius:25px;background:linear-gradient(155deg,#fff,#f9fbff);box-shadow:0 14px 34px rgba(29,45,81,.06);overflow:hidden;display:flex;flex-direction:column;transition:.28s ease}
.product-card-pro:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(73,145,216,.12),transparent 42%);opacity:0;transition:.25s;pointer-events:none}.product-card-pro:hover:before{opacity:1}.product-card-pro:hover{transform:translateY(-7px);border-color:#d9e2ef;box-shadow:0 28px 58px rgba(28,45,81,.11)}
.product-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-card-top span{font:800 8.5px/1 'Manrope';letter-spacing:.12em;text-transform:uppercase;color:#6d7a91;padding:8px 10px;border-radius:999px;background:#f4f7fb;border:1px solid #e5eaf1}.product-card-top em{font:800 10px/1 'Manrope';color:#a1aabc;font-style:normal}
.product-card-icon{width:58px;height:58px;border-radius:18px;margin:24px 0 19px;display:grid;place-items:center;background:linear-gradient(145deg,#edf7ff,#f3efff);border:1px solid #dee7f2;color:#2c619d;box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(45,84,137,.07)}.product-card-icon svg{width:32px;height:32px}
.product-card-pro h3{font:800 21px/1.14 'Manrope';letter-spacing:-.035em;margin:0 0 10px;color:#202b43}.product-card-pro p{font-size:13px;line-height:1.68;color:#6f798c;margin:0 0 18px}.product-features-pro{display:grid;gap:8px;margin-bottom:20px}.product-features-pro span{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;color:#68758b}.product-features-pro i{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#4c9de0,#745bb1);box-shadow:0 0 0 4px rgba(76,157,224,.08)}
.product-card-pro>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #edf0f5;font:800 10px/1 'Manrope';color:#30537e}

/* Products page + showcase polish */
.products-page-grid{background:#fff}.showcase-pro{padding-top:58px!important}.showcase-pro .showcase-window{box-shadow:0 30px 80px rgba(30,45,80,.11);border-radius:28px}.showcase-pro .product-tab{border-radius:20px;transition:.25s}.showcase-pro .product-tab:hover{transform:translateX(5px);background:#fff;box-shadow:0 16px 36px rgba(31,47,82,.07)}

/* Reviews are always visible when data exists */
.testimonials-v3[data-testimonials-section]{display:block}
.testimonial-v3-card{border-color:#dde5ef;background:linear-gradient(155deg,#fff,#fbfdff)}

/* Admin manager */
.manager-v3{max-width:1240px;margin:0 auto;padding:118px 20px 90px}.manager-v3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.manager-v3-head h1{font:800 clamp(40px,5vw,62px)/.98 'Manrope';letter-spacing:-.06em;margin:14px 0 0;color:#17203a}.manager-v3-head p{max-width:720px;color:#6f798d;line-height:1.7}.manager-layout{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}.manager-sidebar{position:sticky;top:110px;padding:12px;border:1px solid #e2e7ef;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(31,47,82,.06)}.manager-sidebar a{display:block;padding:11px 12px;border-radius:11px;font:800 10px/1 'Manrope';letter-spacing:.05em;text-transform:uppercase;color:#6e798e}.manager-sidebar a:hover{background:#f4f7fb;color:#253958}.manager-main{display:grid;gap:16px}.manager-card-v3{padding:22px;border:1px solid #e2e7ef;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(31,47,82,.055)}.manager-card-v3 h2{font:800 21px/1.15 'Manrope';letter-spacing:-.03em;margin:0 0 16px}.manager-grid-v3{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manager-field{display:grid;gap:7px}.manager-field.full{grid-column:1/-1}.manager-field label{font:800 10px/1 'Manrope';letter-spacing:.04em;color:#55627a;text-transform:uppercase}.manager-field input,.manager-field textarea,.manager-field select{width:100%;padding:12px 13px;border:1px solid #dce4ed;border-radius:12px;background:#fbfcfe;color:#27334c;outline:0}.manager-field textarea{min-height:100px;resize:vertical}.manager-field input:focus,.manager-field textarea:focus,.manager-field select:focus{border-color:#76a6d9;box-shadow:0 0 0 4px rgba(72,131,195,.08)}.manager-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.manager-small-btn{height:40px;padding:0 13px;border:1px solid #dbe2eb;border-radius:11px;background:#fff;color:#526079;font-weight:800;cursor:pointer}.manager-small-btn.primary{background:#1d2546;color:#fff;border-color:#1d2546}.manager-small-btn.danger{color:#ae4051;border-color:#efd7db;background:#fff8f9}.manager-repeat{padding:16px;margin-top:12px;border:1px solid #e6eaf1;border-radius:18px;background:#fcfdff}.manager-repeat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.manager-repeat-head strong{font:800 13px/1 'Manrope';color:#35415a}.manager-note-v3{font-size:11px;line-height:1.55;color:#8992a5;margin:10px 0 0}.manager-savebar{position:sticky;bottom:14px;z-index:20;display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #dfe5ed;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(29,45,81,.13)}

@media(max-width:1120px){
  .hero-v3-pro .hero-v3-layout{grid-template-columns:1fr;gap:20px}.hero-marketing-visual{max-width:760px;width:100%;margin:auto;min-height:570px}.hero-v3-pro .hero-v3-copy{text-align:center;margin:auto}.hero-v3-pro .hero-v3-copy p{margin-left:auto;margin-right:auto}.hero-v3-pro .hero-v3-actions{justify-content:center}.hero-v3-pro .hero-v3-trust{margin-left:auto;margin-right:auto;text-align:left}
  .services-pro-head{grid-template-columns:1fr}.services-mini-proof{width:100%;grid-template-columns:repeat(4,1fr)}
  .products-grid-pro{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .nav-shell.nav-v3>.mobile-panel.open{display:block!important}.nav-shell.nav-v3>.mobile-panel{display:none!important}
  .manager-layout{grid-template-columns:1fr}.manager-sidebar{position:static;display:flex;overflow:auto;gap:4px}.manager-sidebar a{white-space:nowrap}
}
@media(max-width:680px){
  .hero-v3-pro{padding-top:108px;padding-bottom:58px}.hero-marketing-visual{min-height:440px}.marketing-scene{transform:scale(1.04)}.marketing-float{min-width:135px;padding:9px 10px;border-radius:13px}.marketing-float-icon{width:28px;height:28px;border-radius:9px}.marketing-float b{font-size:8px}.marketing-float small{font-size:6.5px}.marketing-float-a{left:-3%;top:14%}.marketing-float-b{right:-3%;top:20%}.marketing-float-c{right:-2%;bottom:10%}
  .services-mini-proof{grid-template-columns:1fr 1fr}.products-pro-head{align-items:flex-start;flex-direction:column}.products-grid-pro{grid-template-columns:1fr}.product-card-pro{min-height:310px}
  .product-stage-art-pro{min-height:440px;padding:15px}.product-window-pro{inset:30px 10px 20px 12px;transform:none}.product-stage-art-pro:hover .product-window-pro{transform:none}
  .manager-v3{padding:92px 10px 70px}.manager-v3-head{align-items:flex-start;flex-direction:column}.manager-grid-v3{grid-template-columns:1fr}.manager-field.full{grid-column:auto}
}

/* ===== FINAL V3 REFINEMENT: fixed header, calmer hero, premium ambient motion ===== */
body{position:relative}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-3;border-radius:50%;filter:blur(14px);opacity:.75}
body:before{width:520px;height:520px;left:-180px;top:18%;background:radial-gradient(circle,rgba(86,142,218,.13),transparent 68%);animation:qAmbientOne 16s ease-in-out infinite alternate}
body:after{width:560px;height:560px;right:-220px;top:52%;background:radial-gradient(circle,rgba(102,72,159,.11),transparent 70%);animation:qAmbientTwo 19s ease-in-out infinite alternate}
@keyframes qAmbientOne{to{transform:translate(70px,-45px) scale(1.08)}}
@keyframes qAmbientTwo{to{transform:translate(-75px,50px) scale(.94)}}

/* desktop header: single clean row, no wrapping */
.nav-container{width:min(1420px,calc(100% - 42px))!important}
.nav-shell.nav-v3{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:18px;height:76px!important;padding:0 14px 0 16px!important;border-radius:24px!important}
.nav-shell.nav-v3 .brand-v3{min-width:222px}
.nav-shell.nav-v3 .nav-links{justify-self:center;display:flex!important;align-items:center;flex-wrap:nowrap!important;white-space:nowrap;max-width:100%;padding:4px!important}
.nav-shell.nav-v3 .nav-links a{padding:10px 12px!important;font-size:12px!important;white-space:nowrap}
.nav-shell.nav-v3 .nav-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.nav-shell.nav-v3 .nav-whatsapp{padding:10px 12px;font-size:12px}
.nav-shell.nav-v3 .nav-project{min-height:52px;padding:0 18px;font-size:12px;white-space:nowrap}
.nav-shell.nav-v3 .menu-btn{display:none}

/* hero: keep the V3 composition but reduce visual crowding */
.hero-v3-pro{min-height:760px;padding-top:142px;padding-bottom:72px}
.hero-v3-pro .hero-v3-layout{grid-template-columns:.9fr 1.1fr;gap:54px}
.hero-v3-pro .hero-v3-copy{max-width:570px}
.hero-v3-pro .hero-v3-copy h1{font-size:clamp(56px,4.9vw,74px);line-height:.92;margin-top:22px}
.hero-v3-pro .hero-v3-copy p{font-size:17px;max-width:540px}
.hero-marketing-visual{min-height:560px;overflow:visible}
.marketing-scene{inset:10px 2% 0 5%;width:92%;height:94%;transform:scale(.96);transform-origin:center}
.marketing-float{min-width:164px;padding:11px 13px;box-shadow:0 14px 34px rgba(25,39,76,.12)}
.marketing-float-a{left:-2%;top:9%}
.marketing-float-b{right:-1%;top:11%}
.marketing-float-c{right:1%;bottom:8%}

/* better product cards: shorter on homepage */
.homepage-products .product-card-pro{min-height:300px;padding:22px}
.homepage-products .product-card-icon{width:52px;height:52px;margin:20px 0 16px}
.homepage-products .product-card-pro h3{font-size:19px}
.homepage-products .product-card-pro p{font-size:12.5px;line-height:1.6}
.homepage-products .product-features-pro{gap:6px;margin-bottom:16px}

/* testimonial control: visible, useful label instead of floating symbol */
.testimonial-controls{display:flex!important;align-items:center;gap:10px}
.testimonial-controls button[data-testimonial-pause]{width:auto!important;height:44px!important;padding:0 16px!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:9px;background:#fff;border:1px solid #dce4ee;box-shadow:0 12px 25px rgba(31,46,82,.07);color:#33415f;font:800 11px/1 'Manrope';cursor:pointer}
.testimonial-controls button[data-testimonial-pause] .pause-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1f5fb;color:#42577e;font-size:11px}
.testimonial-controls button[data-testimonial-pause] .pause-label{display:inline-block}

/* improve dark product-experience section hierarchy */
.product-stage-pro{padding:104px 0;background:radial-gradient(720px 380px at 80% 35%,rgba(70,99,177,.18),transparent 62%),linear-gradient(135deg,#0d1932 0%,#14294b 52%,#261846 100%)}
.product-stage-pro .product-stage-copy{max-width:520px}
.product-stage-pro .product-stage-copy h2{font-size:clamp(52px,5vw,78px);line-height:.92}
.product-stage-pro .product-stage-copy p{font-size:17px;line-height:1.72;color:#c7d2e8}
.product-stage-art-pro{min-height:540px;padding:26px}
.product-window-pro{inset:34px 24px 24px 28px}

@media(max-width:1280px){
  .nav-container{width:min(1260px,calc(100% - 28px))!important}
  .nav-shell.nav-v3{column-gap:10px}
  .nav-shell.nav-v3 .brand-v3{min-width:195px}
  .brand-v3 .brand-copy small{display:none}
  .nav-shell.nav-v3 .nav-links a{padding:10px 9px!important;font-size:11px!important}
  .nav-shell.nav-v3 .nav-whatsapp{display:none}
  .hero-v3-pro .hero-v3-copy h1{font-size:clamp(54px,5vw,70px)}
}
@media(max-width:1080px){
  .nav-shell.nav-v3{display:flex!important}
  .nav-shell.nav-v3 .nav-links,.nav-shell.nav-v3 .nav-project,.nav-shell.nav-v3 .nav-whatsapp{display:none!important}
  .nav-shell.nav-v3 .menu-btn{display:flex!important;margin-left:auto}
  .nav-shell.nav-v3>.mobile-panel.open{display:block!important}
  .hero-v3-pro .hero-v3-layout{grid-template-columns:1fr;gap:24px}
  .hero-v3-pro .hero-v3-copy{max-width:760px;text-align:center;margin-inline:auto}
  .hero-v3-pro .hero-v3-copy p{margin-inline:auto}
  .hero-v3-pro .hero-v3-actions{justify-content:center}
  .hero-v3-pro .hero-v3-trust{margin-inline:auto;text-align:left}
  .hero-marketing-visual{max-width:760px;margin-inline:auto}
  .marketing-float-a{left:2%;top:11%}.marketing-float-b{right:2%;top:13%}.marketing-float-c{right:4%;bottom:10%}
}
@media(max-width:680px){
  .nav-container{width:min(100% - 16px,1240px)!important}
  .nav-shell.nav-v3{height:62px!important;padding:0 10px!important;border-radius:17px!important}
  .hero-v3-pro .hero-v3-copy h1{font-size:clamp(44px,13.6vw,60px)}
  .marketing-float{display:none}
  .marketing-scene{inset:0;width:100%;height:100%;transform:scale(1)}
  .testimonial-controls button[data-testimonial-pause]{display:inline-flex!important}
  .product-stage-pro .product-stage-copy h2{font-size:clamp(44px,12vw,58px)}
}