@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--dark:#091421;--navy:#102338;--cyan:#72e1d5;--muted:#a8b7c6;--ink:#162638;--light:#f3f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}h1,h2,h3,.logo{font-family:Manrope,Arial,sans-serif;line-height:1.15}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(2.2rem,4vw,3.7rem);letter-spacing:-.055em}h3{letter-spacing:-.035em}a{text-decoration:none;color:inherit}.wrap{max-width:1190px;margin:auto;padding:0 30px}.header{background:var(--dark);position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff18}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;font-size:25px;letter-spacing:-1.3px;font-weight:800;color:white}.logo>span:last-child{color:var(--cyan)}.logo-symbol{width:34px;height:34px;display:grid;place-items:center;background:var(--cyan);color:var(--dark);font-size:20px;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);margin-right:11px}nav{display:flex;align-items:center;gap:33px;color:#d3dce4;font-size:14px;font-weight:600}nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid #4e6975;border-radius:6px;padding:11px 17px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 76% 47%,#173d4a 0%,#0c2231 35%,#091421 70%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:665px;gap:45px}.eyebrow{color:#008e89;font-size:12px;font-weight:800;letter-spacing:.17em;margin-bottom:23px}.hero .eyebrow,.approach .eyebrow,.contact .eyebrow{color:var(--cyan)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:9px}h1{font-size:clamp(3.4rem,5.3vw,5.4rem);letter-spacing:-.07em;margin-bottom:24px}h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:18px;max-width:610px;color:#b6c6d3;line-height:1.8}.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;border-radius:6px;padding:15px 23px;font-size:14px;font-weight:800}.primary{background:var(--cyan);color:var(--dark)}.primary:hover{background:#a2f5eb}.ghost{border:1px solid #4a6674;color:white}.ghost:hover{border-color:var(--cyan)}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;color:#9db3bd;font-size:12px;margin-top:55px}.hero-proof span:before{content:'✓';color:var(--cyan);margin-right:8px}.hero-art{height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #67dbd02e;border-radius:50%;transform:rotate(-25deg)}.o1{width:220px;height:220px}.o2{width:335px;height:335px}.o3{width:445px;height:445px;border-style:dashed}.core{height:138px;width:138px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c6672,#10283c);box-shadow:0 0 75px #59d5cb22;border:1px solid #80e4d57d;color:white;font:800 49px Manrope;letter-spacing:-5px}.core span{color:var(--cyan);font-size:25px;letter-spacing:-2px;align-self:center}.tag{position:absolute;background:#102d3b;border:1px solid #366371;color:#d9eef0;border-radius:7px;padding:10px 13px;font-size:12px;white-space:nowrap;box-shadow:0 12px 25px #0003}.tag b{color:var(--cyan);padding:0 4px}.t1{top:46px;left:0}.t2{top:105px;right:-10px}.t3{bottom:90px;left:-22px}.t4{bottom:30px;right:5px}.intro{padding:95px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:45px}.intro h2{max-width:750px}.intro p:not(.eyebrow){max-width:750px;color:#627181;font-size:17px}.section{padding:110px 0}.services{background:var(--light)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;color:#667788}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:white;border:1px solid #e1e8ec;padding:31px;border-radius:9px;min-height:390px;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:#79c6c2}.num{font-size:11px;letter-spacing:.13em;font-weight:800;color:#008e89}.service-icon{font-size:31px;color:#118f8d;margin:28px 0 15px}.service h3{font-size:21px;margin-bottom:12px}.service p{font-size:14px;color:#627181}.service ul{padding-left:18px;color:#455869;font-size:13px;line-height:1.9}.approach{background:#0d2031;color:white}.approach .section-heading>p{color:#a9bbc7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:65px}.steps>div{border-top:1px solid #3c5966;padding-top:23px}.steps span{font:800 14px Manrope;color:var(--cyan)}.steps h3{font-size:21px;margin-top:30px}.steps p{font-size:14px;color:#b3c3ce}.about{background:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-grid p:not(.eyebrow){color:#5c6e7d;font-size:16px}.meaning{margin-top:30px;background:#eff8f7;padding:22px;border-left:3px solid #1a9d94;display:flex;flex-direction:column;gap:4px}.meaning b{font-size:23px;letter-spacing:.13em}.meaning span{font-size:13px;color:#516674}.contact{background:#102638;color:white}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.contact h2{margin-bottom:25px}.contact p:not(.eyebrow){color:#b5c5cf}.contact-card{background:#1b3648;border:1px solid #365668;padding:32px;border-radius:8px}.contact-card>span{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.15em}.contact-card p{border-bottom:1px solid #365366;padding:10px 0;margin:0;font-size:14px}.contact-card .btn{margin-top:26px}.disabled-link{opacity:.45;cursor:not-allowed}.small-note{font-size:12px;margin-top:30px}footer{background:#091421;color:#a6bac6;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner>div:last-child{text-align:right}.footer-inner p{font-size:13px;margin:14px 0 4px}footer small{font-size:12px;color:#78919f}@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:0;padding-top:80px}.hero-art{height:400px;max-width:500px;width:100%;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.contact-panel{gap:30px}}@media(max-width:650px){.wrap{padding:0 22px}.nav{min-height:70px}.menu-toggle{display:block;background:none;border:0;color:white;font-size:25px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0c1e2e;flex-direction:column;align-items:stretch;padding:24px;gap:20px}nav.open{display:flex}h1{font-size:3.3rem}.hero-grid{padding-top:70px}.hero-art{height:340px;transform:scale(.75);margin-top:-30px;margin-bottom:-20px}.hero-proof{margin-top:35px}.intro,.section{padding:70px 0}.intro-grid,.about-grid,.contact-panel{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:18px}.cards,.steps{grid-template-columns:1fr}.service{min-height:auto}.footer-inner{display:block}.footer-inner>div:last-child{text-align:left;margin-top:25px}.t1{left:-10px}.t2{right:-15px}.t3{left:-10px}}

/* VILI AI official brand artwork */
.logo .brand-wordmark{display:block;width:160px;height:54px;object-fit:contain;object-position:left center}
.hero-art.brand-art{height:auto;min-height:320px;display:flex;align-items:center;justify-content:center;transform:none;margin:0;max-width:none}
.hero-brand-image{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 20px 65px rgba(0,0,0,.2)}
footer .logo .brand-wordmark{width:155px;height:58px}
@media(max-width:800px){.hero-art.brand-art{height:auto;min-height:0;max-width:100%;transform:none;margin:18px auto 0}.hero-brand-image{width:100%}}

/* Simplified navigation identity from approved VILI AI brand family */
.logo .brand-wordmark{width:215px;height:auto;max-height:70px;object-fit:contain;object-position:left center}
footer .logo .brand-wordmark{width:215px;height:auto;max-height:70px}
@media(max-width:650px){.logo .brand-wordmark{width:168px;max-height:54px}.nav{min-height:72px}}

/* VILI | AI consistent brand lockups */
.vili-wordmark{display:inline-flex;align-items:center;gap:.11em;white-space:nowrap;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:850;letter-spacing:.025em;line-height:1;color:#f7fbff}.vili-symbol{width:2.1em;height:2.1em;object-fit:contain;margin-right:.2em}.vili-divider{color:#14d9df;font-weight:400;margin:0 .15em}.vili-ai{color:#11dce2}.hero-brand-lockup{display:flex;align-items:center;gap:1.25rem;padding:2rem 1rem;min-height:300px}.hero-symbol{width:28%;max-width:160px;object-fit:contain}.hero-name{font-size:clamp(3rem,5vw,5.4rem);font-weight:850;line-height:1.1;letter-spacing:.01em;white-space:nowrap;color:white}.hero-lockup-copy p{font-size:clamp(.8rem,1.3vw,1.05rem);color:#c7d6e6;margin:.6rem 0 1rem}.hero-specialties{font-size:.8rem;color:#c7d6e6;line-height:1.9}.hero-specialties span{color:#10dbe0;padding:0 .3em}@media(max-width:700px){.hero-brand-lockup{padding:1.2rem .2rem;min-height:180px;gap:.7rem}.hero-symbol{width:24%}.hero-name{font-size:clamp(2.25rem,8vw,3.5rem)}.hero-specialties{font-size:.68rem}}

/* Review additions */
.deliverables{background:#edf4f6}.deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.deliverable-grid article{background:#fff;padding:30px;border:1px solid #dce7eb;border-radius:16px}.deliverable-grid h3{font-size:1.25rem;margin-bottom:12px}.deliverable-grid p{margin-bottom:0;color:#44586a}@media(max-width:800px){.deliverable-grid{grid-template-columns:1fr}}