*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Manrope',sans-serif;background:#f3f2ee;color:#111416;-webkit-font-smoothing:antialiased}a{color:inherit}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;background:rgba(243,242,238,.9);backdrop-filter:blur(18px);border-bottom:1px solid #d9d8d3}.brand{text-decoration:none;font-weight:700;letter-spacing:.18em}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{text-decoration:none;font-size:.75rem;color:#565d60}.navlinks .navcta{background:#c8ff5a;color:#111;padding:11px 17px;border-radius:100px;font-weight:700}.hero{margin:28px;min-height:620px;border-radius:28px;background:#101416;color:#fff;padding:9vw 6vw 6vw;position:relative;overflow:hidden}.hero::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;top:-140px;background:radial-gradient(circle,rgba(200,255,90,.18),transparent 68%)}.eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.22em;color:#aab1b3;margin-bottom:26px}.hero h1{position:relative;z-index:1;max-width:980px;font-size:clamp(3rem,7vw,7.5rem);line-height:.96;letter-spacing:-.065em;font-weight:500}.hero p{position:relative;z-index:1;max-width:690px;margin-top:28px;color:#aeb4b6;line-height:1.75;font-size:1.03rem}.hero-actions{position:relative;z-index:1;display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;text-decoration:none;padding:14px 20px;border-radius:100px;background:#c8ff5a;color:#101416;font-size:.76rem;font-weight:700}.button.secondary{background:transparent;color:#fff;border:1px solid #42484b}.section{max-width:1240px;margin:auto;padding:100px 5vw}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;margin-bottom:54px}.section h2{font-size:clamp(2rem,4vw,4.3rem);letter-spacing:-.055em;line-height:1.03;font-weight:500}.section-intro{color:#5e6568;line-height:1.8;max-width:650px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:30px;border:1px solid #d7d6d1;border-radius:18px;background:#faf9f6}.card .num{color:#6d852e;font-size:.62rem;letter-spacing:.18em;margin-bottom:34px}.card h3{font-size:1.12rem;margin-bottom:12px}.card p,.card li{color:#62686b;font-size:.83rem;line-height:1.75}.card ul{padding-left:18px}.dark{background:#101416;color:#fff}.dark .section-intro,.dark .card p,.dark .card li{color:#aeb4b6}.dark .card{background:#171b1d;border-color:#303638}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d4d3ce}.step{padding:24px 24px 24px 0;border-right:1px solid #d4d3ce}.step+.step{padding-left:24px}.step b{display:block;color:#6d852e;font-size:.65rem;margin-bottom:18px}.step h3{font-size:1rem;margin-bottom:9px}.step p{font-size:.78rem;color:#656b6d;line-height:1.7}.example{display:grid;grid-template-columns:1fr 1fr;gap:14px}.example-pane{border-radius:22px;min-height:350px;padding:34px;background:#e4e2dc;display:flex;flex-direction:column;justify-content:flex-end}.example-pane.after{background:#171b1d;color:#fff}.example-pane span{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#6d852e}.example-pane h3{font-size:1.65rem;margin:12px 0}.example-pane p{font-size:.82rem;line-height:1.7;color:#62686b}.example-pane.after p{color:#aeb4b6}.cta{padding:95px 5vw;background:#c8ff5a}.cta-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:end;gap:30px}.cta h2{max-width:760px;font-size:clamp(2.4rem,5vw,5.6rem);line-height:.98;letter-spacing:-.06em;font-weight:500}.cta .button{background:#111416;color:#fff}.footer{display:flex;justify-content:space-between;padding:28px 5vw;background:#101416;color:#949b9d;font-size:.7rem}.footer a{text-decoration:none}.office-demo{padding:16px;border:1px solid #303638;background:#0a0d0e;border-radius:22px}.office-shell{display:grid;grid-template-columns:180px 1fr;min-height:460px;background:#121618;border-radius:14px;overflow:hidden}.office-side{padding:22px;border-right:1px solid #2d3335;color:#778084}.office-side b{display:block;color:#fff;margin-bottom:26px;letter-spacing:.15em}.office-side span{display:block;padding:10px;border-radius:7px;font-size:.7rem}.office-side span:first-of-type{background:#262c2e;color:#fff}.office-main{padding:26px}.office-main header{display:flex;justify-content:space-between;color:#8f9799;font-size:.67rem}.office-main h3{font-size:1.6rem;margin:24px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{padding:18px;border:1px solid #303638;border-radius:10px;color:#8d9597;font-size:.65rem}.metric strong{display:block;color:#fff;font-size:1.35rem;margin-bottom:8px}.workspace-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;margin-top:10px}.workspace-card{min-height:170px;border:1px solid #303638;border-radius:10px;padding:18px;background:#171c1e}.workspace-card h4{font-size:.8rem;margin-bottom:18px}.activity{display:grid;gap:12px;color:#a8afb1;font-size:.7rem}.activity i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c8ff5a;margin-right:8px}@media(max-width:800px){.navlinks a:not(.navcta){display:none}.hero{margin:12px;min-height:570px;padding:130px 24px 60px}.section-head,.grid3,.example,.process,.office-shell,.workspace-grid{grid-template-columns:1fr}.section{padding:72px 22px}.step,.step+.step{padding:22px 0;border-right:0;border-bottom:1px solid #d4d3ce}.cta-inner{align-items:flex-start;flex-direction:column}.office-side{display:none}.metric-grid{grid-template-columns:1fr 1fr}.footer{gap:20px;flex-direction:column}}