/* NOVA — complete standalone stylesheet */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:#111827;background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:92%;max-width:1120px;margin:0 auto}

.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;background:rgba(5,15,32,.38);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:25px;font-weight:800;color:#fff;letter-spacing:.5px}
.logo span{color:#2f7cff}
.nav-menu{display:flex;align-items:center;gap:25px;color:#fff;font-size:13px}
.nav-menu a{transition:.2s}
.nav-menu a:hover{color:#62a0ff}
.nav-button{background:#216df5;padding:10px 20px;border-radius:7px}
.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}

.hero{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff;background:
radial-gradient(circle at 78% 28%,rgba(48,125,255,.5),transparent 25%),
linear-gradient(135deg,#061225 0%,#102b50 58%,#345d80 100%)}
.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-130px;height:330px;background:linear-gradient(165deg,transparent 43%,#08172c 44% 62%,transparent 63%);opacity:.95}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,transparent 0,rgba(0,0,0,.18) 80%)}
.hero-inner{position:relative;z-index:2;padding-top:55px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#fff;margin-bottom:10px}
.eyebrow.blue{color:#1769ef}
.hero h1{font-size:64px;line-height:1.04;letter-spacing:-2px;margin-bottom:20px}
.hero h1 span{color:#69a6ff}
.hero-text{max-width:570px;color:#dbe6f4;font-size:16px}
.actions{display:flex;gap:14px;margin-top:28px}
.btn{display:inline-block;padding:12px 24px;border-radius:7px;font-size:13px;font-weight:700;transition:.2s}
.btn-primary{background:#216df5;color:#fff}
.btn-primary:hover{background:#0f5bd9;transform:translateY(-2px)}
.btn-outline{border:1px solid rgba(255,255,255,.75);color:#fff}
.btn-outline:hover{background:#fff;color:#111827}
.btn-dark{border:1px solid #ccd3df;color:#111827}
.btn-dark:hover{background:#111827;color:#fff}

.features{background:#fff;padding:35px 0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.feature{text-align:center;padding:8px 24px;border-right:1px solid #e7ebf1}
.feature:last-child{border-right:0}
.feature-icon,.card-icon{width:48px;height:48px;margin:0 auto 13px;border-radius:14px;display:grid;place-items:center;background:#edf4ff;color:#1769ef;font-size:20px;font-weight:800}
.feature h3{font-size:14px;margin-bottom:5px}
.feature p{font-size:11px;color:#7b8494}

.section{padding:90px 0}
.light{background:#f8faff}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
h2{font-size:36px;line-height:1.15;letter-spacing:-.7px}
.accent-line{width:42px;height:3px;background:#216df5;margin:17px 0}
.muted{color:#6e7889;font-size:14px;max-width:500px;margin-bottom:25px}
.about-visual{height:340px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#dceaff,#f0f6ff)}
.office-card{position:absolute;z-index:2;left:12%;top:16%;width:76%;height:68%;background:#fff;border-radius:12px;box-shadow:0 25px 50px rgba(29,72,130,.22);padding:13px}
.browser-bar{display:flex;gap:5px}.browser-bar i{width:7px;height:7px;background:#d9e3ef;border-radius:50%}
.mock-content{padding:24px}.mock-content>b{display:block;width:60%;height:35px;background:#eaf2ff;border-radius:8px}.mock-content>span{display:block;width:42%;height:8px;background:#dce5f0;border-radius:5px;margin-top:15px}.mock-content>div{display:flex;gap:10px;margin-top:24px}.mock-content>div i{height:75px;flex:1;background:#eef3f9;border-radius:8px}
.blob{position:absolute;border-radius:50%;filter:blur(1px)}.blob-a{width:110px;height:110px;background:#2171fa;left:-20px;bottom:-30px}.blob-b{width:130px;height:130px;background:#8b5cf6;right:-30px;top:-35px}

.center{text-align:center;margin-bottom:38px}
.cards{display:grid;gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}
.card,.quote,.post,.price-card{background:#fff;border:1px solid #e6ebf2;border-radius:12px;box-shadow:0 8px 25px rgba(15,23,42,.05)}
.card{padding:28px 20px;text-align:center}.card h3{font-size:15px}.card p,.quote p,.post-body p,.price-card p{font-size:12px;color:#707b8d;margin-top:7px}

.stats{padding:27px 0;background:linear-gradient(100deg,#1659d8,#2179ff);color:#fff}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-grid>div{text-align:center;border-right:1px solid rgba(255,255,255,.35)}.stat-grid>div:last-child{border:0}.stat-grid strong{display:block;font-size:31px}.stat-grid span{font-size:11px}

.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project{height:270px;border-radius:13px;position:relative;overflow:hidden;display:flex;align-items:end;padding:25px;color:#fff;background:linear-gradient(145deg,#287cff,#07152b)}
.project:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.05),rgba(255,255,255,.12));mix-blend-mode:screen}.project.p2{background:linear-gradient(145deg,#7a55ed,#1a2254)}.project.p3{background:linear-gradient(145deg,#00a889,#0b3541)}.project>div{position:relative;z-index:2}.project small{font-size:11px;color:#dceaff}.project h3{font-size:21px}

.quote{padding:28px}.quote-mark{font-size:38px;color:#2171fa;line-height:1}.quote b{display:block;font-size:13px;margin-top:18px}.quote small{font-size:11px;color:#8791a1}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{text-align:center;padding:35px 25px;position:relative}.price-card.popular{border:2px solid #2171fa;transform:translateY(-8px)}.price-card em{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-style:normal;background:#2171fa;color:#fff;font-size:10px;padding:4px 13px;border-radius:20px}.price-card>strong{display:block;font-size:42px;margin:10px}.price-card>strong small{font-size:12px;color:#8a94a5;font-weight:400}

.post{overflow:hidden}.post-image{height:170px}.blue-img{background:linear-gradient(135deg,#2275fa,#cfe1ff)}.purple-img{background:linear-gradient(135deg,#7655ee,#ddd6ff)}.green-img{background:linear-gradient(135deg,#00a88a,#c8f4e8)}.post-body{padding:20px}.post-body>small{color:#1769ef;font-size:10px}.post-body h3{font-size:16px;margin:5px 0}.post-body a{display:inline-block;margin-top:10px;color:#1769ef;font-size:12px;font-weight:700}

.contact-cta{background:#152235;color:#fff;padding:30px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner h2{font-size:25px;margin:3px 0}.cta-inner>div>p:last-child{font-size:12px;color:#aab6c7}

footer{background:#091322;color:#c8d1df;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:45px}.footer-grid h4{color:#fff;font-size:13px;margin-bottom:13px}.footer-grid a:not(.logo){display:block;color:#8d99aa;font-size:12px;margin:7px 0}.footer-grid p{color:#8d99aa;font-size:12px;margin-top:10px}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:16px;color:#7f8a9b;font-size:11px}

@media(max-width:900px){
  .menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:74px;left:4%;width:92%;background:#0b172b;padding:20px;border-radius:10px;flex-direction:column;align-items:flex-start}.nav-menu.open{display:flex}
  .feature-grid,.cards.four{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.projects,.cards.three,.pricing{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:50px}.price-card.popular{transform:none}
}
@media(max-width:600px){
  .container{width:90%}.hero{min-height:620px}.hero h1{font-size:40px}.hero-text{font-size:14px}.actions{flex-direction:column;max-width:220px}
  .feature-grid,.cards.four,.stat-grid,.footer-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #e7ebf1;padding:20px}.feature:last-child{border-bottom:0}
  .section{padding:65px 0}.about-visual{height:280px}.cta-inner{flex-direction:column;align-items:flex-start}h2{font-size:30px}
}