@import"https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;500;600&family=Unbounded:wght@300;500;700&display=swap";:root{color-scheme:dark;--bg: #000000;--ink: #ece6dc;--ink-soft: #dfd8cc;--muted: #c9c2b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Spectral,Times New Roman,serif;background:var(--bg);color:var(--ink);min-height:100vh;overflow-x:hidden;overflow-y:auto}#particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background:var(--bg)}main{position:relative;z-index:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 5vw;text-align:center}.brand{position:absolute;top:2.5rem;left:3.5rem;text-align:left}.top-actions{position:absolute;top:2.7rem;right:3.5rem;display:flex;gap:.7rem}.top-link{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(201,194,182,.42);background:#c9c2b612;color:var(--ink);text-decoration:none;font-family:Unbounded,Avenir Next,sans-serif;font-size:.63rem;letter-spacing:.06em;text-transform:none;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.top-link:hover{background:#c9c2b624;border-color:#c9c2b6a6;transform:translateY(-1px)}.top-link-demo{background:#dcbb9321;border-color:#dcbb9373}.top-link-demo:hover{background:#dcbb9333;border-color:#dcbb93a6}.title{font-weight:500;font-size:clamp(3rem,8vw,6rem);margin:0;line-height:.95;letter-spacing:.01em;color:var(--ink-soft)}.footnote{display:block;font-family:Spectral,Times New Roman,serif;font-size:.85rem;letter-spacing:.05em;margin-top:.6rem;color:var(--muted)}.center-text{font-size:clamp(1.35rem,2.9vw,1.95rem);max-width:38rem}.tagline{color:var(--muted);margin:0}.hero-center{display:flex;flex-direction:column;align-items:center}.what-we-do-btn{margin-top:7rem;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.6rem;border-radius:999px;border:1px solid rgba(201,194,182,.45);background:#c9c2b61f;color:var(--ink);text-decoration:none;font-family:Unbounded,Avenir Next,sans-serif;font-size:.8rem;letter-spacing:.06em;text-transform:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.what-we-do-btn:hover{background:#c9c2b633;border-color:#c9c2b6a6;transform:translateY(-1px)}.details{padding:8rem 7vw 7rem}.details h2{margin:0 0 2.5rem;font-family:Unbounded,Avenir Next,sans-serif;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center}.zigzag{list-style:none;margin:0 auto;padding:0;width:min(920px,100%);display:grid;gap:2.6rem;position:relative}.zigzag:before{content:"";position:absolute;top:.8rem;bottom:.8rem;left:50%;transform:translate(-50%);width:2px;background:repeating-linear-gradient(to bottom,rgba(201,194,182,.75) 0 4px,transparent 4px 11px)}.zigzag li{position:relative;width:min(44ch,calc(50% - 2.2rem));padding:1rem 1.15rem;border-radius:14px;border:1px solid rgba(201,194,182,.2);background:#0000008c;color:var(--ink);line-height:1.45}.zigzag li:nth-child(odd){margin-right:auto}.zigzag li:nth-child(2n){margin-left:auto}.zigzag li:before{content:"";position:absolute;top:1.45rem;width:2.25rem;height:2px;background:repeating-linear-gradient(to right,rgba(201,194,182,.7) 0 4px,transparent 4px 8px)}.zigzag li:after{content:"";position:absolute;top:1.14rem;width:.65rem;height:.65rem;border-radius:50%;background:#c9c2b6db}.zigzag li:nth-child(odd):before{right:-2.25rem}.zigzag li:nth-child(odd):after{right:-2.57rem}.zigzag li:nth-child(2n):before{left:-2.25rem}.zigzag li:nth-child(2n):after{left:-2.57rem}@media(max-width:720px){.brand{top:2rem;left:2rem}.top-actions{top:2rem;right:1rem;flex-direction:column;align-items:flex-end}.center-text{font-size:clamp(1.2rem,4.6vw,1.6rem)}.what-we-do-btn{margin-top:4.5rem}.details{padding:5rem 6vw 5rem}.zigzag{gap:1.4rem}.zigzag:before{left:.9rem;transform:none}.zigzag li{width:calc(100% - 2.3rem);margin-left:2.3rem;margin-right:0}.zigzag li:nth-child(odd),.zigzag li:nth-child(2n){margin-left:2.3rem;margin-right:0}.zigzag li:before{left:-2.25rem;right:auto}.zigzag li:after{left:-2.58rem;right:auto}}@media(prefers-reduced-motion:reduce){#particle-canvas{display:none}}
