
.home-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 5%;padding-top:68px;position:relative;overflow:hidden}
.home-hero::before{content:'';position:absolute;top:-20%;right:-5%;width:70vw;height:70vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(168,212,230,.055) 0%,transparent 65%);pointer-events:none}
.home-hero::after{content:'';position:absolute;bottom:-10%;left:-10%;width:50vw;height:50vw;max-width:500px;max-height:500px;background:radial-gradient(circle,rgba(74,154,230,.035) 0%,transparent 70%);pointer-events:none}
.hero-inner{max-width:680px;position:relative;z-index:1}
.hero-eyebrow{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--blue-dim);margin-bottom:1.4rem;display:block}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,7.5vw,6.5rem);font-weight:300;line-height:1.02;color:var(--white);margin-bottom:1.4rem}
.hero-h1 em{color:var(--blue);font-style:normal}
.hero-p{font-size:1rem;color:var(--muted);line-height:1.8;margin-bottom:2.5rem;max-width:480px}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.hero-scroll{position:absolute;bottom:2.5rem;left:5%;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--blue-dim);display:flex;align-items:center;gap:.75rem}
.hero-scroll::before{content:'';display:block;width:36px;height:1px;background:var(--blue-dim)}
.sec{padding:6rem 5%}
.sec-alt{background:var(--navy-mid)}
.sec-inner{max-width:1200px;margin:0 auto}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:3rem;border:1px solid var(--border)}
.svc-box{background:var(--navy);padding:2.5rem 2rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s}
.svc-box:hover{background:var(--navy-light)}
.svc-box-num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:var(--blue-dim);opacity:.35;margin-bottom:.9rem;line-height:1}
.svc-box-name{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--white);margin-bottom:.6rem}
.svc-box-desc{font-size:.87rem;color:var(--muted);line-height:1.7}
.process-list{margin-top:3rem}
.process-step{display:grid;grid-template-columns:72px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--border)}
.process-step:last-child{border-bottom:none}
.ps-num{font-family:'Cormorant Garamond',serif;font-size:3.2rem;color:var(--blue);opacity:.22;line-height:1}
.ps-title{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--white);margin-bottom:.5rem}
.ps-body{font-size:.88rem;color:var(--muted);line-height:1.75}
.demo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.9rem;margin-top:2.5rem}
.demo-preview-card{background:var(--navy-mid);border:1px solid var(--border);padding:1.4rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:border-color .2s,background .2s,transform .15s;text-align:center;text-decoration:none}
.demo-preview-card:hover{border-color:var(--card-accent,var(--blue-dim));background:var(--navy-light);transform:translateY(-2px)}
.dp-icon{font-size:1.75rem}
.dp-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.3}
.dp-arrow{font-size:.75rem;color:var(--blue-dim);margin-top:auto}
.demo-preview-card:hover .dp-arrow{color:var(--card-accent,var(--blue))}
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.about-text{color:var(--muted);line-height:1.85;font-size:.93rem}
.about-text p+p{margin-top:1.1rem}
.about-nums{display:flex;gap:2.5rem;margin-top:2.5rem;flex-wrap:wrap}
.a-num{display:flex;flex-direction:column;gap:.2rem}
.a-num-val{font-family:'Cormorant Garamond',serif;font-size:3rem;color:var(--blue);line-height:1}
.a-num-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.about-illo{background:var(--navy-light);border:1px solid var(--border);padding:3rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem}
.illo-item{display:flex;align-items:flex-start;gap:1rem}
.illo-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:.35rem}
.illo-text{font-size:.88rem;color:var(--muted);line-height:1.65}
.illo-text strong{color:var(--white);font-weight:400}
.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
.contact-meta{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}
.cm-item{display:flex;flex-direction:column;gap:.25rem}
.cm-label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-dim)}
.cm-val{font-size:.93rem;color:var(--white)}
.cm-val a{color:var(--white);text-decoration:none}
.contact-form{display:flex;flex-direction:column;gap:1rem}
@media(max-width:900px){.about-split,.contact-split{grid-template-columns:1fr;gap:2.5rem}.process-step{grid-template-columns:50px 1fr;gap:1.2rem}}
@media(max-width:500px){.hero-actions{flex-direction:column;align-items:flex-start}}
