*{box-sizing:border-box}html{scroll-behavior:smooth}body.novaip-template{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#eaf7ff;background:#07111f;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,12,24,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(72,219,251,.22)}.topbar{font-size:.85rem;text-align:center;color:#8ee8ff}.nav-shell{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:var(--novaip-logo-w)}.brand strong{display:block;letter-spacing:.08em;text-transform:uppercase}.brand small{display:block;color:#8aa7be;font-size:.74rem}.main-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}.main-nav a{display:block;padding:11px 14px;border-radius:999px;color:#d8f5ff}.main-nav a:hover,.main-nav .current a{background:linear-gradient(135deg,rgba(0,240,255,.18),rgba(122,92,255,.22));box-shadow:0 0 24px rgba(0,240,255,.12)}.nav-toggle{display:none;background:none;border:0;gap:5px;flex-direction:column}.nav-toggle span{width:26px;height:2px;background:#d8f5ff}.hero{min-height:var(--novaip-hero-height);position:relative;display:grid;align-items:center;background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(0,240,255,.24),transparent 30%),linear-gradient(90deg,rgba(3,10,22,.97),rgba(3,10,22,.68),rgba(3,10,22,.86))}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(79,224,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(79,224,255,.1) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent);animation:gridMove 16s linear infinite}@keyframes gridMove{to{transform:translateY(46px)}}.hero-content{position:relative;z-index:2;max-width:980px;padding:9vw 8vw}.eyebrow{display:inline-block;margin-bottom:18px;padding:8px 14px;border:1px solid rgba(0,240,255,.36);border-radius:999px;color:#8ff5ff;background:rgba(0,240,255,.08);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.hero h1{font-size:clamp(2.7rem,6vw,6.8rem);line-height:.95;margin:0 0 24px;text-shadow:0 0 28px rgba(0,240,255,.28)}.hero p{max-width:760px;font-size:clamp(1.05rem,2vw,1.35rem);color:#c4d8e8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-weight:700;border:1px solid rgba(255,255,255,.16)}.btn.primary{background:linear-gradient(135deg,#00e5ff,#7b61ff);color:#03101e;box-shadow:0 12px 34px rgba(0,229,255,.26)}.btn.secondary{background:rgba(255,255,255,.06);color:#eaf7ff}.main-content{background:linear-gradient(180deg,#07111f,#0b1730 45%,#07111f)}.section{max-width:1240px;margin:auto;padding:86px 22px}.section.dark{max-width:none;padding-left:calc((100% - 1240px)/2 + 22px);padding-right:calc((100% - 1240px)/2 + 22px);background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(123,97,255,.09));border-block:1px solid rgba(255,255,255,.08)}.section-heading span{color:#00e5ff;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.78rem}.section-heading h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;margin:8px 0 34px}.feature-grid,.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-grid article,.solution-grid div,.moduletable,.card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(131,226,255,.15);border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.24)}.feature-grid img{width:58px;height:58px;margin-bottom:16px}.feature-grid h3,.solution-grid h3{margin:0 0 10px}.feature-grid p,.solution-grid p{color:#aec4d7;margin:0}.ai-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ai-strip div{padding:18px;border-radius:16px;background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.22)}.content-layout{max-width:1240px;margin:auto;padding:20px 22px 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);gap:24px}.component{min-width:0}.cta{text-align:center;border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(0,240,255,.22),rgba(123,97,255,.1) 45%,transparent);margin-bottom:70px}.site-footer{background:#030913;border-top:1px solid rgba(72,219,251,.18);padding:46px 22px 22px}.footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.copyright{text-align:center;color:#7e9ab2;margin-top:32px}@media(max-width:980px){.nav-toggle{display:flex}.main-nav{position:absolute;left:18px;right:18px;top:76px;display:none;background:#081528;border:1px solid rgba(0,240,255,.2);border-radius:18px;padding:12px}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav a{border-radius:12px}.brand img{width:var(--novaip-logo-w-mobile)}.hero{background-attachment:scroll}.feature-grid,.solution-grid,.ai-strip,.footer-grid,.content-layout{grid-template-columns:1fr}.hero-content{padding:92px 24px}.section{padding:58px 20px}}

/* User Interface Customization Variables */
.main-nav a{font-size:var(--novaip-menu-size);color:var(--novaip-menu-color)}
.hero h1{font-size:var(--novaip-title-size);color:var(--novaip-title-color)}
.hero p{font-size:var(--novaip-subtitle-size);color:var(--novaip-subtitle-color)}
.eyebrow,.section-heading span{color:var(--novaip-accent)}
.btn.primary{background:linear-gradient(135deg,var(--novaip-accent),var(--novaip-accent-2))}
.position-map{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.position-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.position-box{border:1px dashed rgba(0,229,255,.55);border-radius:16px;padding:18px;background:rgba(0,229,255,.06);text-align:center}
.position-box strong{display:block;color:var(--novaip-accent);font-size:1rem;letter-spacing:.04em}.position-box small{display:block;color:#9db7ca;margin-top:5px}
@media(max-width:980px){.position-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.position-grid{grid-template-columns:1fr}}