:root{--off-black:#0b0d0f;--black-soft:#121416;--white:#f5f7f8;--lime:#b8f34a;--gray:#8a9199;--gray-dark:#25292d;--border:#ffffff1a;--font-display:"Orbitron", sans-serif;--font-body:"Montserrat", sans-serif;color:var(--white);background:var(--off-black);font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--off-black);min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}main{overflow:hidden}.section{width:min(1180px,100% - 48px);margin:0 auto;padding:120px 0}.section-header{max-width:720px;margin-bottom:60px}.section-label,.hero-label{color:var(--lime);letter-spacing:.16em;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.section-header h2{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(38px,5vw,64px);line-height:1}.section-header h2 span,.about-content h2 span{color:var(--lime)}.section-header p,.about-content p{color:var(--gray);font-size:17px;line-height:1.7}.header{z-index:10;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:90px;margin:0 auto;display:flex;position:relative}.logo{display:block}.logo img{width:175px;height:auto}.logo span{color:var(--lime)}.nav{align-items:center;gap:32px;display:flex}.nav a,.footer-links a,.footer-contact a{color:var(--gray);font-size:14px;transition:color .2s}.nav a:hover,.footer-links a:hover,.footer-contact a:hover{color:var(--white)}.header-button{border:1px solid var(--lime);color:var(--lime);border-radius:4px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .2s}.header-button:hover{background:var(--lime);color:var(--off-black)}.button{border-radius:4px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--off-black)}.button-primary:hover{background:var(--white)}.button-secondary{border:1px solid var(--border);color:var(--white)}.button-secondary:hover{border-color:var(--lime);color:var(--lime)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;width:min(1180px,100% - 48px);min-height:720px;margin:0 auto;display:grid;position:relative}.hero-content{z-index:2;position:relative}.hero h1{letter-spacing:-.065em;max-width:760px;margin-bottom:28px;font-size:clamp(54px,7vw,92px);line-height:.92}.hero h1 span{color:var(--lime)}.hero p{max-width:610px;color:var(--gray);margin-bottom:36px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{min-height:430px;position:relative}.visual-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121416e6;width:240px;padding:22px;position:absolute}.visual-card span{color:var(--lime);letter-spacing:.14em;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.visual-card strong{font-size:18px}.card-one{top:30px;left:20px}.card-two{top:170px;right:0}.card-three{bottom:30px;left:60px}.visual-line{background:var(--lime);opacity:.4;height:1px;position:absolute}.line-one{width:150px;top:145px;left:190px;transform:rotate(28deg)}.line-two{width:140px;top:285px;left:170px;transform:rotate(-25deg)}.problem{border-top:1px solid var(--border)}.problem-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.problem-card{border:1px solid var(--border);background:var(--black-soft);min-height:260px;padding:28px;transition:transform .2s,border-color .2s}.problem-card:hover{border-color:#b8f34a80;transform:translateY(-5px)}.card-number{color:var(--lime);margin-bottom:70px;font-size:12px;font-weight:700;display:block}.problem-card h3{margin-bottom:12px;font-size:20px}.problem-card p{color:var(--gray);font-size:14px;line-height:1.6}.solutions{background:var(--black-soft);width:100%;padding-left:max(24px,50% - 590px);padding-right:max(24px,50% - 590px)}.solutions-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.solution-card{border:1px solid var(--border);background:var(--off-black);padding:42px}.solution-top{color:var(--lime);letter-spacing:.12em;justify-content:space-between;margin-bottom:80px;font-size:11px;font-weight:700;display:flex}.solution-card h3{letter-spacing:-.04em;max-width:500px;margin-bottom:20px;font-size:38px;line-height:1}.solution-card>p{max-width:500px;color:var(--gray);margin-bottom:30px;line-height:1.7}.solution-card ul{list-style:none}.solution-card li{border-top:1px solid var(--border);color:var(--white);padding:12px 0;font-size:14px}.solution-card li:before{content:"→";color:var(--lime);margin-right:10px}.process-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.process-card{border-top:1px solid var(--lime);padding:30px}.process-number{color:var(--lime);margin-bottom:60px;font-size:12px;font-weight:700;display:block}.process-card h3{margin-bottom:15px;font-size:22px}.process-card p{color:var(--gray);font-size:14px;line-height:1.7}.about{border-top:1px solid var(--border);grid-template-columns:1fr .8fr;align-items:center;gap:100px;display:grid}.about-content h2{letter-spacing:-.05em;margin-bottom:28px;font-size:clamp(42px,5vw,64px);line-height:.98}.about-content p{max-width:650px;margin-bottom:18px}.about-highlight{border:1px solid var(--border);background:var(--black-soft);flex-direction:column;justify-content:center;min-height:380px;padding:40px;display:flex}.about-highlight span{color:var(--lime);letter-spacing:.15em;margin-bottom:40px;font-size:14px;font-weight:700}.about-highlight strong{letter-spacing:-.04em;font-size:clamp(30px,4vw,48px);line-height:1.1}.about-highlight strong:nth-of-type(2){color:var(--lime)}.cta{text-align:center}.cta-content{border:1px solid var(--border);background:var(--black-soft);max-width:850px;margin:0 auto;padding:90px 40px}.cta h2{letter-spacing:-.05em;margin-bottom:24px;font-size:clamp(42px,5vw,68px);line-height:.98}.cta h2 span{color:var(--lime)}.cta p{max-width:620px;color:var(--gray);margin:0 auto 32px;line-height:1.7}.footer{border-top:1px solid var(--border);padding:60px max(24px,50% - 590px) 30px}.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:60px;display:grid}.footer-brand p{max-width:330px;color:var(--gray);margin-top:20px;font-size:14px;line-height:1.7}.footer-links,.footer-contact{flex-direction:column;gap:15px;display:flex}.footer-bottom{border-top:1px solid var(--border);color:var(--gray);justify-content:space-between;padding-top:25px;font-size:12px;display:flex}.brands{border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:min(1180px,100% - 48px);margin:0 auto;padding:80px 0}.brands-header{max-width:700px;margin-bottom:50px}.brands-header h2{letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(36px,5vw,58px);line-height:1}.brands-header p{max-width:600px;color:var(--gray);font-size:16px;line-height:1.7}.brands-grid{justify-content:space-between;align-items:center;gap:20px;padding:65px 0 35px;display:flex}.brand-item img{object-fit:contain;opacity:1;filter:none;width:100%;max-width:280px;height:120px;transition:opacity .25s,transform .25s}.brand-item:hover img{opacity:1;transform:translateY(-3px)}@media (width<=900px){.nav{display:none}.hero{grid-template-columns:1fr;padding:80px 0}.hero-visual{min-height:350px}.problem-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:50px}.footer-top{grid-template-columns:1fr 1fr}}@media (width<=600px){.brands{width:calc(100% - 32px)}.brands-grid{grid-template-columns:repeat(2,1fr);gap:20px 10px;padding:35px 0 10px;display:grid}.brand-item{justify-content:center;align-items:center;min-height:110px;padding:10px;display:flex}.brand-item img{object-fit:contain;width:100%;max-width:170px;height:80px}.section{width:min(100% - 32px,1180px);padding:80px 0}.header{width:calc(100% - 32px)}.logo img{width:135px;height:auto}.header-button{padding:10px 13px;font-size:11px}.hero{width:calc(100% - 32px);min-height:auto;padding:80px 0}.hero h1{font-size:58px}.hero p{font-size:16px}.hero-visual{min-height:330px}.visual-card{width:190px}.card-one{left:0}.card-two{right:0}.card-three{left:30px}.problem-grid,.solutions-grid,.process-grid{grid-template-columns:1fr}.solution-card{padding:28px}.solution-card h3{font-size:32px}.about-highlight{min-height:300px}.cta-content{padding:60px 24px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:10px}}
