:root{--bg:#f4f6f5;--white:#ffffff;--text:#101a15;--muted:#66716b;--line:rgba(16,26,21,0.11);--green:#128165;--green-soft:#dcefe7;--blue:#355f70;--blue-soft:#dae7eb;--dark:#17201c;--dark-soft:#29332e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{width:min(1180px,calc(100% - 40px));height:92px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo-link img{display:block;width:205px;height:auto}.top-link{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700;transition:.2s ease}.top-link:hover{color:var(--green)}.intro{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:90px 0 80px}.intro-label{display:block;margin-bottom:22px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.intro h1{margin:0;font-size:clamp(4rem,10vw,8.2rem);line-height:.85;letter-spacing:-.075em;font-weight:650}.intro h1 strong{color:var(--green);font-weight:780}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:48px}.intro-bottom p{max-width:610px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.solution-count{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.portfolio{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-gap:22px;gap:22px}.project{min-height:460px;display:grid;grid-template-columns:1.55fr .45fr;border-radius:32px;overflow:hidden}.project-content{display:grid;grid-template-columns:90px 1fr;padding:46px}.project-number{font-size:13px;font-weight:800;opacity:.55}.project-copy{align-self:center;max-width:650px}.project-eyebrow{display:block;margin-bottom:12px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;opacity:.72}.project h2{margin:0 0 20px;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;letter-spacing:-.055em}.project-copy p{max-width:600px;margin:0;font-size:15px;line-height:1.75;opacity:.72}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags span{padding:7px 11px;border:1px solid;border-radius:999px;font-size:10px;font-weight:700;opacity:.65}.project-side{padding:34px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid rgba(255,255,255,.15)}.project-symbol{align-self:flex-end;font-size:clamp(4rem,9vw,8rem);font-weight:800;letter-spacing:-.08em;opacity:.16}.project-button,.project-status{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-radius:14px;font-size:12px;font-weight:800}.project-button{background:rgba(255,255,255,.95);color:#152219;transition:transform .2s ease,background .2s ease}.project-button:hover{transform:translateY(-2px);background:#ffffff}.project-status{border:1px solid rgba(255,255,255,.25);opacity:.8}.project-green{background:#14785f;color:#ffffff}.project-green .project-side{background:#0e654e}.project-blue{background:#dfe9ed;color:#173440}.project-blue .project-side{background:#315a69;color:#ffffff}.project-dark{background:#222b27;color:#ffffff}.project-dark .project-side{background:#111713}.project-reverse{grid-template-columns:.45fr 1.55fr}.project-reverse .project-side{grid-column:1;grid-row:1;border-left:0;border-right:1px solid rgba(255,255,255,.15)}.project-reverse .project-content{grid-column:2;grid-row:1}.ecosystem{width:min(1180px,calc(100% - 40px));margin:90px auto 70px;display:grid;grid-template-columns:.4fr 1fr;grid-gap:80px;gap:80px;padding-top:40px;border-top:1px solid var(--line)}.ecosystem>span{color:var(--green);font-size:11px;font-weight:800}.ecosystem h2{max-width:700px;margin:0 0 16px;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.055em}.ecosystem p{max-width:590px;margin:0;color:var(--muted);line-height:1.7}.footer{margin-top:60px;padding:30px max(20px,calc((100vw - 1180px) / 2)) 20px;background:#101613;color:#ffffff;display:grid;grid-template-columns:1fr auto;grid-gap:24px 60px;gap:24px 60px;align-items:start}.footer-brand img{display:block;width:165px;height:auto;filter:none}.footer-brand p{max-width:380px;margin:12px 0 0;color:rgba(255,255,255,.55);font-size:12px;line-height:1.55}.footer-links{display:flex;align-items:center;gap:28px;padding-top:7px}.footer-links a{color:rgba(255,255,255,.72);font-size:12px;font-weight:650;transition:color .2s ease}.footer-links a:hover{color:#ffffff}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.34);font-size:10px}@media (max-width:820px){.project,.project-reverse{grid-template-columns:1fr}.project-content,.project-reverse .project-content{grid-column:1;grid-row:1}.project-reverse .project-side,.project-side{grid-column:1;grid-row:2;border:0;border-top:1px solid rgba(255,255,255,.15)}.project-content{grid-template-columns:1fr;gap:30px}.project-side{min-height:160px}.intro-bottom{flex-direction:column;align-items:flex-start}.ecosystem{gap:30px}.ecosystem,.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media (max-width:680px){.footer{grid-template-columns:1fr;padding:28px 24px 20px}.footer-links{flex-direction:column;align-items:flex-start;gap:10px}.footer-bottom{flex-direction:column;gap:6px}}@media (max-width:600px){.ecosystem,.intro,.portfolio,.topbar{width:min(100% - 24px,1180px)}.topbar{height:78px}.logo-link img{width:165px}.intro{padding:65px 0 55px}.intro h1{font-size:17vw}.project{min-height:auto;border-radius:24px}.project-content{padding:30px 24px}.project-side{padding:24px}.ecosystem{margin:65px auto 45px}.footer-brand img{width:150px}}