:root{--g:#27ffb0;--bg:#080808;--tx:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden}#bgCanvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}#prog{background:var(--g);z-index:999;border-radius:999px;width:0;height:2px;position:fixed;top:0;left:0}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808d9;justify-content:space-between;align-items:center;padding:22px 52px;display:flex;position:fixed;top:0;left:0;right:0}.logo{align-items:center;text-decoration:none;display:inline-flex}.logo img{width:auto;height:24px;display:block}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:#fff;font-size:13px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--g)}#hero{align-items:center;height:100vh;padding:0 52px;display:flex;position:relative}.hero-h1{letter-spacing:-.03em;color:#fff;max-width:540px;margin-bottom:28px;font-size:clamp(38px,5.2vw,66px);font-weight:700;line-height:1.07}.cta{border:1px solid var(--g);color:var(--g);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:11px 24px;font-family:inherit;font-size:11px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.cta:hover{background:var(--g);color:#000}#services{width:100%;height:500vh;position:relative}.svc-sticky{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.svc-panel{opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:opacity .3s,visibility 0s linear .3s;position:absolute;top:0;left:0}.svc-panel.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s,visibility}.tiny-col{flex-direction:column;gap:4px;display:flex}.tiny-col span{color:#fff;font-size:11px;line-height:1.9}.tiny-col span.hl{color:var(--g)}.big-t{letter-spacing:-.04em;color:#fff;margin-bottom:14px;font-size:clamp(60px,8.5vw,112px);font-weight:800;line-height:.93}.svc-d{color:#fff;max-width:400px;font-size:14px;line-height:1.85}.pos-tl{position:absolute;top:88px;left:52px}.pos-tr{text-align:right;position:absolute;top:88px;right:52px}.pos-bl{position:absolute;bottom:52px;left:52px}.pos-tr-big{text-align:right;max-width:58%;position:absolute;top:88px;right:52px}#case-studies{background:var(--bg);padding:100px 52px;position:relative}.s-eye{color:var(--g);letter-spacing:.22em;text-transform:uppercase;text-align:center;margin-bottom:12px;font-size:10px}.s-h2{letter-spacing:-.025em;color:#fff;text-align:center;margin-bottom:52px;font-size:clamp(28px,4vw,50px);font-weight:700}.car-out{overflow:hidden}.car-trk{gap:20px;transition:transform .65s cubic-bezier(.25,.46,.45,.94);display:flex}.car-sl{aspect-ratio:16/10;background:#0c0c0c;border:1px solid #171717;border-radius:32px;flex:0 0 54%;position:relative;overflow:hidden}.car-sl canvas{width:100%;height:100%;position:absolute;inset:0}.car-ov{z-index:2;background:linear-gradient(#0000,#000000eb);padding:22px 56px;position:absolute;bottom:0;left:0;right:0}.c-tg{background:var(--g);color:#000;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin-bottom:7px;padding:4px 11px;font-size:9px;font-weight:700;display:inline-block}.c-ti{color:#fff;font-size:17px;font-weight:700}.c-sb{color:#fff;margin-top:3px;font-size:11px}.car-ct{justify-content:center;align-items:center;gap:12px;margin-top:26px;display:flex}.c-bn{color:#fff;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;transition:border-color .2s,color .2s;display:flex}.c-bn:hover{border-color:var(--g);color:var(--g)}.dots{gap:8px;display:flex}.dot{cursor:pointer;background:#2a2a2a;border-radius:999px;width:18px;height:2px;transition:background .3s,width .3s}.dot.on{background:var(--g);width:30px}#contact{background:#0a0a0a;border-top:1px solid #111;padding:100px 52px;position:relative}.con-g{grid-template-columns:1fr 1fr;gap:80px;max-width:1060px;display:grid}.con-h{letter-spacing:-.02em;color:#fff;margin-bottom:14px;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.1}.con-s{color:#fff;font-size:13px;line-height:1.75}.form{flex-direction:column;gap:13px;display:flex}.fr{grid-template-columns:1fr 1fr;gap:13px;display:grid}.fg{flex-direction:column;gap:5px;display:flex}.fg label{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.fg input,.fg textarea{color:var(--tx);resize:vertical;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:999px;outline:none;padding:11px 18px;font-family:inherit;font-size:13px;transition:border-color .2s}.fg textarea{border-radius:24px;min-height:110px;padding:14px 18px}.fg input:focus,.fg textarea:focus{border-color:var(--g)}.fg input::placeholder,.fg textarea::placeholder{color:#ffffff59}footer{background:var(--bg);border-top:1px solid #0f0f0f;justify-content:space-between;align-items:flex-start;gap:40px;padding:32px 52px;display:flex;position:relative}.f-lg{margin-bottom:6px;display:block}.f-lg img{width:auto;height:28px;display:block}.f-sb{color:#fff;font-size:10px}.f-cs{gap:52px;display:flex}.f-c h4{color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:10px}.f-c p,.f-c a{color:#fff;font-size:10px;line-height:1.9;text-decoration:none;display:block}.f-c a:hover{color:var(--g)}.f-cp{color:#fff;align-self:flex-end;font-size:10px}.rv{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.rv.in{opacity:1;transform:translateY(0)}