@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{--bg:#0d0f12;--panel:#171a1e;--panel2:#1c2025;--line:#353b43;--text:#f1f2f4;--muted:#9da5af;--silver:#c8d0d8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:var(--max);margin:auto;padding-left:34px;padding-right:34px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:10px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(34px,calc((100vw - 1112px)/2));border-bottom:1px solid #ffffff15;background:#111317;position:relative;z-index:20}.wordmark{display:flex;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:2.4px}.wordmark small{display:block;font-size:9px;letter-spacing:3.6px;color:#a7b0b9;margin-top:5px}.monogram{border:1px solid #a8b1bc;padding:11px 9px;font-family:Georgia,serif;font-size:19px;letter-spacing:-2px;color:#e2e7ec}.topbar nav{display:flex;align-items:center;gap:37px;font-size:12px;font-weight:600;color:#b8c0c9}.topbar nav a:hover,.social-links a:hover{color:white}.topbar .nav-contact{border:1px solid #707984;padding:13px 18px;color:white}.nav-contact span{margin-left:16px}.menu-toggle,.mobile-nav{display:none}.hero{min-height:665px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/studio-banner.webp') center 48%/cover no-repeat;opacity:.68;filter:contrast(1.1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,14,.98) 0%,rgba(9,11,14,.87) 29%,rgba(9,11,14,.43) 58%,rgba(9,11,14,.22) 100%),linear-gradient(0deg,#0d0f12 0%,transparent 28%)}.hero-content{position:relative;z-index:1;width:100%;padding-top:70px;padding-bottom:80px}.eyebrow,.section-label{font-size:10px;letter-spacing:2.8px;font-weight:700;color:#b8c1cc}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow-line{height:1px;width:35px;background:#cbd4dc}.hero h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(48px,6.6vw,91px);line-height:1.12;font-weight:700;margin:26px 0 20px;max-width:810px}.hero h1 em,.contact-section h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:#d1d9e1}.hero-sub{letter-spacing:4px;font-size:12px;font-weight:700}.dot{color:#89949e;margin:0 7px}.hero-description{color:#c1c8d0;font-size:16px;margin:26px 0 35px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{padding:17px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;font-size:12px;font-weight:700;letter-spacing:.3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:#d9e0e7;color:#15191e}.btn.ghost{border:1px solid #69727c;color:#e5eaf0}.hero-index{position:absolute;bottom:38px;right:5%;font-size:10px;letter-spacing:3px;color:#bbc3ca}.section-label{display:flex;align-items:center;gap:16px;color:#aeb8c2}.section-label span{width:30px;height:1px;background:#707a85}.intro-section,.focus-section{padding-top:125px;padding-bottom:130px}.intro-grid,.focus-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;margin-top:55px}.kicker{text-transform:uppercase;color:#a9b4bf;letter-spacing:3px;font-size:11px;font-weight:700}.intro-grid h2,.focus-grid h2{font-size:clamp(35px,4vw,55px);line-height:1.19;margin:25px 0}.muted{color:#8c96a1}.intro-copy{padding-top:12px}.intro-copy p{font-size:16px;line-height:1.95;color:#b9c1c9;margin:0 0 22px}.intro-copy strong{color:white}.text-link{display:inline-block;font-size:13px;font-weight:700;border-bottom:1px solid #a9b3bd;padding-bottom:9px;margin-top:15px}.text-link span{margin-left:18px}.demos-section{background:linear-gradient(145deg,#191d22,#111317);padding:115px 0 105px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:50px 0 38px}.section-head h2{font-size:clamp(40px,5vw,65px);margin:10px 0 0}.section-head>p{color:#a7b0ba;font-size:14px;max-width:250px;line-height:1.6}.silver-dot{color:#b4c0cc}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-card{background:linear-gradient(150deg,#252a30,#191d22);border:1px solid #3b424a;padding:32px;min-height:310px;position:relative;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2.3px;color:#aeb9c5}.card-symbol{font-size:27px;color:#c6d0d9}.wave{height:70px;display:flex;align-items:center;gap:6px;margin:28px 0 16px;opacity:.7}.wave i{display:block;width:3px;height:calc(12px + var(--n, 10)*1px);background:linear-gradient(#eff4f7,#788591);border-radius:4px}.wave i:nth-child(7n+1){height:15px}.wave i:nth-child(7n+2){height:38px}.wave i:nth-child(7n+3){height:60px}.wave i:nth-child(7n+4){height:27px}.wave i:nth-child(7n+5){height:48px}.wave i:nth-child(7n+6){height:22px}.wave-alt i:nth-child(odd){height:25px}.wave-alt i:nth-child(4n){height:54px}.demo-card h3{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.5px;margin:0 0 8px}.demo-card p{color:#aeb8c1;font-size:13px;line-height:1.6;margin:0 0 25px}.coming{font-size:10px;letter-spacing:1.7px;color:#c6d0da;display:flex;align-items:center;gap:9px}.small-pulse{width:6px;height:6px;border-radius:50%;background:#aebdca}.demo-note{color:#77838f;font-size:12px;margin-top:22px}.focus-grid{margin-top:60px}.focus-list>div{display:grid;grid-template-columns:45px 1fr 15px;gap:14px;align-items:center;border-bottom:1px solid #3b4148;padding:24px 0}.focus-list>div:first-child{border-top:1px solid #3b4148}.focus-list span{font-size:11px;color:#8d98a4}.focus-list strong{font-size:18px;font-weight:500}.contact-section{background:radial-gradient(ellipse at 80% 10%,#333b44 0%,#171b20 48%,#111418 90%);border-top:1px solid #353b42}.contact-wrap{padding-top:110px;padding-bottom:100px}.contact-section .kicker{margin-top:75px}.contact-section h2{font-size:clamp(54px,8vw,112px);line-height:1.05;margin:16px 0 24px}.contact-section p:not(.kicker){color:#b9c3cc}.contact-email{display:inline-flex;gap:80px;align-items:center;border-bottom:1px solid #b8c2cc;padding:16px 0;font-size:22px;font-weight:600;margin:28px 0 100px;overflow-wrap:anywhere}.connect{border-top:1px solid #58616b;padding-top:28px;display:flex;justify-content:space-between;gap:20px;align-items:start}.connect>span{font-size:10px;letter-spacing:2.4px;color:#a8b4c0}.social-links{display:flex;flex-wrap:wrap;gap:13px 26px;justify-content:flex-end}.social-links a{font-size:12px;color:#c5cdd6;border-bottom:1px solid #7c8994;padding-bottom:7px}footer{background:#0c0e11;border-top:1px solid #282d33}.footer-inner{min-height:95px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.4px;color:#9ba6b0}.footer-divider{margin:0 10px}.footer-inner a{color:#e0e6ed}@media(max-width:800px){.topbar{padding:0 24px;height:75px}.topbar nav{display:none}.menu-toggle{display:block;background:none;border:1px solid #6b7580;color:white;padding:8px 12px;font-size:19px}.mobile-nav:not([hidden]){display:flex;position:absolute;z-index:21;top:75px;left:0;right:0;background:#171b20;flex-direction:column;padding:15px 25px;gap:0}.mobile-nav a{padding:13px 0;border-bottom:1px solid #343b43}.hero{min-height:620px}.hero-art{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#0a0c0fe8,#0a0c0f8f),linear-gradient(0deg,#0d0f12,transparent 30%)}.intro-grid,.focus-grid{grid-template-columns:1fr;gap:20px}.intro-section,.focus-section{padding-top:85px;padding-bottom:90px}.demos-section{padding:80px 0}.section-head{align-items:start;flex-direction:column}.contact-wrap{padding-top:80px}.contact-email{margin-bottom:70px}}@media(max-width:560px){.wrap{padding-left:22px;padding-right:22px}.hero h1{font-size:49px}.hero-content{padding-top:40px}.hero-description{font-size:14px;line-height:1.6}.hero-index{display:none}.btn{width:100%}.demo-grid{grid-template-columns:1fr}.demo-card{padding:25px;min-height:285px}.intro-grid h2,.focus-grid h2{font-size:38px}.contact-section h2{font-size:62px}.connect{flex-direction:column}.social-links{justify-content:flex-start}.footer-inner{flex-direction:column;align-items:flex-start;justify-content:center;padding-top:25px;padding-bottom:25px}.contact-email{font-size:18px;gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.brand-seal{display:block;width:148px;height:148px;object-fit:cover;border-radius:50%;margin-top:30px;border:1px solid #555e68}
