@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#fff;--bg-2:#f8fafc;--bg-3:#f1f5f9;--panel:#fff;--panel-2:#f8fafc;--line:#e2e8f0;--line-2:#cbd5e1;--muted:#475569;--text:#0f172a;--cyan:#0ea5e9;--cyan-2:#0284c7;--purple:#7c3aed;--purple-2:#6d28d9;--radius:14px;--shadow:0 12px 40px #0f172a14;--shadow-lg:0 24px 60px #0f172a1f;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a,button{transition:color .2s,background-color .2s,border-color .2s,transform .2s,box-shadow .2s}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.container{width:min(1180px,100% - 48px);margin:auto}.nav{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffe6;height:92px;position:sticky;top:0}.nav-inner{align-items:center;gap:32px;height:100%;display:flex}.brand{background:0 0;border:0;align-items:center;padding:0;display:flex}.brand-logo{background:0 0;border-radius:8px;width:auto;height:64px;transition:transform .2s;display:block}.brand:hover .brand-logo{transform:scale(1.02)}.nav-links{gap:28px;margin:auto;display:flex}.nav-links button{color:var(--muted);padding:6px 0;font-size:14px;font-weight:600;position:relative}.nav-links button:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-links button:hover,.nav-links button:first-child{color:var(--text)}.nav-links button:hover:after,.nav-links button:first-child:after{width:100%}.nav-cta,.primary{background:linear-gradient(135deg, var(--cyan-2) 0%, var(--purple-2) 100%);color:#fff;border:0;border-radius:12px;align-items:center;gap:9px;padding:12px 22px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #0ea5e938}.primary:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0ea5e952}.secondary{border:1px solid var(--line-2);color:var(--text);background:#ffffffb3;border-radius:12px;padding:11px 22px;font-size:14px;font-weight:600}.secondary:hover{border-color:var(--cyan);color:var(--cyan-2);background:#fff}.menu{color:var(--text);background:#0f172a0d;border-radius:8px;padding:6px;display:none}.menu:hover{background:#0f172a1a}.hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f0f9ff 0%,#fff 50%,#faf5ff 100%);min-height:620px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230ea5e9' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1fr 1.12fr;align-items:center;gap:48px;min-height:620px;display:grid;position:relative}.hero-copy{padding:100px 0}.eyebrow{letter-spacing:2.5px;color:var(--cyan-2);text-transform:uppercase;background:#0ea5e914;border:1px solid #0ea5e92e;border-radius:999px;margin-bottom:18px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2.8px;max-width:720px;margin:0 0 24px;font-size:clamp(44px,5.2vw,66px);line-height:1.04}.hero h1 span,h2 span{background:linear-gradient(90deg, var(--cyan-2) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:560px;margin:0 0 30px;font-size:17px;line-height:1.65}.actions{flex-wrap:wrap;gap:16px;display:flex}.hero-art{width:100%;max-width:560px;height:440px;box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:20px;justify-self:center;position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:center;filter:saturate(.7)brightness(1.05);width:100%;height:100%;display:block}.hero-art:after{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#0f172a40 0%,#0000 50%),radial-gradient(at 80% 90%,#0f172a59 0%,#0000 50%);position:absolute;inset:0}.art-label{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:2;background:#030814b8;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:600;animation:5s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #0003}.art-label svg{color:var(--cyan);width:18px;height:18px}.label-a{animation-delay:0s;top:16%;right:4%}.label-b{animation-delay:.8s;top:38%;right:0}.label-c{animation-delay:1.6s;top:58%;right:5%}.label-d{animation-delay:2.4s;top:78%;right:2%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.values{background:var(--bg-2);border-bottom:1px solid var(--line)}.value-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.value{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.value:hover{box-shadow:var(--shadow-lg);border-color:#0ea5e940;transform:translateY(-5px)}.value .icon{width:52px;height:52px;color:var(--cyan-2);background:#0ea5e914;border:1px solid #0ea5e933;border-radius:14px;place-items:center;margin:0 auto 18px;display:grid}.value h3{color:var(--text);margin:0 0 10px;font-size:18px}.value p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.section{padding:100px 0}.section-head{grid-template-columns:1fr .85fr;align-items:end;gap:60px;margin-bottom:44px;display:grid}.section h2,.contact h2{letter-spacing:-1.6px;margin:0;font-size:clamp(32px,4vw,44px);line-height:1.1}.section-head p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.solution-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.solution{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:260px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.solution:hover{box-shadow:var(--shadow-lg);border-color:#0ea5e959;transform:translateY(-6px)}.solution .icon{width:48px;height:48px;color:var(--cyan-2);background:#0ea5e914;border:1px solid #0ea5e933;border-radius:12px;place-items:center;display:grid}.solution h3{color:var(--text);margin:22px 0 10px;font-size:18px}.solution p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}.solution>button{width:34px;height:34px;color:var(--cyan-2);background:#0ea5e914;border:1px solid #0ea5e933;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid;position:absolute;bottom:18px;right:20px}.solution:hover>button{background:#0ea5e929;transform:translate(3px)}.industries{background:var(--bg-2)}.industry-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.industry{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background-color:#081021;background-position:50%;background-size:cover;align-items:flex-end;height:260px;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.industry:hover{box-shadow:var(--shadow-lg);border-color:#7c3aed4d;transform:translateY(-5px)}.industry-0{background:linear-gradient(#fff 0%,#f0f9ff 100%)}.industry-1{background:linear-gradient(#fff 0%,#f5f3ff 100%)}.industry-2{background:linear-gradient(#fff 0%,#eff6ff 100%)}.industry-3{background:linear-gradient(#fff 0%,#f8fafc 100%)}.industry-4{background:linear-gradient(#fff 0%,#f1f5f9 100%)}.industry-overlay{pointer-events:none;background:linear-gradient(#03081426 0%,#03081480 55%,#030814eb 100%);position:absolute;inset:0}.industry>div:last-of-type{z-index:1;position:relative}.industry span{color:#fff;font-size:15px;font-weight:700;display:block}.industry small{color:#fffc;margin-top:6px;font-size:12px;line-height:1.45;display:block}.industry>svg{color:var(--cyan);z-index:1;width:20px;height:20px;position:absolute;bottom:18px;right:16px}.approach{background:var(--bg)}.steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.step{text-align:center;position:relative}.step-line{z-index:0;background:linear-gradient(90deg,#0000,#0ea5e959,#0000);width:90%;height:1px;position:absolute;top:30px;left:55%}.step:last-child .step-line{display:none}.step-icon{z-index:1;width:60px;height:60px;color:var(--cyan-2);background:linear-gradient(135deg,#0ea5e914 0%,#7c3aed14 100%);border:1px solid #0ea5e940;border-radius:50%;place-items:center;margin:auto;display:grid;position:relative}.step-number{color:var(--muted);letter-spacing:1px;margin-top:14px;font-size:11px}.step h3{color:var(--text);margin:6px 0 4px;font-size:17px}.step p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.case{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0}.case-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.case h2{letter-spacing:-1.2px;margin:0 0 14px;font-size:clamp(28px,3.4vw,38px)}.case p{color:var(--muted);max-width:560px;margin:0 0 22px;line-height:1.65}.link-btn{color:var(--cyan-2);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;display:inline-flex}.link-btn:hover{color:var(--purple-2)}.case-metrics{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(3,1fr);padding:32px;display:grid}.case-metrics div{text-align:center;border-right:1px solid var(--line)}.case-metrics div:last-child{border:0}.case-metrics strong{background:linear-gradient(90deg, var(--cyan-2) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:30px;font-weight:800;display:block}.case-metrics span{color:var(--muted);font-size:12px}.about{background:var(--bg)}.about-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.about p{color:var(--muted);font-size:17px;line-height:1.7}.pill-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pill-row span{border:1px solid var(--line-2);color:var(--text);background:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:500}.contact{background:var(--bg-2);border-top:1px solid var(--line);padding:100px 0}.contact-inner{grid-template-columns:1fr 1fr;gap:80px;display:grid}.contact h2{max-width:620px}.contact p{color:var(--muted);max-width:560px;line-height:1.65}.contact form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:28px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:13px 15px;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#94a3b8}input:hover,textarea:hover{border-color:var(--line-2)}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #0ea5e91f}textarea{resize:vertical;min-height:130px;margin:12px 0 16px}.contact .primary{justify-content:center;width:100%}.success{color:#15803d;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}footer{border-top:1px solid var(--line);background:var(--bg-2);padding:28px 0}.footer-inner{color:var(--muted);align-items:center;gap:20px;font-size:12px;display:flex}.footer-inner .brand{color:var(--text);margin-right:auto}.footer-inner .brand-logo{border-radius:6px;height:48px;padding:0}.footer-inner button{color:var(--muted);background:0 0;border:0;font-size:12px;font-weight:500}.footer-inner button:hover{color:var(--text)}@media (width<=1024px){.nav-links{gap:20px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:80px 0 30px}.hero-art{max-width:680px;height:400px;margin:0 auto}.solution-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step-line{display:none}.section-head{grid-template-columns:1fr;gap:16px}.contact-inner,.case-inner,.about-grid{grid-template-columns:1fr;gap:40px}}@media (width<=700px){.container{width:min(100% - 32px,1180px)}.nav{height:76px}.brand-logo{height:52px}.nav-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff5;flex-direction:column;gap:8px;margin:0;padding:18px;display:none;position:absolute;top:68px;left:0;right:0}.nav-links.open{display:flex}.nav-links button{text-align:left;width:100%;padding:10px 0;font-size:15px}.nav-cta{display:none}.menu{margin-left:auto;display:block}.hero h1{letter-spacing:-1.5px;font-size:40px}.hero-grid{min-height:auto}.hero-art{height:300px}.art-label{padding:8px 10px;font-size:11px}.label-a{top:8%;right:2%}.label-b{top:30%;right:0}.label-c{top:52%;right:2%}.label-d{top:74%;right:0}.value-grid{grid-template-columns:1fr;gap:18px}.section{padding:70px 0}.section h2,.contact h2{font-size:30px}.solution-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}.industry{height:180px}.steps{grid-template-columns:1fr;gap:32px}.case-metrics{grid-template-columns:1fr;padding:20px}.case-metrics div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.case-metrics div:last-child{border:0}.form-row{grid-template-columns:1fr}.footer-inner{text-align:center;flex-wrap:wrap;justify-content:center}.footer-inner .brand{justify-content:center;width:100%;margin:0}}
