*{box-sizing:border-box}
:root{--ink:#f5f7ff;--muted:#aab4ca;--blue:#5b8cff;--cyan:#55d6e8;--line:rgba(166,190,235,.16);--panel:#101a2d}
html{scroll-behavior:smooth}
body{margin:0;background:#080d1b;color:var(--ink);font-family:Inter,"Noto Sans Devanagari",sans-serif;min-width:320px}
body.lang-hi{font-family:"Noto Sans Devanagari",Inter,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{height:76px;max-width:1220px;padding:0 26px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.04em}
.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#4d7dff,#57d8e7);color:#08101e;box-shadow:0 0 25px #4d7dff45}
.top-actions{display:flex;align-items:center;gap:12px}
.language{border:1px solid var(--line);background:#111a2c;color:#eaf0ff;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}
.nav-download{background:#eef4ff;color:#10182b;padding:11px 17px;border-radius:10px;font-weight:800;font-size:14px}
.hero{max-width:1220px;min-height:590px;margin:auto;padding:66px 26px 60px;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative}
.hero-copy{max-width:590px}
.kicker,.section-tag{font-size:11px;letter-spacing:.14em;font-weight:800;color:#77d9ed}
.kicker{display:flex;align-items:center;gap:9px;margin-bottom:20px}
.pulse{width:7px;height:7px;background:#63e2c2;border-radius:50%;box-shadow:0 0 14px #63e2c2}
h1{font-size:clamp(42px,5.4vw,70px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px;font-weight:800}
.intro{font-size:18px;line-height:1.7;color:#b5bfd2;max-width:520px;margin:0 0 28px}
.download-button{display:flex;align-items:center;gap:14px;width:min(100%,340px);min-height:72px;padding:12px 17px;background:linear-gradient(105deg,#3975ff,#40bce8);border-radius:14px;color:#fff;box-shadow:0 12px 35px #317bff3b;transition:.2s}
.download-button:hover{transform:translateY(-2px);box-shadow:0 16px 42px #317bff5a}
.download-symbol{font-size:25px;font-weight:800;width:38px;height:38px;border-radius:10px;background:#ffffff20;display:grid;place-items:center}
.download-button strong{display:block;font-size:16px}
.download-button small{display:block;color:#e1f1ff;font-size:11px;margin-top:4px}
.button-arrow{margin-left:auto;font-size:22px}
.micro-copy{font-size:11px;color:#8290aa;margin:9px 0 22px 3px}
.quick-benefits{display:grid;gap:10px}
.quick-benefits div{display:flex;align-items:center;gap:10px;color:#c7d0e0;font-size:13px}
.check{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#173b45;color:#6fe0c0;font-size:11px;font-weight:900}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.visual-glow{position:absolute;width:78%;height:75%;background:radial-gradient(ellipse,#2f68db42,transparent 68%);filter:blur(25px)}
.visual-frame{position:relative;width:min(100%,570px);padding:13px;border:1px solid rgba(170,196,255,.24);border-radius:20px;background:linear-gradient(145deg,#18243a,#0d1424);box-shadow:0 35px 90px #0008}
.visual-top{height:28px;display:flex;align-items:center;gap:6px;padding:0 5px 10px;color:#74829b;font-size:9px;letter-spacing:.12em}
.visual-top span{width:7px;height:7px;border-radius:50%;background:#53627b}
.visual-top b{margin-left:auto;font-weight:600}
.visual-frame img{width:100%;border-radius:11px;display:block}
.floating-chip{position:absolute;background:#101d32;border:1px solid #496c9e;color:#d9e8ff;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.1em;box-shadow:0 12px 28px #0007}
.floating-chip span{color:#60d5e8}
.chip-a{top:12%;right:-5px}.chip-b{bottom:10%;left:-8px}
.use-cases{max-width:1220px;margin:0 auto;padding:38px 26px 74px;border-top:1px solid var(--line)}
.section-heading{text-align:center;margin-bottom:25px}
.section-heading h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;margin:12px 0 0}
.use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.use-card{min-height:142px;padding:19px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111d31,#0c1424);display:flex;flex-direction:column;gap:15px}
.use-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#1b3153;color:#7dd9ee;font-size:19px}
.use-card h3{font-size:16px;margin:0 0 6px}
.use-card p{font-size:12px;line-height:1.55;color:#9eabc1;margin:0}
.disclaimer{text-align:center;color:#74829a;font-size:10px;line-height:1.5;margin:18px 0 0}
.bottom-cta{max-width:1168px;margin:0 auto 70px;padding:27px 30px;border:1px solid #29456d;border-radius:18px;background:linear-gradient(110deg,#101d32,#122b4c 65%,#123a53);display:flex;align-items:center;justify-content:space-between;gap:22px}
.bottom-cta h2{font-size:clamp(23px,3vw,34px);letter-spacing:-.04em;margin:10px 0}
.bottom-cta p{color:#aebbd0;font-size:13px;margin:0;line-height:1.5}
.bottom-button{flex-shrink:0;width:280px;min-height:64px}
.mobile-cta{display:none}
footer{max-width:1220px;margin:auto;padding:22px 26px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#72809a;font-size:11px}
footer a{color:#aebbd0}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:38px;padding-top:48px}.hero-copy{max-width:680px}.hero-visual{max-width:650px;width:100%;margin:auto}.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-cta{margin-left:20px;margin-right:20px}}
@media(max-width:600px){
 .topbar{height:64px;padding:0 16px}.brand{font-size:18px}.brand-icon{width:30px;height:30px}.top-actions{gap:8px}.language{padding:9px 10px;font-size:12px}.nav-download{padding:10px 12px;font-size:12px}
 .hero{padding:42px 18px 38px;gap:30px;min-height:0}.hero-copy{width:100%}h1{font-size:clamp(39px,11vw,52px);line-height:1.06}.intro{font-size:15px;line-height:1.65;margin-bottom:22px}
 .download-button{width:100%;max-width:390px;min-height:68px}.quick-benefits{gap:9px}.quick-benefits div{font-size:12px}
 .visual-frame{padding:8px;border-radius:14px}.visual-top{height:23px;padding-bottom:7px}.visual-frame img{border-radius:8px}.chip-a{right:-2px;top:8%}.chip-b{left:-2px;bottom:7%}
 .use-cases{padding:32px 18px 52px}.section-heading h2{font-size:29px}.use-grid{grid-template-columns:1fr 1fr;gap:9px}.use-card{padding:14px;min-height:136px;gap:11px}.use-card h3{font-size:14px}.use-card p{font-size:11px}
 .bottom-cta{margin:0 14px 95px;padding:21px;display:block}.bottom-cta h2{font-size:26px;line-height:1.15}.bottom-cta p{font-size:12px;margin-bottom:18px}.bottom-button{width:100%;min-height:62px}
 .mobile-cta{display:flex;position:fixed;z-index:50;bottom:9px;left:9px;right:9px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #354e75;border-radius:14px;background:rgba(8,14,27,.95);backdrop-filter:blur(12px);box-shadow:0 12px 34px #0008}
 .mobile-cta b{display:block;font-size:12px}.mobile-cta small{display:block;color:#9eabc1;font-size:10px;margin-top:3px}.mobile-cta a{padding:12px 18px;border-radius:10px;background:linear-gradient(105deg,#3975ff,#40bce8);font-size:12px;font-weight:800}
 footer{padding:18px 17px 92px}
}
@media(max-width:360px){.use-grid{grid-template-columns:1fr}.use-card{min-height:0}.topbar{padding:0 12px}.hero{padding-left:15px;padding-right:15px}}


/* PRO TECH FINISH — sharper visual language, scalable identity, responsive safeguards */
:root{--tech-blue:#568cff;--tech-cyan:#63d9ec;--tech-violet:#8a7cff}
body{background:
 radial-gradient(ellipse at 76% 17%,rgba(52,105,205,.13),transparent 31%),
 radial-gradient(ellipse at 8% 48%,rgba(37,111,150,.08),transparent 28%),
 #080d1b}
.brand{gap:12px;letter-spacing:-.035em}
.brand-logo{display:block;width:39px;height:39px;flex:0 0 39px;filter:drop-shadow(0 5px 13px rgba(61,131,255,.22))}
.use-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#172c4b,#101c31);border:1px solid rgba(99,217,236,.2);color:#79dced;display:grid;place-items:center;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.16)}
.use-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.use-card{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.use-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(77,137,255,.07),transparent 48%);pointer-events:none}
.use-card:hover{transform:translateY(-3px);border-color:rgba(99,217,236,.38)}
.use-card h3{letter-spacing:-.02em}
.kicker,.section-tag{letter-spacing:.16em}
.download-button{position:relative;overflow:hidden}
.download-button:after{content:"";position:absolute;top:0;left:-130%;width:70%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);transition:left .55s ease}
.download-button:hover:after{left:150%}
.visual-frame{border-color:rgba(118,164,235,.27);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 0 1px rgba(100,155,240,.06)}
.visual-top{font-family:Inter,monospace}
.floating-chip{backdrop-filter:blur(12px);border-color:rgba(99,217,236,.32);box-shadow:0 12px 28px #0008,0 0 22px rgba(66,140,255,.1)}
/* Avoid clipped content and horizontal scroll on narrow devices */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}
.hero,.hero-copy,.hero-visual,.use-cases,.use-grid,.use-card,.bottom-cta{min-width:0}
h1,.intro,.use-card p,.bottom-cta p{overflow-wrap:break-word}
@media(min-width:1500px){
 .hero,.topbar,.use-cases,footer{max-width:1320px}
 .hero{padding-top:82px;padding-bottom:82px}
}
@media(max-width:1024px){
 .hero{gap:30px}
 .visual-frame{max-width:540px}
 .floating-chip.chip-a{right:0}
 .floating-chip.chip-b{left:0}
}
@media(max-width:600px){
 .brand-logo{width:34px;height:34px;flex-basis:34px}
 .brand{font-size:17px;gap:9px}
 .hero{padding-top:34px}
 .visual-frame{width:100%}
 .floating-chip{font-size:9px;padding:8px 10px}
 .use-icon{width:38px;height:38px}
 .use-icon svg{width:19px;height:19px}
}
@media(max-width:390px){
 .topbar{padding-left:12px;padding-right:12px}
 .brand{font-size:15px}
 .brand-logo{width:31px;height:31px;flex-basis:31px}
 .nav-download{font-size:11px;padding:9px 10px}
 .language{font-size:11px;padding:8px 9px}
 .hero{padding-left:14px;padding-right:14px}
 h1{font-size:clamp(35px,10.5vw,42px)}
 .intro{font-size:14px}
 .use-cases{padding-left:14px;padding-right:14px}
 .use-grid{gap:8px}
 .use-card{padding:12px;min-height:132px}
 .use-card h3{font-size:13px}
 .use-card p{font-size:10.5px}
 .bottom-cta{margin-left:10px;margin-right:10px;padding:18px}
}
@media(max-width:340px){
 .top-actions{gap:6px}
 .nav-download{padding:8px}
 .use-grid{grid-template-columns:1fr}
 .use-card{min-height:0;display:grid;grid-template-columns:36px 1fr;align-items:center;column-gap:11px}
 .use-icon{grid-row:span 2}
}
@media(hover:none){
 .use-card:hover,.download-button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{transition:none!important;animation:none!important}
}