html{scroll-behavior:smooth}:root{--bg:#0a0a0a;--bg2:#111;--bg3:#181818;--border:#ffffff14;--border2:#ffffff0d;--green:#22c55e;--green2:#16a34a;--green-dim:#22c55e1f;--white:#fff;--gray:#a1a1aa;--gray2:#71717a;--text:#f4f4f5;--nav-bg:#0a0a0ad9;--shadow-color:#0009}html.light{--bg:#fff;--bg2:#fff;--bg3:#f0fdf4;--border:#22c55e26;--border2:#22c55e14;--green:#22c55e;--green2:#16a34a;--green-dim:#22c55e14;--white:#111827;--gray:#374151;--gray2:#6b7280;--text:#111827;--nav-bg:#fffffff2;--shadow-color:#22c55e1a}html.light nav{background:var(--nav-bg);border-bottom:1px solid #22c55e26}html.light .nav-logo{color:#111827}html.light .nav-links a{color:#374151}html.light .nav-links a:hover{color:#111827}html.light .btn-ghost{color:#374151;background:0 0;border-color:#22c55e40}html.light .btn-ghost:hover{color:#111827;border-color:var(--green)}html.light h1.hero-h1{color:#111827}html.light .hero-sub{color:#374151}html.light .hero-trust{color:#6b7280}html.light .btn-outline-lg{color:#374151;border-color:#22c55e4d}html.light .btn-outline-lg:hover{color:#111827;border-color:var(--green)}html.light #hero:before{background:radial-gradient(#22c55e1f 0%,#0000 65%)}html.light .hero-mockup{background:#fff;border-color:#22c55e33;box-shadow:0 40px 80px #22c55e14,0 0 0 1px #22c55e1a}html.light .mockup-bar{background:#f0fdf4;border-bottom-color:#22c55e1f}html.light .mockup-url{color:#6b7280;background:#fff;border-color:#22c55e26}html.light .mockup-stat{background:#f0fdf4;border-color:#22c55e1f}html.light .mockup-stat-label{color:#6b7280}html.light .mockup-stat-val{color:#111827}html.light .mockup-stat-sub{color:var(--green)}html.light .mockup-chart{background:#f0fdf4;border-color:#22c55e1f}html.light .bar{background:#22c55e26}html.light .bar.active{background:var(--green)}html.light .bar-lbl{color:#6b7280}html.light .hero-stats{background:#fff;border-color:#22c55e26}html.light .hstat{border-right-color:#22c55e26}html.light .hstat-val{color:#111827}html.light .hstat-label{color:#6b7280}html.light .section-label{color:var(--green)}html.light .sh2{color:#111827}html.light .s-sub{color:#374151}html.light .services-list{border-color:#22c55e26}html.light .svc-row{border-bottom-color:#22c55e1f}html.light .svc-row:hover{background:#f0fdf4}html.light .svc-num{color:var(--green)}html.light .svc-name{color:#111827}html.light .svc-desc{color:#374151}html.light .svc-tag{color:#6b7280;border-color:#22c55e26}html.light .svc-row:hover .svc-tag{color:var(--green);border-color:#22c55e66}html.light .steps-grid{background:#22c55e1a}html.light .step{background:#fff}html.light .step-num{color:var(--green)}html.light .step-icon{background:#22c55e14;border-color:#22c55e33}html.light h3.step-title{color:#111827}html.light .step-desc{color:#374151}html.light .wcard{background:#fff;border-color:#22c55e26}html.light .wcard-type{color:#6b7280}html.light .wcard-name{color:#111827}html.light .wcard-desc{color:#374151}html.light .wv-a{background:linear-gradient(135deg,#052e16 0%,#064e1e 100%)}html.light .wv-b{background:linear-gradient(135deg,#0a1628 0%,#0d1f3a 100%)}html.light .wv-c{background:linear-gradient(135deg,#1a0a0a 0%,#2a1010 100%)}html.light .wv-d{background:linear-gradient(135deg,#0a1a1a 0%,#0d2828 100%)}html.light .about-body{color:#374151}html.light .about-stats{background:#22c55e14}html.light .a-stat{background:#f0fdf4}html.light .a-stat-val{color:#111827}html.light .a-stat-val span{color:var(--green)}html.light .a-stat-label{color:#6b7280}html.light .values-list li{color:#374151;border-bottom-color:#22c55e1f}html.light .about-right-visual{background:#f0fdf4;border-color:#22c55e26}html.light .mini-row{background:#fff;border-color:#22c55e1f}html.light .mini-label{color:#374151}html.light .mini-val{color:#111827}html.light .mini-change{color:var(--green)}html.light .progress-bar-bg{background:#22c55e1a}html.light #contact{border-top-color:#22c55e26!important}html.light .ci-label{color:#6b7280}html.light .ci-val{color:#111827}html.light .contact-info-item{border-bottom-color:#22c55e1f}html.light .contact-form{background:#fff;border-color:#22c55e26}html.light .form-title{color:#111827}html.light .fg label{color:#6b7280}html.light .fg input,html.light .fg textarea,html.light .fg select{color:#111827;background:#f0fdf4;border-color:#22c55e26}html.light .fg input::placeholder,html.light .fg textarea::placeholder{color:#9ca3af}html.light .fg select option{color:#111827;background:#fff}html.light .form-success p{color:#111827}html.light .form-success span{color:#6b7280}html.light .form-success .check{border-color:var(--green);background:#22c55e14}html.light footer{background:#fff;border-top-color:#22c55e26}html.light .footer-top{border-bottom-color:#22c55e1f}html.light .footer-brand-name{color:#111827}html.light .footer-tagline{color:#374151}html.light .footer-col-title{color:#111827}html.light .footer-links a{color:#374151}html.light .footer-links a:hover{color:var(--green)}html.light .footer-copy,html.light .footer-legal a{color:#6b7280}html.light .footer-legal a:hover{color:#374151}.theme-toggle{background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:100px;flex-shrink:0;align-items:center;width:52px;height:28px;padding:3px;transition:all .3s;display:flex;position:relative}.theme-toggle:hover{border-color:var(--green)}.toggle-thumb{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;display:flex;box-shadow:0 0 8px #22c55e66}html.light .toggle-thumb{transform:translate(24px)}body,nav,section,footer,.wcard,.step,.svc-row,.about-right-visual,.mini-row,.mockup-stat,.mockup-chart,.contact-form,.fg input,.fg textarea,.fg select,.hero-stats,.services-list,.a-stat{transition:background .3s,border-color .3s,color .3s,box-shadow .3s}body.landing-page-body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}nav{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0ad9;justify-content:space-between;align-items:center;height:64px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--white);letter-spacing:-.02em;font-size:18px;font-weight:800;font-family:var(--font-arista),sans-serif;align-items:center;gap:8px;text-decoration:none;display:flex}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--gray);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-btns{align-items:center;gap:10px;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--white);background:0 0;border:none;padding:4px;display:none}.mobile-only-btn{display:none}.btn-ghost{color:var(--gray);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.btn-ghost:hover{color:var(--white);border-color:#fff3}.btn-green{background:var(--green);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:#fff!important}.btn-green:hover{background:#4ade80;transform:translateY(-1px);box-shadow:0 8px 24px #22c55e4d}#hero{text-align:center;padding:140px 5% 64px;position:relative;overflow:hidden}#hero:before{content:"";pointer-events:none;background:radial-gradient(#22c55e1a 0%,#0000 65%);width:900px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-badge{background:var(--green-dim);color:var(--green);letter-spacing:.02em;border:1px solid #22c55e40;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}h1.hero-h1{letter-spacing:-.04em;color:var(--white);margin-bottom:24px;font-size:clamp(44px,7vw,88px);font-weight:900;line-height:1}h1.hero-h1 .green{color:var(--green)}.hero-sub{color:var(--gray);max-width:560px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.7}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:flex}.btn-green-lg{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-green-lg:hover{background:#4ade80;transform:translateY(-2px);box-shadow:0 16px 40px #22c55e59}.btn-outline-lg{color:var(--gray);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s}.btn-outline-lg:hover{color:var(--white);border-color:#ffffff40}.hero-trust{color:var(--gray2);letter-spacing:.02em;margin-bottom:64px;font-size:13px}.hero-trust span{color:var(--green);font-weight:600}.hero-mockup{border:1px solid var(--border);max-width:900px;box-shadow:0 40px 100px #0009,0 0 0 1px var(--border2);background:var(--bg2);border-radius:16px;margin:0 auto;position:relative;overflow:hidden}.mockup-bar{background:var(--bg3);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 20px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-dot.r{background:#ff5f57}.mockup-dot.y{background:#ffbd2e}.mockup-dot.g{background:#28c840}.mockup-url{background:var(--bg);border:1px solid var(--border);color:var(--gray2);border-radius:6px;flex:1;max-width:300px;margin-left:12px;padding:5px 14px;font-size:12px}.mockup-body{grid-template-columns:1fr 1fr 1fr;gap:16px;padding:40px 48px;display:grid}.mockup-stat{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:24px}.mockup-stat-label{color:var(--gray2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:500}.mockup-stat-val{color:var(--white);letter-spacing:-.02em;font-size:28px;font-weight:800}.mockup-stat-sub{color:var(--green);margin-top:4px;font-size:11px;font-weight:500}.mockup-chart{background:var(--bg3);border:1px solid var(--border);border-radius:12px;grid-column:1/-1;align-items:flex-end;gap:8px;height:160px;padding:24px;display:flex;overflow:hidden}.bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar{background:#22c55e33;border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:background .2s}.bar.active{background:var(--green)}.bar-lbl{color:var(--gray2);font-size:9px}.hero-stats{background:var(--bg2);border:1px solid var(--border);border-radius:12px;justify-content:center;gap:0;max-width:640px;margin:40px auto 0;display:flex;overflow:hidden}.hstat{text-align:center;border-right:1px solid var(--border);flex:1;padding:20px}.hstat:last-child{border-right:none}.hstat-val{color:var(--white);letter-spacing:-.02em;font-size:22px;font-weight:800}.hstat-label{color:var(--gray2);margin-top:2px;font-size:11px}.section{padding:64px 5%}.section-label{color:var(--green);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--green);border-radius:2px;width:20px;height:2px}h2.sh2{letter-spacing:-.03em;color:var(--white);margin-bottom:16px;font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.1}.s-sub{color:var(--gray);max-width:520px;margin-bottom:64px;font-size:16px;line-height:1.7}#services{background:var(--bg)}.services-intro{text-align:center;max-width:680px;margin:0 auto 64px}.services-intro .s-sub{margin:0 auto}.services-list{border:1px solid var(--border);border-radius:16px;flex-direction:column;max-width:900px;margin:0 auto;display:flex;overflow:hidden}.svc-row{border-bottom:1px solid var(--border);cursor:default;grid-template-columns:56px 1fr auto;align-items:center;gap:24px;padding:32px 40px;transition:background .2s;display:grid}.svc-row:last-child{border-bottom:none}.svc-row:hover{background:var(--bg2)}.svc-num{color:var(--green);font-variant-numeric:tabular-nums;opacity:.7;font-size:12px;font-weight:700}.svc-name{color:var(--white);letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:700}.svc-desc{color:var(--gray);font-size:14px;line-height:1.6}.svc-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:300px;display:flex}.svc-tag{color:var(--gray2);border:1px solid var(--border);border-radius:100px;padding:4px 12px;font-size:11px;font-weight:500;transition:all .2s}.svc-row:hover .svc-tag{color:var(--green);border-color:#22c55e4d}#how{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.steps-grid{background:var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:2px;max-width:960px;margin:0 auto;display:grid;overflow:hidden}.step{background:var(--bg2);padding:48px 40px;position:relative}.step-num{color:var(--green);letter-spacing:.1em;margin-bottom:24px;font-size:11px;font-weight:700;display:block}.step-icon{background:var(--green-dim);border:1px solid #22c55e33;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:20px;display:flex}h3.step-title{color:var(--white);letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:700}.step-desc{color:var(--gray);font-size:14px;line-height:1.7}#work{background:var(--bg)}.work-intro{max-width:640px;margin-bottom:56px}.work-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.wcard{background:var(--bg2);border:1px solid var(--border);border-radius:16px;transition:all .25s;overflow:hidden}.wcard:hover{border-color:#22c55e4d;transform:translateY(-4px);box-shadow:0 24px 60px #0006}.wcard-visual{justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.wv-a{background:linear-gradient(135deg,#0f1a0f 0%,#0a1a14 100%)}.wv-b{background:linear-gradient(135deg,#0f0f1a 0%,#0a0f1a 100%)}.wv-c{background:linear-gradient(135deg,#1a0f0f 0%,#1a0a0f 100%)}.wv-d{background:linear-gradient(135deg,#0f1a1a 0%,#0a1418 100%)}.wcard-badge{background:var(--green-dim);color:var(--green);border:1px solid #22c55e40;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:16px;left:16px}.wcard-info{padding:28px}.wcard-type{color:var(--gray2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px}.wcard-name{color:var(--white);letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:700}.wcard-desc{color:var(--gray);font-size:13px;line-height:1.6}#about{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1100px;margin:0 auto;display:grid}.about-left h2{font-size:clamp(32px,4vw,52px)}.about-body{color:var(--gray);margin-bottom:32px;font-size:16px;line-height:1.8}.about-stats{background:var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:36px;display:grid;overflow:hidden}.a-stat{background:var(--bg3);padding:24px}.a-stat-val{color:var(--white);letter-spacing:-.03em;font-size:36px;font-weight:800}.a-stat-val span{color:var(--green)}.a-stat-label{color:var(--gray2);margin-top:4px;font-size:12px}.values-list{list-style:none}.values-list li{border-bottom:1px solid var(--border);color:var(--gray);align-items:flex-start;gap:12px;padding:14px 0;font-size:14px;display:flex}.values-list li:last-child{border-bottom:none}.values-list li:before{content:"✓";color:var(--green);flex-shrink:0;margin-top:1px;font-weight:700}.about-right-visual{background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:32px;overflow:hidden}.mini-dashboard{flex-direction:column;gap:16px;display:flex}.mini-row{background:var(--bg2);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mini-label{color:var(--gray);font-size:13px}.mini-val{color:var(--white);letter-spacing:-.02em;font-size:18px;font-weight:700}.mini-change{color:var(--green);font-size:12px;font-weight:600}.progress-wrap{margin-top:4px}.progress-bar-bg{background:var(--bg);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.progress-bar-fill{background:var(--green);border-radius:2px;height:100%}#contact{background:var(--bg)}.contact-wrap{grid-template-columns:1fr 1.4fr;align-items:start;gap:64px;max-width:960px;margin:0 auto;display:grid}.contact-info-item{border-bottom:1px solid var(--border);padding:20px 0}.contact-info-item:last-child{border-bottom:none}.ci-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray2);margin-bottom:6px;font-size:11px}.ci-val{color:var(--white);font-size:15px;font-weight:500}.contact-form{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:40px}.form-title{color:var(--white);letter-spacing:-.02em;margin-bottom:28px;font-size:20px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fg{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.fg label{color:var(--gray2);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.fg input,.fg textarea,.fg select{background:var(--bg3);border:1px solid var(--border);color:var(--white);resize:none;border-radius:10px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:#22c55e66}.fg input::placeholder,.fg textarea::placeholder{color:var(--gray2)}.fg select option{background:var(--bg3)}.send-btn{background:var(--green);width:100%;color:var(--white);cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;margin-top:4px;padding:14px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.send-btn:hover{background:#4ade80;box-shadow:0 8px 24px #22c55e4d}.form-success{text-align:center;padding:48px 0;display:none}.form-success .check{background:var(--green-dim);border:2px solid var(--green);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;display:flex}.form-success p{color:var(--white);margin-bottom:8px;font-size:18px;font-weight:700}.form-success span{color:var(--gray);font-size:13px}footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 5% 32px}.footer-top{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:32px;padding-bottom:48px;display:grid}.footer-brand-name{color:var(--white);letter-spacing:-.02em;font-size:20px;font-weight:800;font-family:var(--font-arista),sans-serif;align-items:center;gap:8px;margin-bottom:12px;display:flex}.fdot{background:var(--green);border-radius:50%;width:8px;height:8px}.footer-tagline{color:var(--gray);max-width:280px;margin-bottom:24px;font-size:14px;line-height:1.7}.footer-wa{color:#25d366;background:#25d3661a;border:1px solid #25d36633;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.footer-wa:hover{background:#25d3662e}.footer-col-title{text-transform:uppercase;letter-spacing:.1em;color:var(--white);margin-bottom:20px;font-size:12px;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--gray);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--green)}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--gray2);font-size:13px}.footer-legal{gap:20px;display:flex}.footer-legal a{color:var(--gray2);font-size:12px;text-decoration:none}.footer-legal a:hover{color:var(--gray)}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.reveal.in{opacity:1;transform:none}@media (max-width:900px){.nav-links{background:var(--nav-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:24px 5%;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.active{gap:16px;display:flex}.nav-links a{padding:8px 0;font-size:16px}.mobile-only-btn{margin-top:8px;display:block}.desktop-only-btn{display:none!important}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.mockup-body{grid-template-columns:1fr 1fr;padding:24px}.steps-grid,.work-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:48px}.contact-wrap{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.svc-row{grid-template-columns:48px 1fr;padding:24px}.svc-tags{display:none}.form-row{grid-template-columns:1fr}.contact-form{padding:24px}}