/* DLines Softech — premium homepage refresh; additive, scoped to existing components */
:root{--dl-ink:#10203d;--dl-muted:#5b6980;--dl-blue:#316fe0;--dl-teal:#14b8a6;--dl-line:#e2e9f3;--dl-surface:#f5f8fd;--dl-radius:22px}
html{scroll-behavior:smooth} body{color:var(--dl-ink);background:#fff} .container{width:min(1180px,calc(100% - 40px))}
.topbar,.site-header,.header,.navbar{backdrop-filter:blur(16px)} header,.site-header,.topbar{position:relative;z-index:30}
.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(58px,8vw,104px);padding-bottom:clamp(54px,7vw,88px);background:radial-gradient(ellipse at 82% 16%,rgba(49,111,224,.16),transparent 36%),radial-gradient(ellipse at 18% 90%,rgba(20,184,166,.10),transparent 32%),linear-gradient(135deg,#f7faff 0%,#fff 55%,#f1fbfa 100%)}
.hero:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-180px;top:-240px;border:1px solid rgba(49,111,224,.15);border-radius:50%;box-shadow:0 0 0 42px rgba(49,111,224,.025),0 0 0 88px rgba(49,111,224,.02)}
.hero h1{letter-spacing:-.055em;line-height:1.02;font-size:clamp(2.8rem,6.2vw,5.5rem);color:#101d37}.hero h1 span{background:linear-gradient(100deg,#316fe0 10%,#14a99c 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:620px;color:#52627b;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.8}.eyebrow{letter-spacing:.09em;font-weight:750}
.button,button,.home-service-enquire,.service-interest-button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover,.home-service-enquire:hover,.service-interest-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(49,111,224,.18)}.hero-art img{filter:drop-shadow(0 24px 36px rgba(24,57,111,.12))}
.trust-strip{background:#fff;border-top:1px solid #e9eef6;border-bottom:1px solid #e9eef6;padding:18px 0}.home-service-link-item{border:1px solid #e5ebf4;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbff);padding:16px 18px;box-shadow:0 5px 18px rgba(16,32,61,.035);transition:transform .2s,box-shadow .2s}.home-service-link-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,32,61,.09)}
.section{padding-top:clamp(58px,7vw,92px);padding-bottom:clamp(58px,7vw,92px)}.section-heading{margin-bottom:30px;gap:24px}.section-heading h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1.1;color:#12213c}.section-heading>p{color:#5b6980;line-height:1.8}
.service-card,.service-interest-card,.market-card{border:1px solid #e3eaf4!important;border-radius:22px!important;background:linear-gradient(150deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 8px 28px rgba(18,38,74,.055)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;overflow:hidden}.service-card:hover,.service-interest-card:hover,.market-card:hover{transform:translateY(-5px);border-color:#c8d9f5!important;box-shadow:0 20px 42px rgba(18,38,74,.11)!important}.service-icon{border-radius:15px!important}.service-card h3,.service-interest-card h3,.market-card h3{color:#14233e;letter-spacing:-.025em}.service-card p,.service-interest-card p,.market-card p{color:#5b6980;line-height:1.7}
.dl-visitor-hub{padding:clamp(62px,8vw,100px) 0!important;background:radial-gradient(ellipse at 8% 0%,rgba(80,132,255,.15),transparent 38%),radial-gradient(ellipse at 95% 35%,rgba(36,199,176,.13),transparent 35%),linear-gradient(145deg,#f5f8ff 0%,#fff 48%,#f0fbf8 100%)!important}.dl-visitor-hub .hub-head h2{font-size:clamp(2.1rem,4.4vw,3.5rem);letter-spacing:-.05em;line-height:1.08;color:#12213c}.dl-visitor-hub .hub-head>p{font-size:1.08rem;line-height:1.8;color:#5b6980}.dl-visitor-hub .hub-grid{gap:18px}.dl-visitor-hub .hub-card{position:relative;border:1px solid rgba(216,227,243,.95)!important;border-radius:23px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 12px 32px rgba(20,43,82,.065)!important;padding:25px!important;transition:transform .22s,box-shadow .22s,border-color .22s!important;backdrop-filter:blur(10px)}.dl-visitor-hub .hub-card:hover{transform:translateY(-6px);border-color:#a9c6f5!important;box-shadow:0 22px 46px rgba(31,76,145,.13)!important}.dl-visitor-hub .hub-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#e9f1ff,#e5fbf6);color:#245edb;font-size:1.55rem;font-weight:800;margin-bottom:18px}.dl-visitor-hub .hub-card h3{font-size:1.18rem;color:#14233e;letter-spacing:-.025em}.dl-visitor-hub .hub-card p{color:#5b6980;line-height:1.7}.dl-visitor-hub .hub-link{color:#245edb;font-weight:750;margin-top:12px;display:inline-flex;align-items:center;gap:8px}.dl-visitor-hub .hub-custom{border:1px dashed #b8c9e2!important;border-radius:20px!important;background:rgba(255,255,255,.65)!important}
.market-grid{gap:22px}.home-product-image{display:block;overflow:hidden;background:#f2f6fc}.home-product-image img{transition:transform .35s ease}.market-card:hover .home-product-image img{transform:scale(1.035)}.market-card-top{display:flex;align-items:center;gap:10px}.market-icon{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:#edf3ff;color:#316fe0;font-size:15px}.market-category{color:#41608b;font-size:.78rem;font-weight:750;letter-spacing:.04em}
.section-tint{background:linear-gradient(180deg,#f7f9fd,#f3f8fc)}.split-visual .visual-window{border:1px solid #dfe8f5;border-radius:24px;box-shadow:0 22px 50px rgba(20,43,82,.10)}.cta-wide,.cta{border-radius:28px;box-shadow:0 24px 60px rgba(15,36,75,.16)}footer{color:#d5dfef}footer a{transition:color .18s}footer a:hover{color:#7ce3d6}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:46px}.hero-grid{gap:28px}.section-heading{align-items:flex-start}.home-service-link-item{padding:13px}.dl-visitor-hub .hub-card{padding:21px!important}.market-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
