/* DyVast technology company direction */
:root{--tech-ink:#10213b;--tech-blue:#2f66d8;--tech-cyan:#25bed0;--tech-purple:#7050e8;--tech-bg:#f5f9ff;--tech-line:#d7e4f3;--tech-muted:#667990}
body{background:var(--tech-bg);color:var(--tech-ink)}.nav{height:74px;border-bottom:1px solid rgba(172,197,224,.5)}.nav:after{content:'DIGITAL SYSTEMS · SOFTWARE ENGINEERING';position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);font:700 9px/1 Inter,Arial,sans-serif;letter-spacing:.18em;color:#7b9bb9;white-space:nowrap;opacity:.8}.nav .brand-img{width:62px;height:44px}.hero{min-height:690px;padding-top:96px;padding-bottom:82px;position:relative;background-color:#f5f9ff;background-image:linear-gradient(rgba(63,120,181,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(63,120,181,.09) 1px,transparent 1px);background-size:42px 42px}.hero:before{content:'SYSTEM / 01';position:absolute;top:38px;left:0;color:#7c9cba;font:700 10px Inter,Arial,sans-serif;letter-spacing:.16em}.hero h1{font-size:clamp(54px,6vw,88px);letter-spacing:-.085em}.hero h1:before{width:38px;height:24px;margin-bottom:22px}.hero p{max-width:520px;color:#4f6580}.link{color:var(--tech-blue);border-bottom:1px solid #9ab7dc}.preview{border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(40,90,150,.18);border-color:#c7daee;transform:translateY(6px)}.preview:after{content:'LIVE SYSTEM MAP';display:block;color:#3b8da6;font:700 9px Inter,Arial,sans-serif;letter-spacing:.18em;padding:13px 5px 2px}.screen{min-height:310px}.main h3{font-size:23px;letter-spacing:-.04em}.graph{background:linear-gradient(135deg,#edf8ff,#f4efff);position:relative;overflow:hidden}.graph:before,.graph:after{content:'';position:absolute;border-radius:50%;width:9px;height:9px;background:var(--tech-cyan);box-shadow:70px 18px 0 var(--tech-blue),140px -8px 0 var(--tech-purple)}.graph:before{left:30px;top:35px}.graph:after{left:75px;top:58px}.numbers{padding:26px 0;border-bottom:1px solid var(--tech-line)}.numbers span{letter-spacing:.04em}.section{padding:120px 0}.section h2{font-size:clamp(40px,4.4vw,62px);letter-spacing:-.075em}.section h2:before{width:32px;height:20px}.cards{border-radius:20px;box-shadow:0 20px 55px rgba(39,92,150,.1)}.card{min-height:300px;padding:38px;background:linear-gradient(145deg,#fff,#fafdff)}.card:hover,.scene:hover{border-color:#79b6df;box-shadow:0 18px 40px rgba(39,92,150,.16);transform:translateY(-5px)}.icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#edf5ff;border:1px solid #d8e8fa}.card small,.scene small{letter-spacing:.08em}.process{border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(39,92,150,.06)}.step{background:rgba(255,255,255,.75);min-height:205px}.step b{font:800 13px Inter,Arial,sans-serif;letter-spacing:.1em}.step h3{font-size:20px}.scenes{gap:18px}.scene{min-height:180px;border-radius:17px;background:linear-gradient(145deg,#fff,#fafdff);position:relative;overflow:hidden}.scene:after{content:'↗';position:absolute;right:20px;top:20px;color:#8db4da;font-size:22px;opacity:.6}.meaning{padding:34px;border:1px solid var(--tech-line);border-radius:22px;background:linear-gradient(120deg,#fff,#f2f7ff);box-shadow:0 20px 50px rgba(39,92,150,.08)}.meaning h2:before{display:none}.pillars{border-radius:15px;overflow:hidden}.pillar{padding:23px}.company{gap:120px}.details{background:rgba(255,255,255,.42);padding:0 16px;border-radius:14px}.faqrow{border-color:#cbddec}.footer{padding-top:55px}.footer .brand-img{width:58px;height:40px}
@media(max-width:800px){.nav:after{display:none}.hero{padding-top:72px;min-height:0}.hero:before{top:26px}.hero h1{font-size:clamp(48px,14vw,66px)}.preview{transform:none}.numbers{grid-template-columns:1fr 1fr}.numbers span:last-child{grid-column:span 2}.section{padding:84px 0}.meaning{padding:24px}.card{min-height:240px}.scene{min-height:150px}}
