@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0a0c10;--panel:#11151d;--muted:#a5afbf;--text:#f4f6fa;--line:#2b3340;--blue:#73a9ff;--lime:#c9f18c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{width:min(1100px,calc(100% - 42px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--blue)}.navlinks{display:flex;gap:25px;align-items:center;font-size:13px;color:#c9d1dd}.pill{border:1px solid #56657a;border-radius:40px;padding:9px 16px;white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-weight:700}.hero{padding:100px 0 95px;max-width:970px}.hero h1,.pagehero h1{font:700 clamp(45px,7vw,86px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.067em;margin:16px 0 23px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:clamp(17px,2vw,21px);max-width:690px;color:#bbc4d2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:6px;background:var(--blue);color:#09111d;font-size:13px;font-weight:700}.btn:hover{background:#a2c6ff;color:#09111d}.btn.secondary{background:transparent;color:#edf1f8;border:1px solid #485367}.btn.secondary:hover{border-color:var(--blue)}section{padding:62px 0;border-top:1px solid var(--line)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.sectionhead h2{font:600 clamp(27px,4vw,42px)/1.16 'Space Grotesk';letter-spacing:-.04em;margin:9px 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.cardbody{padding:24px}.card h3{font:600 23px/1.24 'Space Grotesk';letter-spacing:-.04em;margin:10px 0}.card p{color:#b4bdca;font-size:14px}.tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);font-weight:700}.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch}.feature img{width:100%;height:100%;object-fit:cover;object-position:top;background:white;max-height:400px}.feature .cardbody{padding:clamp(25px,4vw,48px)}.feature h3{font-size:clamp(25px,3vw,39px)}.mini{display:flex;gap:12px;align-items:center;color:#cbd4df;font-size:13px;margin-top:20px}.number{color:var(--blue);font-family:'Space Grotesk';font-size:30px;font-weight:700}.contact{padding:48px;background:linear-gradient(125deg,#16253d,#10151e);border:1px solid #3a516e;border-radius:12px}.contact h2{font:600 clamp(28px,4vw,44px)/1.12 'Space Grotesk';letter-spacing:-.04em;max-width:650px}.footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px 0;color:#8792a3;font-size:12px}.pagehero{padding:72px 0 45px}.pagehero h1{font-size:clamp(38px,5.8vw,67px);max-width:920px}.project-layout{display:grid;grid-template-columns:1fr 290px;gap:48px}.project-layout h2{font:600 30px/1.2 'Space Grotesk';letter-spacing:-.04em;margin-top:34px}.project-layout p,.project-layout li{color:#bac4d0}.sidebar{position:sticky;top:20px;align-self:start;border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--panel)}.sidebar p{font-size:13px;color:var(--muted)}.pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.pages figure{margin:0}.pages img{display:block;width:100%;border:1px solid #354052;border-radius:5px}.pages figcaption{font-size:12px;color:var(--muted);padding:8px 0}.callout{border-left:3px solid var(--blue);padding:13px 18px;background:#111c2d;color:#dbe4f2;margin:20px 0}.menu{display:none}@media(max-width:760px){.navlinks{gap:11px;font-size:12px}.navlinks .hide-mobile{display:none}.hero{padding:72px 0}.grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.feature img{max-height:330px;object-fit:contain}.sectionhead{display:block}.project-layout{grid-template-columns:1fr}.sidebar{position:static;order:-1}.pages{grid-template-columns:1fr}.nav{padding:16px 0}.brand{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}