:root{--bg:#090d12;--panel:#11161d;--text:#f3f1e9;--muted:#969eaa;--lime:#b7ff5c;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 'DM Sans',sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 78% 8%,#b7ff5c0d,transparent 28%);pointer-events:none}.wrap{max-width:1180px;margin:auto;padding-inline:24px}header{max-width:1180px;height:82px;margin:auto;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:700 14px Manrope}.brand b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font-size:11px}nav{display:flex;gap:34px;margin-left:auto}nav a,footer a{color:#bac1ca;text-decoration:none;font-size:13px}nav a:hover,footer a:hover{color:var(--lime)}header button{display:none}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-block:55px 70px}.tag{font-size:10px;letter-spacing:.18em;color:#c2c8d0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.055em;margin:24px 0 28px}em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.lead{max-width:600px;color:var(--muted);font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:13px;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:#09100a}.outline{border:1px solid var(--line);color:white}.visual{height:510px;position:relative;display:grid;place-items:center}.rings{position:absolute;width:410px;height:410px;border:1px solid #b7ff5c1b;border-radius:50%;box-shadow:inset 0 0 0 60px #b7ff5c05}.code{width:min(390px,90%);background:#121820ed;border:1px solid var(--line);padding:18px;border-radius:13px;box-shadow:0 35px 80px #0008;transform:rotate(2deg)}.code pre{font:14px/2 monospace;color:#d4d9df}.code span{color:#e3b5ff}.code strong{color:var(--lime)}.available{position:absolute;bottom:60px;left:0;background:#11171e;border:1px solid var(--line);border-radius:8px;padding:13px 17px}.available small,.available b{display:block}.available small{color:var(--lime);font-size:9px}.available b{font-size:12px}.metrics{border-block:1px solid var(--line);display:flex;justify-content:flex-end;gap:85px;padding-block:35px}.metrics div{display:grid}.metrics b{font:600 24px Manrope}.metrics span{color:#737c88;font-size:10px}.section{padding-block:135px 145px}.heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.heading h2,.approach h2,.contact h2{font-size:clamp(40px,5vw,62px);letter-spacing:-.045em}.heading p,.approach>div>p:last-child{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.cards article{background:var(--panel);border:1px solid var(--line);border-radius:13px;min-height:390px;padding:30px;position:relative;transition:.3s}.cards article:hover{transform:translateY(-7px);border-color:#b7ff5c44}.cards small{position:absolute;right:25px;color:#69727d}.cards article>i{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b7ff5c3b;border-radius:8px;color:var(--lime);font-style:normal;font-size:19px;margin-bottom:42px}.cards h3{font-size:23px}.cards p{color:var(--muted);font-size:13px;min-height:65px}.cards ul{list-style:none;padding:17px 0 0;margin-top:22px;border-top:1px solid var(--line);font-size:12px;color:#b7bec7}.cards li:before{content:'—';color:var(--lime);margin-right:8px}.approach{border-top:1px solid var(--line);padding-block:120px;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.approach ol{list-style:none;margin:0;padding:0}.approach li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.approach li:first-child{border-top:1px solid var(--line)}.approach li>b{color:var(--lime);font-size:10px}.approach h3{font-size:21px}.approach li p{color:var(--muted);font-size:12px;margin:6px 0 0}.contact{padding:125px 24px;background:var(--panel);border-block:1px solid var(--line);text-align:center}.contact>div{max-width:850px;margin:auto}.contact h2{margin:18px 0 24px}.contact>div>p:not(.tag){color:var(--muted);max-width:580px;margin:0 auto 34px}.linkedin{background:#0a66c2;color:white}.linkedin:hover{box-shadow:0 15px 35px #0a66c244}footer{height:105px;display:flex;align-items:center;gap:40px;color:#707985;font-size:11px}footer span{margin-left:auto}footer i{font-style:normal}.reveal{opacity:0;transform:translateY(20px);transition:.8s}.reveal.show{opacity:1;transform:none}@media(max-width:850px){nav{display:none;position:absolute;top:72px;left:20px;right:20px;background:#11171e;padding:24px;flex-direction:column}header.open nav{display:flex}header button{display:block;margin-left:auto;background:none;border:0;color:white;font-size:23px}.hero{grid-template-columns:1fr}.visual{height:380px}.cards,.heading,.approach{grid-template-columns:1fr}.approach{gap:55px}.metrics{justify-content:space-between;gap:15px}}@media(max-width:560px){header{height:72px}.hero{padding-top:65px;gap:25px}.hero h1{font-size:42px}.actions{flex-direction:column}.btn{width:100%}.visual{height:330px}.rings{width:310px;height:310px}.available{bottom:8px}.metrics span{font-size:8px}.metrics b{font-size:19px}.section,.approach,.contact{padding-block:82px}.heading h2,.approach h2,.contact h2{font-size:38px}footer{height:auto;padding-block:35px;flex-wrap:wrap}footer span{order:3;width:100%;margin:0}}