:root{--bg:#08111f;--text:#eaf0f7;--gold:#d9a441;--gold-text:#d9a441;--on-gold:#07101c;--strong:#ffffff;--sidebar:#0b1422;--line:#203047;--nav-hover:#16243a;--nav-text:#aebbd0;--muted:#8fa0b5;--muted2:#7f90a6;--soft:#c6d0dd;--btn-border:#35475f;--ghost-text:#e8eef6;--pill-bg:#15253a;--pill-line:#2a405e;--sub:#9eacbf;--muted3:#8190a4;--surface2:#101e30;--surface2-line:#263b56;--ring:#49627e;--orb-line:#38516e;--card:#0f1b2c;--card-line:#21354e;--card-p:#93a2b6;--ico-bg:#182940;--blue:#62a7ff;--body2:#a9b5c5;--input-bg:#091524;--input-line:#2b405a;--label:#b8c3d1;--glow:radial-gradient(900px 500px at 85% -10%,#d9a44118,transparent 60%),radial-gradient(700px 500px at 0% 100%,#62a7ff12,transparent 60%);--shadow:0 12px 35px #0006;color-scheme:dark}
:root[data-theme=light]{--bg:#f3f6fb;--text:#0f1b2c;--gold:#d9a441;--gold-text:#8a5d00;--on-gold:#07101c;--strong:#0b1a2e;--sidebar:#ffffff;--line:#dde4ee;--nav-hover:#eaf0fa;--nav-text:#43536a;--muted:#55657b;--muted2:#5c6c82;--soft:#35455c;--btn-border:#b6c2d3;--ghost-text:#16243a;--pill-bg:#fdf3dc;--pill-line:#e2c47a;--sub:#45556b;--muted3:#5a6a80;--surface2:#ffffff;--surface2-line:#d5deea;--ring:#9fb0c6;--orb-line:#a9b9cf;--card:#ffffff;--card-line:#d8e0ec;--card-p:#4a5a70;--ico-bg:#eef3fb;--blue:#1a57c4;--body2:#3d4d63;--input-bg:#f7f9fd;--input-line:#b9c6d8;--label:#34445b;--glow:radial-gradient(900px 500px at 85% -10%,#d9a44130,transparent 60%),radial-gradient(700px 500px at 0% 100%,#1a57c41a,transparent 60%);--shadow:0 10px 28px #1b2b4518;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans Devanagari","Nirmala UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
body{line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:14px;align-items:center}.brand-chip{width:44px;height:44px;border-radius:12px;background:var(--gold);color:var(--on-gold);display:grid;place-items:center;font-weight:900}.brand-logo-img{width:60px;height:56px;object-fit:contain;border-radius:0;background:none;flex-shrink:0;filter:drop-shadow(0 0 8px #d9a44133)}.brand-text h1{margin:0;font-size:24px}.brand-text h1 span,.brand-text p span,.panel-title span,.hero-title span{color:var(--gold-text)}.brand-text p{margin:0;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.nav{margin-top:45px;display:grid;gap:8px}.nav-item{border:0;background:transparent;color:var(--nav-text);text-align:left;padding:13px 14px;border-radius:10px;cursor:pointer;font-size:15px}.nav-item:hover,.nav-item.active{background:var(--nav-hover);color:var(--strong)}.ico{display:inline-block;width:25px}.sidebar-foot{margin-top:auto;text-align:center;color:var(--muted2);font-size:11px;letter-spacing:1px}.tree{font-size:32px;color:var(--gold-text)}.main{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between}.welcome{color:var(--muted)}.welcome span{color:var(--strong);font-weight:700}.topbar-actions{display:flex;gap:18px;align-items:center}.phone{color:var(--soft);text-decoration:none}.btn{border:0;border-radius:9px;padding:12px 18px;font-weight:800;cursor:pointer}.btn-gold{background:var(--gold);color:var(--on-gold)}.btn-ghost{background:transparent;border:1px solid var(--btn-border);color:var(--ghost-text)}.panel{display:none;padding:60px 5%;max-width:1300px;margin:auto}.panel.active{display:block}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;min-height:550px}.pill,.tag{display:inline-block;background:var(--pill-bg);border:1px solid var(--pill-line);color:var(--gold-text);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:1px}.hero-title{font-size:clamp(44px,6vw,76px);line-height:1.02;margin:22px 0}.hero-sub{font-size:18px;color:var(--sub);max-width:700px}.hero-cta{display:flex;gap:12px;margin:30px 0}.stats{display:flex;gap:40px;margin-top:35px}.stat{display:grid}.stat b{font-size:26px}.stat span{font-size:12px;color:var(--muted3)}.hero-right{position:relative;min-height:520px;display:grid;place-items:center}.orb{width:280px;height:280px;border-radius:50%;border:1px solid var(--orb-line);display:grid;place-items:center;position:relative;box-shadow:0 0 80px #d9a44122}.ring{position:absolute;width:350px;height:350px;border:1px dashed var(--ring);border-radius:50%;animation:spin 16s linear infinite}.ring2{width:420px;height:420px;animation-direction:reverse;animation-duration:24s}.core{width:100px;height:100px;border-radius:50%;background:var(--gold);color:var(--on-gold);display:grid;place-items:center;font-size:32px;font-weight:900;animation:coreSpin 5s linear infinite;transform-style:preserve-3d}.float-cards{position:absolute;inset:0}.fcard{position:absolute;background:var(--surface2);border:1px solid var(--surface2-line);padding:11px 14px;border-radius:10px;box-shadow:0 12px 35px #0006;width:188px}.fcard b,.fcard span{display:block}.fcard span{font-size:11px;color:var(--muted)}.fcard:nth-child(1){top:2%;right:0}.fcard:nth-child(2){top:38%;right:-4%}.fcard:nth-child(3){bottom:2%;right:6%}.fcard:nth-child(4){top:20%;left:-6%}.fcard:nth-child(5){bottom:14%;left:-2%}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--card-line);border-radius:14px;padding:22px}.card h3{margin:12px 0 7px}.card p{color:var(--card-p);font-size:14px}.card-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--ico-bg)}.gold{color:var(--gold-text)}.blue{color:var(--blue)}.link{border:0;background:none;padding:0;cursor:pointer;font-weight:800}.panel-title{font-size:42px;margin:0 0 30px}.about,.contact{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.about-main p{font-size:17px;color:var(--body2)}.about-side{display:grid;gap:15px;align-content:start}.mini{display:flex;flex-direction:column;gap:5px}.mini span{color:var(--muted)}.form{display:grid;gap:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:7px;font-size:13px;color:var(--label)}input,textarea,select{width:100%;background:var(--input-bg);border:1px solid var(--input-line);color:var(--strong);border-radius:8px;padding:12px;font:inherit}input:focus,textarea:focus,select:focus{outline:1px solid var(--gold-text)}select option{background:var(--input-bg);color:var(--strong)}.form-note{min-height:20px;color:var(--gold-text)}.tag{font-size:10px}.m365-spotlight{margin-top:40px;background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:30px 5% 34px}.m365-heading{font-size:30px;margin:18px 0 10px}.m365-heading span{color:var(--gold-text)}.m365-sub{color:var(--sub);font-size:16px;max-width:760px}.m365-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:26px 0}.m365-tool{background:var(--surface2);border:1px solid var(--surface2-line);border-radius:12px;padding:16px 12px;text-align:center}.m365-tool b{display:block;font-size:15px;margin-bottom:4px}.m365-tool span{font-size:11px;color:var(--muted)}.m365-facts{display:flex;flex-wrap:wrap;gap:28px;margin:10px 0 26px;padding:18px 0;border-top:1px solid var(--card-line);border-bottom:1px solid var(--card-line)}.m365-fact{display:grid}.m365-fact b{font-size:18px;color:var(--strong)}.m365-fact span{font-size:12px;color:var(--muted3)}.m365-batch{font-size:14px;color:var(--soft);margin:0 0 26px}.m365-spotlight .about{margin-bottom:26px}@media(max-width:950px){.m365-tools{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.m365-tools{grid-template-columns:repeat(2,1fr)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:950px){.sidebar{width:190px}.cards,.grid-3{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-right{display:none}}@media(max-width:680px){.app{display:block}.sidebar{position:relative;width:100%;height:auto;padding:16px}.nav{display:flex;overflow:auto;margin-top:18px}.sidebar-foot{display:none}.topbar{padding:12px 5%;height:auto;gap:10px}.phone{display:none}.panel{padding:35px 5%}.cards,.grid-3,.about,.contact,.row{grid-template-columns:1fr}.stats{gap:20px;flex-wrap:wrap}}

@keyframes coreSpin{from{transform:perspective(500px) rotateY(0deg)}to{transform:perspective(500px) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.core,.ring{animation:none}}

html{background:var(--bg)}body{background-image:var(--glow);background-attachment:fixed}
.fcard{box-shadow:var(--shadow)}
:root[data-theme=light] .card,:root[data-theme=light] .m365-tool{box-shadow:0 2px 10px #1b2b4510}
:root[data-theme=light] .sidebar{box-shadow:2px 0 18px #1b2b4508}
:root[data-theme=light] .nav-item.active{color:#0b1a2e;box-shadow:inset 3px 0 0 #d9a441}
:root[data-theme=light] .btn-ghost:hover{background:#eaf0fa}
.btn{transition:transform .15s,box-shadow .15s}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d9a44155}
.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--btn-border);background:var(--surface2);color:var(--gold-text);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .25s,background .25s,border-color .25s}
.theme-toggle:hover{transform:rotate(20deg) scale(1.08);border-color:var(--gold)}
.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .i-moon{display:none}
:root[data-theme=light] .theme-toggle .i-sun{display:none}
:root[data-theme=light] .theme-toggle .i-moon{display:block}
.theme-anim,.theme-anim *{transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s!important}

/* ---------- 3D / depth hover cards + highlighted KPIs ---------- */
:root{--spot:#d9a44128}
:root[data-theme=light]{--spot:#d9a44148}
.tilt{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s,background-color .3s}
.tilt:not(.fcard){position:relative}
.tilt.is-tilting{transition:transform .08s linear,box-shadow .3s,border-color .3s;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(14px) scale(1.035);z-index:6}
.tilt:hover,.tilt:focus-within{z-index:6;border-color:var(--gold);background-image:radial-gradient(circle at var(--mx) var(--my),var(--spot),transparent 55%);box-shadow:0 26px 44px -14px #d9a44140,0 10px 22px -10px #000a,0 0 0 1px #d9a44166}
:root[data-theme=light] .tilt:hover,:root[data-theme=light] .tilt:focus-within{box-shadow:0 26px 44px -14px #d9a44166,0 10px 22px -10px #1b2b4530,0 0 0 1px #d9a44199}
/* layered depth: content floats above the card face */
.tilt>h3,.tilt>b,.tilt>.tag,.tilt>.link,.tilt>.card-ico,.tilt>p,.tilt>span{transition:transform .35s cubic-bezier(.2,.8,.2,1),color .25s,background .25s,text-shadow .25s}
.tilt.is-tilting>h3,.tilt.is-tilting>b{transform:translateZ(38px)}
.tilt.is-tilting>.card-ico{transform:translateZ(44px) scale(1.12)}
.tilt.is-tilting>.tag{transform:translateZ(30px)}
.tilt.is-tilting>.link{transform:translateZ(34px) translateX(4px)}
.tilt.is-tilting>p,.tilt.is-tilting>span{transform:translateZ(16px)}
/* KPI highlights inside cards */
.tilt:hover>h3,.tilt:focus-within>h3,.tilt:hover>b{color:var(--gold-text)}
.tilt:hover>p,.tilt:hover>span{color:var(--text)}
.tilt:hover>.tag{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.tilt:hover>.card-ico{background:var(--gold);color:var(--on-gold);box-shadow:0 0 22px #d9a44199}
.tilt:hover>a.link{text-decoration:underline!important;text-underline-offset:4px}
.m365-tool:hover b{font-size:17px}
/* headline KPIs (2500+, 150+, 99%, 10 Days ...) */
.stat,.m365-fact{cursor:default;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.stat b,.m365-fact b{transition:color .25s,text-shadow .25s}
.stat:hover,.m365-fact:hover{transform:translateY(-5px) scale(1.09)}
.stat:hover b,.m365-fact:hover b{color:var(--gold-text);text-shadow:0 0 18px #d9a44177}
:root[data-theme=light] .stat:hover b,:root[data-theme=light] .m365-fact:hover b{text-shadow:0 2px 10px #d9a44155}
.stat:hover span,.m365-fact:hover span{color:var(--text)}
@media (prefers-reduced-motion:reduce),(hover:none){.tilt.is-tilting{transform:none}.tilt.is-tilting>*{transform:none!important}.stat:hover,.m365-fact:hover{transform:none}}

/* ---------- WhatsApp floating button ---------- */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;flex-direction:row-reverse;align-items:center;gap:0;height:58px;min-width:58px;border-radius:999px;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 10px 26px #25d36655,0 4px 12px #0006;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,gap .25s,padding .25s}
.wa-float svg{width:32px;height:32px;margin:0 13px;flex-shrink:0}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25d366;animation:waPulse 2.2s ease-out infinite;pointer-events:none}
.wa-label{max-width:0;overflow:hidden;white-space:nowrap;font-weight:800;font-size:14px;color:#062b14;transition:max-width .3s ease}
.wa-float:hover,.wa-float:focus-visible{transform:translateY(-3px) scale(1.04);transform-origin:right center;box-shadow:0 14px 32px #25d36677,0 6px 16px #0006;padding-left:6px}
.wa-float:hover .wa-label,.wa-float:focus-visible .wa-label{max-width:170px;margin-left:14px}
.wa-float:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}
@media(max-width:680px){.wa-float{right:14px;bottom:14px;height:54px;min-width:54px}.wa-float svg{width:30px;height:30px;margin:0 12px}}
@media(prefers-reduced-motion:reduce){.wa-float::before{animation:none}}

/* ---------- Language toggle (EN | हिं) ---------- */
.lang-toggle{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--btn-border);border-radius:999px;background:var(--surface2)}
.lang-toggle button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:800;letter-spacing:.5px;height:34px;min-width:44px;padding:0 12px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,transform .2s}
.lang-toggle button:hover{color:var(--strong)}
.lang-toggle button.active{background:var(--gold);color:var(--on-gold);box-shadow:0 4px 12px #d9a44144}
.lang-toggle button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
html[lang=hi] .hero-title{line-height:1.2}
html[lang=hi] .pill,html[lang=hi] .tag,html[lang=hi] .brand-text p{letter-spacing:.3px}
@media(max-width:680px){.topbar{flex-wrap:wrap}.topbar-actions{gap:10px}.lang-toggle button{height:32px;min-width:38px;padding:0 9px}}

/* ---------- Animated background canvas ---------- */
#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.app{position:relative;z-index:1}