:root{--ink:#17243a;--blue:#1769e0;--green:#19a957;--red:#ed1b2f;--paper:#f7f8fa;--line:#dde3ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}.top{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;z-index:5}.brand{font-weight:900;font-size:25px;letter-spacing:-2px;line-height:.8}.brand .s{color:var(--blue)}.brand .c{color:var(--green)}.brand .d{color:var(--red)}.brand small{display:block;font-size:6px;letter-spacing:0;color:var(--ink);line-height:1.1;margin-top:8px;font-weight:700}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}nav a:hover,.text-link:hover,.contact a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--ink);padding:10px 17px;border-radius:4px}.hero,.section{max-width:1180px;margin:auto;padding:105px max(5vw,28px)}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:90px;align-items:center;min-height:590px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 18px;color:#6e7b8c}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-4px;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{color:#596679;max-width:540px;font-size:19px}.actions{display:flex;gap:12px;margin-top:32px}.button{padding:13px 22px;border-radius:4px;font-weight:700;font-size:14px}.primary{background:var(--ink);color:#fff}.ghost{border:1px solid var(--ink)}.hero-card{background:var(--ink);color:#fff;padding:34px;border-radius:8px;box-shadow:18px 18px 0 #dce4ef}.hero-card span,.demo-card span{font-size:10px;letter-spacing:2px;font-weight:800;color:#aebbd0}.hero-card strong{display:block;font-size:29px;line-height:1.1;margin:18px 0}.hero-card p{color:#bec8d5}.section{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section h2{font-size:37px;letter-spacing:-1.5px;line-height:1.1;margin:0}.muted{color:#718095;max-width:370px}.filters{display:flex;gap:9px;margin-bottom:28px;flex-wrap:wrap}.filters button{background:none;border:1px solid var(--line);border-radius:20px;padding:8px 16px;color:#617086;cursor:pointer}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{background:#fff;border:1px solid var(--line);border-radius:7px;padding:28px;min-height:270px;display:flex;flex-direction:column}.project:hover{border-color:#9daec2}.project-top{font-weight:900;font-size:18px}.project-top span{float:right;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#7d8a9a}.red{color:var(--red)}.green{color:var(--green)}.blue{color:var(--blue)}.navy{color:#2d4670}.project h3{font-size:25px;line-height:1.15;margin:28px 0 8px}.project p{color:#69778a;margin:0}.text-link{margin-top:auto;padding-top:23px;font-weight:800;font-size:14px}.tags{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;gap:8px}.tags span{font-size:11px;color:#8190a3}.dark-section{max-width:none;background:var(--ink);color:#fff;padding-left:max(5vw,28px);padding-right:max(5vw,28px)}.dark-section .muted{color:#aebbd0}.demo-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-card{padding:38px;min-height:275px;border-radius:7px;display:flex;flex-direction:column;justify-content:end}.demo-card h3{font-size:32px;line-height:1.1;margin:14px 0 8px}.demo-card p{max-width:420px;color:#d1d8e2}.demo-card b{margin-top:15px}.trip{background:linear-gradient(135deg,#1d6e78,#173247)}.info{background:linear-gradient(135deg,#2c7a4e,#163b32)}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy h2{font-size:45px;line-height:1.05;margin:0 0 25px}.about-copy p{color:#647287;max-width:510px}.principles{display:grid;gap:0}.principles div{border-top:1px solid var(--line);padding:19px 0;display:grid;grid-template-columns:45px 1fr}.principles b{color:var(--blue)}.principles p{grid-column:2;margin:3px 0 0;color:#718095;font-size:14px}footer{background:#fff;border-top:1px solid var(--line);padding:48px max(5vw,28px);display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:end}.footer-brand{font-size:28px}.footer-brand+p{color:#69778a}.contact{display:grid;gap:8px}.contact .eyebrow{margin-bottom:0}.contact a{font-weight:700}.copyright{color:#8b98a9;font-size:12px}@media(max-width:760px){nav a:not(.nav-cta){display:none}.hero,.about{grid-template-columns:1fr;gap:48px;padding-top:70px;padding-bottom:70px}.hero h1{letter-spacing:-2px}.grid,.demo-grid{grid-template-columns:1fr}.section-head,footer{display:block}.section-head .muted{margin-top:15px}.project h3{font-size:23px}.contact{margin-top:30px}.copyright{margin-top:35px}.hero-card{box-shadow:10px 10px 0 #dce4ef}}