/*
Theme Name: SARSNA Solutions Complete
Author: SARSNA Solutions
Description: Complete animated corporate website for SARSNA Solutions OPC Private Limited.
Version: 3.0
*/
:root{--r:#d71920;--rd:#a70e15;--b:#07080a;--d:#111318;--w:#fff;--g:#aeb4bd;--l:#f5f6f8;--line:#ffffff18;--shadow:0 25px 80px #0002}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#181a1f;line-height:1.7}.container{width:min(1180px,92%);margin:auto}a{text-decoration:none}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;padding:18px 0;color:#fff;transition:.3s}.site-header.scrolled{background:#07080af2;backdrop-filter:blur(18px);padding:11px 0}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:950;color:#fff}.logo span{color:var(--r)}.menu{display:flex;gap:23px;align-items:center}.menu a{color:#fff;font-weight:750;font-size:13px}.menu a:hover{color:#ff555b}.toggle{display:none;color:#fff;background:none;border:0;font-size:27px}.hero{min-height:82vh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#d7192048,transparent 32%),linear-gradient(125deg,#050608,#191b21);color:#fff}.homehero{min-height:100vh}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 75%)}.hero .container{position:relative;z-index:2}.eyebrow{color:var(--r);font-size:12px;font-weight:950;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-2px;max-width:950px;margin:15px 0 25px}.hero h1 span{color:var(--r)}.hero p{font-size:19px;color:#cbd0d7;max-width:760px}.rings{position:absolute;width:620px;height:620px;right:-160px;top:14%;border:1px solid #d7192055;border-radius:50%;animation:spin 18s linear infinite}.rings:before,.rings:after{content:"";position:absolute;border:1px solid #fff2;border-radius:50%}.rings:before{inset:80px}.rings:after{inset:160px}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-block;padding:14px 23px;border-radius:9px;font-weight:900;margin:8px 8px 0 0;transition:.3s}.redbtn{background:var(--r);color:#fff}.redbtn:hover{background:var(--rd);transform:translateY(-3px)}.outline{border:1px solid #fff5;color:#fff}.outline:hover{background:var(--r);border-color:var(--r)}.section{padding:100px 0}.light{background:var(--l)}.dark{background:var(--b);color:#fff}.title{font-size:clamp(36px,5vw,62px);line-height:1.03;margin:12px 0 22px}.sub{font-size:18px;color:#707782;max-width:780px}.dark .sub{color:var(--g)}.center{text-align:center}.center .sub{margin:auto}.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e6e8ec;border-radius:22px;padding:28px;transition:.35s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--r);transition:.35s}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.card:hover:before{height:100%}.darkcard{background:#14161b;border:1px solid #fff1;border-radius:20px;padding:28px;color:#fff}.darkcard p{color:#aeb4bd}.icon{width:52px;height:52px;background:#fff0f1;color:var(--r);border-radius:14px;display:grid;place-items:center;font-weight:950}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--r);color:#fff}.stat{text-align:center;padding:35px;border-right:1px solid #fff3}.stat strong{display:block;font-size:40px}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.visual{min-height:440px;background:linear-gradient(145deg,#0d0f13,#292c33);border-radius:28px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:25px;text-align:center;box-shadow:var(--shadow)}.process{counter-reset:p}.step{background:#15171c;border-radius:18px;padding:25px;color:#fff}.step:before{counter-increment:p;content:"0" counter(p);color:var(--r);font-weight:950}.industry{padding:22px;border:1px solid #ffffff15;border-radius:16px;background:#121419}.cta{border-radius:28px;padding:65px;background:linear-gradient(120deg,#8e0d13,#d71920);color:#fff}.cta h2{font-size:55px;line-height:1;margin:0 0 15px}.form{background:#fff;padding:32px;border-radius:22px;box-shadow:var(--shadow)}label{display:block;font-weight:800;font-size:13px;margin:10px 0 6px}input,select,textarea{width:100%;padding:13px;border:1px solid #dfe2e7;border-radius:9px;font:inherit}textarea{min-height:140px}.notice{padding:13px;background:#e9f8ef;color:#15743d;border-radius:8px;margin-bottom:20px}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.show{opacity:1;transform:none}.footer{background:#060709;color:#fff;padding:65px 0 22px}.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer a,.footer p{color:#999fa8}.copyright{border-top:1px solid #fff1;margin-top:40px;padding-top:18px;color:#686e77}@media(max-width:800px){.menu{display:none;position:absolute;top:65px;left:4%;right:4%;padding:20px;background:#111318;border-radius:16px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.toggle{display:block}.g2,.g3,.g4,.split,.footgrid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:52px}.section{padding:72px 0}.rings{width:380px;height:380px;right:-180px}.cta h2{font-size:40px}}