@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Manrope:wght@400;600;700;800&display=swap");
:root{--bg:#0f1518;--surface:#151e22;--surface-2:#1b262b;--line:#ffffff16;--ink:#f4f4ef;--muted:#98a7a6;--mint:#c3f7db;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(15,21,24,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font:800 28px/1 "Manrope",Arial,sans-serif;letter-spacing:-.08em}.brand b{color:var(--mint)}.top-links{display:flex;align-items:center;gap:26px}.top-links a{font-size:13px;color:#bfcbca}.top-links a:hover,.header-cta:hover{color:var(--mint)}.header-cta{font-size:13px;font-weight:700;padding:12px 16px;border:1px solid #ffffff28;background:#ffffff0a;border-radius:999px}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,21,24,.94) 0%,rgba(15,21,24,.76) 42%,rgba(15,21,24,.48) 100%),url("hero-workspace.png") center/cover no-repeat;opacity:.68}.hero-overlay{position:absolute;inset:auto 0 0 0;height:180px;background:linear-gradient(180deg,transparent,rgba(15,21,24,.95))}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:26px;padding:92px 0 76px;align-items:end}.label,.small-title{display:inline-flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--mint);font-weight:800}.label:before,.small-title:before{content:"";width:24px;height:1px;background:currentColor}.hero h1{font:800 clamp(48px,8vw,92px)/.94 "Manrope",Arial,sans-serif;letter-spacing:-.08em;margin:20px 0 18px;max-width:820px}.hero h1 em{font-style:normal;color:var(--mint)}.lead{max-width:700px;color:#cfdbda;font-size:17px;line-height:1.8;margin:0}.hero-actions,.cta-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.25s ease}.btn-primary{background:var(--mint);color:#142119}.btn-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.btn-secondary{border-color:#ffffff2a;background:#ffffff05;color:#e9eeed}.btn-secondary:hover{border-color:#ffffff4a}.mini-metrics{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:30px 0 0}.mini-metrics li{background:#ffffff07;border:1px solid var(--line);padding:14px 16px;border-radius:18px;min-width:150px}.mini-metrics strong{display:block;font:800 24px/1 "Manrope",Arial,sans-serif}.mini-metrics span{display:block;margin-top:6px;color:var(--muted);font-size:12px}.hero-card{background:linear-gradient(180deg,rgba(24,34,39,.92),rgba(20,28,32,.92));border:1px solid #ffffff18;border-radius:28px;padding:22px 22px 20px;box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;gap:14px;color:#bac7c6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.offer-list{display:grid;gap:12px;margin:18px 0}.offer-list article{padding:16px;border-radius:18px;background:#ffffff05;border:1px solid #ffffff0e}.offer-list b{display:block;font-size:18px;margin-bottom:6px}.offer-list p{margin:0;color:#acb9b8;line-height:1.65;font-size:14px}.card-note{font-size:12px;color:#92a09f;line-height:1.5}.section{padding:86px 0}.intro-strip{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:end}.intro-strip h2,.section-head h2,.cta-block h2{font:800 clamp(34px,5vw,58px)/1.02 "Manrope",Arial,sans-serif;letter-spacing:-.06em;margin:16px 0 0}.intro-strip p,.section-head p,.cta-block p{color:#acb9b8;line-height:1.8;font-size:15px}.section-head{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:26px;align-items:end;margin-bottom:26px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project{display:block;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .3s ease,border-color .3s ease}.project:hover{transform:translateY(-6px);border-color:#c3f7db6b}.project-large{grid-column:span 2}.preview{position:relative;background:#222;aspect-ratio:1.68;overflow:hidden}.project-large .preview{aspect-ratio:2.08}.preview img{width:100%;height:100%;object-fit:cover;object-position:top}.pill{position:absolute;top:16px;left:16px;border-radius:999px;padding:10px 14px;background:rgba(16,21,24,.82);backdrop-filter:blur(12px);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.meta{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px}.meta h3{margin:0 0 8px;font:800 clamp(24px,3vw,34px)/1 "Manrope",Arial,sans-serif;letter-spacing:-.05em}.meta p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.arrow{width:48px;height:48px;display:grid;place-items:center;background:var(--mint);color:#16201d;font-size:24px;flex-shrink:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.service-card span{display:inline-flex;width:38px;height:38px;border-radius:999px;align-items:center;justify-content:center;background:#ffffff08;color:var(--mint);font-weight:800}.service-card h3{margin:18px 0 10px;font:800 24px/1.05 "Manrope",Arial,sans-serif}.service-card p{margin:0;color:var(--muted);line-height:1.75;font-size:14px}.process .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{padding:22px;border-radius:22px;background:var(--surface-2);border:1px solid var(--line)}.steps b{display:block;color:var(--mint);font-size:28px}.steps h3{margin:14px 0 10px;font:800 22px/1.05 "Manrope",Arial,sans-serif}.steps p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.cta-block{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:38px;border-radius:30px;background:linear-gradient(180deg,#182126,#131a1d);border:1px solid var(--line);margin-bottom:90px}.cta-block p{max-width:680px}.footer-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:26px 0 34px;border-top:1px solid var(--line);color:#96a4a4;font-size:12px}.footer-row b{color:var(--mint)}
@media (max-width:980px){.hero-grid,.intro-strip,.section-head,.cta-block{grid-template-columns:1fr}.services,.process .steps{grid-template-columns:repeat(2,1fr)}.top-links{display:none}.project-large{grid-column:span 1}.project-large .preview{aspect-ratio:1.65}}
@media (max-width:700px){.shell{width:min(100% - 28px,1180px)}.nav{min-height:68px}.header-cta{display:none}.hero-grid{padding:72px 0 56px}.hero h1{font-size:clamp(42px,16vw,70px)}.lead{font-size:15px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr}.grid,.services,.process .steps{grid-template-columns:1fr}.preview,.project-large .preview{aspect-ratio:1.18}.meta{padding:18px}.meta h3{font-size:26px}.cta-block{padding:24px;margin-bottom:70px}.intro-strip h2,.section-head h2,.cta-block h2{font-size:36px}}