:root{--ink:#08111f;--ink-2:#101c2e;--lime:#b8f23d;--lime-dark:#8dc51c;--paper:#f3f5f0;--muted:#6d7680;--line:#dce1da;--white:#fff;--radius:22px;--shadow:0 30px 80px rgba(8,17,31,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;background:var(--lime);padding:10px 16px;z-index:1000;border-radius:8px}.skip-link:focus{top:16px}.site-header{position:absolute;z-index:100;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.3px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:13px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.brand small{display:block;margin-top:5px;font:500 8px/1 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:2px;color:#9da7b4}.main-nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:600}.main-nav>a:not(.nav-cta){color:#d6dce3}.main-nav>a:hover{color:var(--lime)}.nav-cta{border:1px solid rgba(255,255,255,.45);border-radius:9px;padding:10px 18px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:6px}.hero{min-height:850px;background:var(--ink);color:#fff;position:relative;overflow:hidden;padding-top:84px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-glow{position:absolute;width:600px;height:600px;right:-80px;top:40px;border-radius:50%;background:rgba(141,197,28,.13);filter:blur(80px)}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:700;color:#c2cbd5;margin:0 0 22px}.eyebrow span{width:28px;height:2px;background:var(--lime)}.eyebrow.dark{color:#707a82}.hero h1,.section h2,.case-study h2,.contact h2{font-family:Manrope,sans-serif;letter-spacing:-3.4px;line-height:1.05;margin:0;font-weight:700}.hero h1{font-size:clamp(52px,5.7vw,78px);max-width:680px}.hero h1 em,.case-study h2 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero-lead{font-size:18px;color:#aeb7c3;max-width:610px;margin:28px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:10px;padding:15px 21px;font-weight:700;font-size:14px}.button-primary{background:var(--lime);color:var(--ink)}.button-primary:hover{background:#cbff5c;transform:translateY(-2px)}.button-ghost{border:1px solid #3b4656;color:#dce2e9}.button-ghost:hover{border-color:#758090}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:38px}.hero-tags span{padding:6px 11px;border:1px solid #2d394a;border-radius:99px;color:#8793a0;font-size:10px;text-transform:uppercase;letter-spacing:1px}.hero-visual{position:relative;perspective:1200px}.dashboard{height:450px;background:#f3f5f5;border:7px solid #273343;border-radius:20px;box-shadow:0 45px 90px rgba(0,0,0,.5);transform:rotateY(-7deg) rotateX(3deg);overflow:hidden;color:var(--ink)}.dash-top{height:39px;background:#e4e8e7;display:flex;align-items:center;padding:0 13px;gap:5px}.dash-top i{width:6px;height:6px;border-radius:50%;background:#abb3b3}.dash-top b{margin-left:12px;font-size:7px;color:#788184}.dash-body{height:calc(100% - 39px);display:flex}.dash-sidebar{width:48px;background:#111d2c;display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:24px}.dash-sidebar span{width:12px;height:12px;border-radius:3px;background:#425065}.dash-sidebar span.active{background:var(--lime)}.dash-content{padding:25px 26px;flex:1}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small,.dash-heading strong{display:block}.dash-heading small{font-size:8px;color:#8d9698}.dash-heading strong{font:700 16px Manrope}.dash-heading i{width:27px;height:27px;border-radius:50%;background:#d9dedc}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.metric-row>div{padding:13px;border:1px solid #e0e4e2;border-radius:8px;background:#fff;position:relative}.metric-row small,.metric-row b{display:block}.metric-row small{font-size:7px;color:#87908f}.metric-row b{font:700 18px Manrope}.metric-row em{position:absolute;right:10px;top:15px;color:#6ea110;font-size:7px}.chart{height:128px;background:#fff;border:1px solid #e0e4e2;border-radius:8px;margin-top:12px;position:relative;display:flex;align-items:end;justify-content:space-around;padding:18px 20px}.chart span{width:15px;background:#ecf0ed;height:40%}.chart span:nth-child(2),.chart span:nth-child(6){height:70%}.chart span:nth-child(3),.chart span:nth-child(7){height:52%}.chart span:nth-child(4){height:82%}.chart svg{position:absolute;inset:20px;width:calc(100% - 40px);height:80px;color:#9ed323}.dash-list{display:flex;align-items:center;background:#fff;border:1px solid #e0e4e2;border-radius:8px;margin-top:12px;padding:12px}.dash-list i{width:27px;height:27px;background:#eaf6d3;border-radius:5px}.dash-list p{margin:0 0 0 10px;flex:1}.dash-list b,.dash-list small{display:block;font-size:8px}.dash-list small{color:#9ba3a3}.dash-list em{font:700 11px Manrope;color:#78a914}.floating-card{position:absolute;background:#fff;color:var(--ink);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.3);display:flex;align-items:center}.card-one{left:-35px;bottom:36px;padding:12px 15px;gap:9px}.card-one>span{background:var(--lime);width:28px;height:28px;display:grid;place-items:center;border-radius:50%}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:9px}.floating-card small{font-size:7px;color:#87908f}.card-two{right:-20px;top:38px;padding:14px 18px;display:block}.card-two b{font:800 22px Manrope}.trust-line{height:86px;border-top:1px solid #263244;position:relative;display:flex;align-items:center;gap:40px;color:#82909f;font-size:11px;text-transform:uppercase;letter-spacing:2px}.trust-line div{height:1px;background:#263244;flex:1}.section{padding:120px 0}.section-head{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:55px}.section-head>div{flex:1}.section-head>p{width:370px;color:var(--muted);margin:0 0 5px}.section h2{font-size:clamp(38px,4vw,54px)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:35px;min-height:310px;position:relative;transition:.25s ease}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card.featured{grid-row:span 2;background:var(--ink);color:#fff;min-height:636px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.service-card.featured:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #2d3949;border-radius:50%;right:-130px;top:-120px;box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012)}.service-number{position:absolute;right:28px;top:24px;font:700 11px Manrope;color:#a7afb0}.icon-box{width:53px;height:53px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;margin-bottom:auto;font:700 17px monospace}.featured .icon-box{background:var(--lime);border-color:var(--lime);color:var(--ink);margin-bottom:28px}.service-card h3{font:700 25px Manrope;margin:18px 0 8px;letter-spacing:-1px}.featured h3{font-size:37px}.service-card p{color:var(--muted);margin:0;max-width:490px}.featured p{color:#aab4c1}.service-card ul{list-style:none;padding:25px 0 0;margin:27px 0 0;border-top:1px solid #2d3949;display:grid;gap:10px;color:#d4dbe2;font-size:13px}.service-card li:before{content:"✓";color:var(--lime);margin-right:10px}.service-card a{margin-top:30px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.case-study{padding:120px 0;background:var(--ink);color:#fff;overflow:hidden}.case-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.case-study h2{font-size:clamp(46px,5vw,65px)}.case-copy>p:not(.eyebrow){color:#aab4c0;margin:28px 0 34px}.case-features{display:grid;gap:6px}.case-features>div{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #263244}.case-features span{font:700 10px Manrope;color:var(--lime)}.case-features p{margin:0}.case-features b,.case-features small{display:block}.case-features b{font-size:13px}.case-features small{color:#707d8d;font-size:10px}.case-panel{position:relative;background:#111e2f;border:1px solid #2b384a;border-radius:25px;padding:55px 34px 22px;box-shadow:0 40px 100px #03070d}.case-panel:after{content:"";position:absolute;width:250px;height:250px;background:rgba(184,242,61,.12);filter:blur(70px);right:-80px;top:-80px}.case-label{position:absolute;left:35px;top:19px;font:800 12px Manrope;letter-spacing:1px}.case-label small{color:var(--lime);margin-left:8px;font-size:6px}.case-window{height:330px;background:#edf0ef;border-radius:10px;overflow:hidden;position:relative;z-index:1}.case-window-bar{height:29px;background:#dce1df;display:flex;gap:4px;align-items:center;padding:0 10px}.case-window-bar span{width:5px;height:5px;border-radius:50%;background:#aeb7b5}.case-window-bar small{color:#8c9695;font-size:6px;margin-left:8px}.case-window-body{display:flex;height:calc(100% - 29px)}.case-nav{width:48px;background:#0b1726;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:16px}.case-nav b{font:800 9px Manrope;background:var(--lime);color:var(--ink);padding:5px}.case-nav i{width:11px;height:11px;border:1px solid #506074;border-radius:2px}.case-main{color:var(--ink);padding:24px;flex:1}.case-main>p{font:700 13px Manrope;margin:0 0 18px}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.case-stats span{padding:12px;background:white;border-radius:6px;border:1px solid #e0e4e2}.case-stats small,.case-stats b{display:block}.case-stats small{font-size:6px;color:#8b9593}.case-stats b{font:700 15px Manrope}.case-table{height:125px;background:#fff;margin-top:12px;border-radius:6px;padding:10px}.case-table b{display:block;height:18px;border-bottom:1px solid #edf0ef}.case-caption{display:flex;justify-content:space-between;padding-top:18px;color:#768394;text-transform:uppercase;letter-spacing:1px;font-size:7px}.case-caption b{color:var(--lime)}.process{background:#fff}.section-head.centered{display:block;text-align:center}.section-head.centered .eyebrow{justify-content:center}.section-head.centered>p{margin:20px auto 0;width:min(560px,100%)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}.steps article{padding:32px 30px 0 0;position:relative}.steps article:before{content:"";position:absolute;width:7px;height:7px;background:var(--lime-dark);border:5px solid #e9f5d5;border-radius:50%;top:-9px}.steps span{font:800 11px Manrope;color:#9fa7a6}.steps h3{font:700 20px Manrope;margin:30px 0 8px}.steps p{font-size:13px;color:var(--muted);margin:0}.seo-content{padding:70px 0;background:#edf0ea}.narrow{max-width:850px;text-align:center}.seo-content h2{font:700 28px Manrope;letter-spacing:-1px;margin:0 0 16px}.seo-content p{color:var(--muted);margin:0}.contact{background:var(--ink);color:#fff;padding:120px 0;position:relative;overflow:hidden}.contact-orb{width:600px;height:600px;border-radius:50%;border:1px solid #223047;position:absolute;right:-190px;top:-210px;box-shadow:0 0 0 80px rgba(255,255,255,.012),0 0 0 160px rgba(255,255,255,.008)}.contact-inner{position:relative}.contact h2{font-size:clamp(46px,5.3vw,70px)}.contact-inner>p:not(.eyebrow){color:#a7b1be;max-width:530px;margin:27px 0 38px}.phone-link{display:inline-grid;grid-template-columns:1fr auto;position:relative;padding:18px 72px 18px 20px;background:var(--lime);color:var(--ink);border-radius:12px}.phone-link small{font-size:9px;text-transform:uppercase;letter-spacing:1px}.phone-link b{grid-column:1;font:800 24px Manrope}.phone-link span{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px}footer{background:#050b14;color:#fff;padding:36px 0}.footer-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.footer-inner>p{color:#778392;font-size:12px}.footer-inner>small{grid-column:1/-1;border-top:1px solid #1d2836;padding-top:20px;color:#556170;font-size:10px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.28s}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding:100px 0 70px}.hero-visual{width:min(600px,95%);margin:auto}.hero{min-height:auto}.section-head,.case-grid{grid-template-columns:1fr;display:grid;gap:35px}.section-head>p{width:auto}.case-grid{gap:55px}.steps{grid-template-columns:1fr 1fr;gap:45px}.service-card.featured{min-height:500px}.trust-line{display:none}}
@media(max-width:680px){.container{width:min(100% - 30px,1160px)}.site-header{position:absolute}.nav-wrap{height:72px}.menu-toggle{display:block;z-index:2}.main-nav{display:none;position:fixed;inset:0;background:var(--ink);flex-direction:column;justify-content:center;font-size:22px}.main-nav.open{display:flex}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:72px}.hero-grid{padding-top:75px;min-height:0}.hero h1{font-size:46px;letter-spacing:-2.3px}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-visual{margin-top:15px;width:100%}.dashboard{height:300px;transform:none}.dash-content{padding:14px}.chart{height:72px;padding:8px}.chart svg{inset:10px;width:calc(100% - 20px);height:52px}.dash-list{display:none}.floating-card{display:none}.section,.case-study,.contact{padding:80px 0}.section h2,.case-study h2,.contact h2{letter-spacing:-2.1px}.service-grid{grid-template-columns:1fr}.service-card.featured{grid-row:auto;min-height:480px}.case-panel{padding:50px 15px 15px}.case-window{height:260px}.case-main{padding:14px}.case-stats{gap:4px}.case-stats span{padding:7px}.steps{grid-template-columns:1fr;gap:35px;border:0}.steps article{border-top:1px solid var(--line)}.footer-inner{grid-template-columns:1fr}.footer-inner>p{margin:0}.footer-inner>small{grid-column:auto}.phone-link{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Refined visual system */
:root{--radius:2px;--shadow:0 16px 38px rgba(8,17,31,.09)}
.button,.nav-cta,.service-card,.icon-box,.phone-link{border-radius:2px}
.service-card{box-shadow:0 8px 26px rgba(8,17,31,.045);border-color:#d4dad3}
.service-card:hover{box-shadow:0 18px 44px rgba(8,17,31,.1);transform:translateY(-3px)}
.service-card.featured{box-shadow:0 20px 48px rgba(8,17,31,.16)}
.dashboard{border-radius:5px;box-shadow:0 34px 78px rgba(0,0,0,.45)}
.metric-row>div,.chart,.dash-list,.case-stats span,.case-table{border-radius:2px}
.section-head{position:relative}.section-head:before{content:"";position:absolute;top:-40px;right:0;width:72px;height:1px;background:var(--lime-dark)}

/* ElkanMax case study */
.case-study{padding:130px 0;background:#07111f;color:#fff;position:relative;overflow:hidden}
.case-study:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black 0,transparent 58%)}
.case-study>.container{position:relative}
.case-intro{display:grid;grid-template-columns:1fr .78fr;gap:100px;align-items:end;margin-bottom:72px}
.case-study h2{font-size:clamp(52px,6vw,78px)}
.case-lead>p{font-size:18px;color:#b4beca;margin:0 0 26px;max-width:560px}
.case-meta{display:flex;gap:8px;flex-wrap:wrap}.case-meta span{border:1px solid #334155;padding:7px 10px;color:#8f9bab;text-transform:uppercase;letter-spacing:1.2px;font-size:9px}
.device-stage{position:relative;padding:60px 58px 90px;background:#0d1929;border:1px solid #263448;box-shadow:0 34px 90px rgba(0,0,0,.32);margin-bottom:120px}
.device-stage:after{content:"";position:absolute;width:310px;height:310px;background:rgba(184,242,61,.08);filter:blur(80px);right:0;bottom:-80px;pointer-events:none}
.stage-index{position:absolute;left:20px;top:18px;font:700 9px Manrope,sans-serif;letter-spacing:1.8px;color:#687789}
.laptop-device{width:88%;margin:0;position:relative;z-index:1}
.laptop-lid{background:#111820;border:2px solid #334151;padding:10px 10px 13px;box-shadow:0 28px 55px rgba(0,0,0,.36);position:relative;border-radius:6px 6px 2px 2px}
.laptop-camera{position:absolute;top:4px;left:50%;width:3px;height:3px;background:#5a6673;border-radius:50%}
.laptop-screen{overflow:hidden;background:#fff;aspect-ratio:1903/942}.laptop-screen img{width:100%;height:100%;display:block;object-fit:cover}
.laptop-base{height:17px;background:linear-gradient(#bdc4ca,#7f8991);margin:-1px -4% 0;clip-path:polygon(3.5% 0,96.5% 0,100% 68%,98% 100%,2% 100%,0 68%);position:relative;box-shadow:0 14px 22px rgba(0,0,0,.28)}
.laptop-base span{display:block;width:12%;height:5px;background:#737d85;margin:auto;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
.phone-device{position:absolute;z-index:3;width:22%;min-width:190px;right:3.2%;bottom:35px;background:#0b1017;border:2px solid #3a4655;padding:9px 6px 12px;margin:0;border-radius:27px;box-shadow:0 28px 65px rgba(0,0,0,.58)}
.phone-speaker{width:31%;height:4px;background:#313b48;margin:0 auto 7px;border-radius:4px}
.phone-screen{overflow:hidden;background:#fff;border-radius:17px;aspect-ratio:400/856}.phone-screen img{display:block;width:100%;height:100%;object-fit:cover}
.device-caption{position:absolute;left:58px;bottom:22px;margin:0;text-transform:uppercase;letter-spacing:2px;color:#778496;font-size:9px;display:flex;align-items:center;gap:10px}.device-caption span{width:25px;height:1px;background:var(--lime)}
.functions-head{display:grid;grid-template-columns:.45fr 1fr;gap:70px;border-top:1px solid #2a3748;padding-top:46px;margin-bottom:45px}.functions-head .eyebrow{margin:6px 0}.functions-head>div{display:grid;grid-template-columns:1fr 1fr;gap:50px}.functions-head h3{font:700 clamp(29px,3vw,42px)/1.1 Manrope,sans-serif;letter-spacing:-1.8px;margin:0}.functions-head>div>p{color:#9eabb9;margin:0}
.function-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a3748;border-left:1px solid #2a3748}
.function-card{min-height:310px;padding:30px;position:relative;border-right:1px solid #2a3748;border-bottom:1px solid #2a3748;background:rgba(255,255,255,.018);transition:.25s ease;box-shadow:0 12px 30px rgba(0,0,0,.05)}
.function-card:hover{background:#101e30;transform:translateY(-3px);box-shadow:0 22px 42px rgba(0,0,0,.22)}
.function-card>span{position:absolute;right:22px;top:18px;color:#5f6e80;font:700 10px Manrope,sans-serif}
.function-icon{width:42px;height:42px;border:1px solid #405066;color:var(--lime);display:grid;place-items:center;font:700 9px Manrope,sans-serif;letter-spacing:1px;margin-bottom:42px;box-shadow:5px 5px 0 rgba(184,242,61,.07)}
.function-card h4{font:700 20px Manrope,sans-serif;letter-spacing:-.6px;margin:0 0 12px}.function-card p{color:#8f9cab;font-size:13px;margin:0}

@media(max-width:900px){.case-intro{grid-template-columns:1fr;gap:28px}.device-stage{padding:55px 22px 100px}.laptop-device{width:94%}.phone-device{width:25%;right:1%;min-width:150px}.functions-head,.functions-head>div{grid-template-columns:1fr}.functions-head{gap:25px}.functions-head>div{gap:18px}.function-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.case-study{padding:85px 0}.case-study h2{font-size:48px}.case-lead>p{font-size:16px}.device-stage{padding:50px 12px 115px;margin-inline:-15px;margin-bottom:80px}.laptop-device{width:100%}.laptop-lid{padding:5px 5px 8px}.laptop-base{height:10px}.phone-device{width:30%;min-width:105px;right:5px;bottom:25px;padding:5px 3px 6px;border-radius:17px}.phone-screen{border-radius:10px}.phone-speaker{height:2px;margin-bottom:4px}.device-caption{left:16px;bottom:20px}.function-grid{grid-template-columns:1fr}.function-card{min-height:260px}.functions-head>div{display:block}.functions-head>div>p{margin-top:18px}}

/* Persistent navigation and reading progress */
.site-header{position:fixed;top:0;left:0;right:0;transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:background-color;z-index:100}
.site-header.scrolled{background:rgba(8,17,31,.9);border-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header.scrolled .nav-wrap{height:68px}.nav-wrap{transition:height .25s ease}
.hero-hello{color:#e2e7ec}.hero-hello span{box-shadow:0 0 12px rgba(184,242,61,.35)}
.scroll-progress{position:fixed;z-index:999;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.12);pointer-events:none;box-shadow:0 -1px 8px rgba(0,0,0,.14)}
.scroll-progress span{display:block;width:var(--scroll-progress,0%);height:100%;background:linear-gradient(90deg,var(--lime-dark),var(--lime));box-shadow:0 0 12px rgba(184,242,61,.55);transition:width .08s linear}
@media(max-width:680px){.site-header{position:fixed}.site-header.scrolled .nav-wrap{height:62px}.scroll-progress{height:4px}}