/* SOLVEX SOFTWARE LABS · Public website design language 2026
   Premium treatment of the original design. No external JS dependencies. */
.site{
  --ground:#f3f7fb;--paper:#ffffff;--panel:#e9f3f8;--ink:#092039;
  --ink-soft:#50647b;--line:#d7e3ed;--green:#087e68;--green-deep:#065e54;
  --green-night:#052f37;--navy:#081b30;--mint:#60f4bd;--mint-soft:#b3f4db;
  --f-display:'Hanken Grotesk',system-ui,sans-serif;
}
.site .page{background:radial-gradient(ellipse 750px 430px at 99% 3%,rgba(94,177,211,.15),transparent 75%),var(--ground)}
.site .page>.panel{display:none}
.site .wrap{max-width:1384px;padding-inline:clamp(18px,4.5vw,72px)}
.site .nav{padding-block:22px;gap:26px}
.site .brand{font-weight:800;letter-spacing:.11em;font-size:26px}
.site .brand svg{width:39px;height:39px}
.site .links{gap:clamp(14px,1.9vw,27px);font-size:14px;color:#40536a}
.site .links a{font-weight:700}
.site .btn-ring{font-size:13px;font-weight:800;letter-spacing:.012em;padding:12px 20px;border-radius:14px;outline:none;box-shadow:0 10px 23px -11px rgba(6,113,91,.65)}
.site .nav-client{font-size:13px}
.site .hero{--w:unset;--visw:unset;position:relative;isolation:isolate;min-height:690px;display:block;overflow:hidden;border-radius:36px;background:radial-gradient(ellipse 630px 550px at 89% 39%,rgba(26,181,158,.30),transparent 78%),radial-gradient(ellipse 780px 550px at 52% 100%,rgba(40,101,164,.19),transparent 73%),linear-gradient(130deg,#061a2b,#0c293a 55%,#061a30);color:#f3fdff;padding:clamp(40px,5vw,72px) clamp(26px,5.4vw,70px) 44px;margin-top:8px;border:1px solid #1f4c60;box-shadow:0 40px 75px -48px rgba(3,32,67,.8)}
.site .hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(153,243,225,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(153,243,225,.085) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 18%,black 100%)}
.site .hero::after{content:'';position:absolute;inset:auto -100px -230px auto;width:580px;height:580px;border:1px solid rgba(153,243,225,.17);border-radius:50%;pointer-events:none}
.site .copy{width:min(62%,690px);z-index:2;display:block;position:relative}
.site .hero-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(135,252,204,.27);background:rgba(36,161,151,.12);border-radius:100px;padding:9px 13px;color:#b6efdf;font-weight:750;letter-spacing:.18em;font-size:10px;margin:0 0 24px}
.site .hero-chip span{height:7px;width:7px;border-radius:50%;background:#69f6bd;box-shadow:0 0 12px #69f6bd}
.site .hero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(3rem,5.2vw,5.3rem);letter-spacing:-.08em;line-height:.99;max-width:none;text-wrap:balance}
.site .hero h1 .accent{color:#68ecc3}
.site .hero .lead{max-width:540px;font-size:clamp(1rem,1.3vw,1.2rem);color:#bbd2de;line-height:1.68;margin-top:25px}
.site .cta-row{gap:16px 25px;margin-top:27px}
.site .btn-main{background:linear-gradient(135deg,#6df8c0,#38d6b4);color:#062c37;border-radius:14px;font-size:14px;font-weight:800;padding:16px 22px;box-shadow:0 18px 32px -17px rgba(61,237,170,.7)}
.site .btn-main:hover{box-shadow:0 20px 38px -12px rgba(61,237,170,.65)}
.site .btn-ghost{color:#effbfe;font-size:14px;font-weight:700}
.site .btn-ghost svg circle{stroke:#aee6d7}.site .btn-ghost svg path{fill:#aee6d7}
.site .how{margin-top:35px;max-width:670px}
.site .how .eyebrow{color:#7addc5;font-size:10px;font-weight:800;letter-spacing:.17em}
.site .how .cards{gap:12px}
.site .how .card{min-height:132px;padding:19px 21px;border-radius:16px}
.site .how .card.dark{background:rgba(43,133,139,.19);border:1px solid rgba(143,235,213,.2);box-shadow:none}
.site .how .card h3{font-family:var(--f-body);font-size:16px;font-weight:800;letter-spacing:-.028em}
.site .how .card p{font-size:12px;color:#b7d1dc;margin-top:7px}
.site .how .card.line{background:rgba(13,44,64,.68);border:1px solid rgba(143,235,213,.2);color:#e9fafb;min-height:132px}
.site .how .card.line svg{width:62px;opacity:.7}
.site .hero .vis{position:absolute;top:7%;right:-9%;width:58%;aspect-ratio:1257 / 1061;z-index:1;pointer-events:none}
.site .hero .vis::before{content:'';position:absolute;inset:18% 18%;border-radius:50%;background:radial-gradient(circle,rgba(73,255,190,.22),transparent 60%);filter:blur(36px)}
.site .hero .final{filter:drop-shadow(0 34px 44px rgba(5,16,27,.7));animation:svHeroFloat 8s ease-in-out infinite}
.site .hero .badges{display:none}
.site .block{padding-block:clamp(75px,7vw,114px) 0}
.site .tag{font-size:11px;font-weight:850;letter-spacing:.18em}
.site h2{font-size:clamp(2.05rem,3.3vw,3.35rem);font-weight:800;letter-spacing:-.065em;line-height:1.06}
.site .sec-lead{font-size:17px;line-height:1.65}
.site .fact{padding:28px 22px 30px}.site .fact h3{font-size:17px}.site .fact p{font-size:14px;line-height:1.65}
.site .facts{margin-top:30px;border:0;gap:14px}
.site .fact{background:#fff;border:1px solid var(--line)!important;border-radius:19px;box-shadow:0 12px 35px -28px #173b64}
.site .product{border-color:var(--line);box-shadow:0 14px 42px -32px rgba(20,59,98,.5);border-radius:22px}
.site .product.hot{background:linear-gradient(170deg,#f2fffa,#ffffff 42%);border-color:#7ddcc3}
.site .product .k{font-size:11px;letter-spacing:.1em}
.site .product h3{font-size:24px;letter-spacing:-.06em;font-weight:800}
.site .product ul,.site .product>p{font-size:14px}
.site .btn-line{font-size:14px}
.site .band.green{background:linear-gradient(135deg,#043e42,#07665a 60%,#043d42)}
.site .band.navy{background:linear-gradient(125deg,#06172b,#0c2640)}
.site .client-zone{background:linear-gradient(135deg,#fff,#f0f9fa);box-shadow:0 22px 45px -35px #0b3656}
.site .contact{border-radius:28px}
.site .fv-showcase{scroll-margin-top:24px;margin-top:clamp(48px,7vw,100px);background:linear-gradient(130deg,#eef7fb,#fff 40%,#effbf7);border:1px solid #d8e8ef;border-radius:34px;padding:clamp(27px,4vw,56px);box-shadow:0 27px 65px -44px #215179}
.site .fv-showcase-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);align-items:center;gap:clamp(25px,4.5vw,64px)}
.site .fv-label{display:inline-flex;align-items:center;gap:8px;color:#087e68;font-size:11px;font-weight:850;letter-spacing:.18em;margin:0 0 12px}
.site .fv-pulse{width:8px;height:8px;border-radius:50%;background:#10aa83;box-shadow:0 0 0 5px #d6f8e9}
.site .fv-showcase h2{max-width:740px;font-family:var(--f-body);font-size:clamp(2.3rem,3.6vw,4.2rem);font-weight:850;line-height:1.03;letter-spacing:-.07em}
.site .fv-showcase h2 em{font-style:normal;color:#087e70}
.site .fv-intro{font-size:17px;color:#4e647b;line-height:1.7;max-width:570px;margin:23px 0}
.site .fv-quicklinks{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:25px}
.site .fv-show-cta{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;background:#0a273e;color:#fff;border-radius:13px;padding:13px 19px;font-size:13px;font-weight:800;box-shadow:0 12px 22px -15px #143b66;transition:transform .2s}
.site .fv-show-cta:hover{transform:translateY(-2px)}.site .fv-show-cta span{color:#59e8b6;font-size:18px}
.site .fv-plain-link{font-size:13px;text-decoration:underline;text-underline-offset:4px;font-weight:700;color:#0d6d63}
.site .fv-demo{padding:23px;background:linear-gradient(135deg,#071b2d,#0b3040);border-radius:23px;color:#efffff;box-shadow:0 29px 65px -35px #112d49;border:1px solid #31606b;transform:rotate(1deg)}
.site .fv-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}
.site .fv-demo-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.05em}
.site .fv-demo-brand b{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(145deg,#79f7c6,#25b79f);color:#053638;border-radius:10px;font-size:18px}
.site .fv-demo-tag{font-size:10px;color:#96b6c0;border:1px solid #31606b;padding:7px 9px;border-radius:20px}
.site .fv-demo-title{font-size:24px;font-weight:850;letter-spacing:-.05em;margin-bottom:17px}
.site .fv-demo-summary{background:linear-gradient(110deg,#124547,#163f54);border:1px solid #387178;border-radius:16px;padding:19px;display:grid;grid-template-columns:1fr 130px;gap:10px}
.site .fv-demo-summary small{display:block;font-size:9px;color:#8de8c5;letter-spacing:.14em;font-weight:800}
.site .fv-demo-summary strong{display:block;font-size:20px;letter-spacing:-.045em;margin-top:10px}
.site .fv-demo-summary span{display:block;color:#a8d0d8;font-size:11px;margin-top:5px}
.site .fv-demo-bars{display:flex;align-items:flex-end;gap:7px;justify-content:flex-end;padding-block:15px 0}
.site .fv-demo-bars i{flex:1;max-width:13px;border-radius:7px 7px 2px 2px;background:linear-gradient(#72f7bd,#1e9eaa);height:40%}
.site .fv-demo-bars i:nth-child(2){height:70%}.site .fv-demo-bars i:nth-child(3){height:52%}.site .fv-demo-bars i:nth-child(4){height:85%}.site .fv-demo-bars i:nth-child(5){height:63%}.site .fv-demo-bars i:nth-child(6){height:100%}.site .fv-demo-bars i:nth-child(7){height:78%}
.site .fv-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.site .fv-demo-grid span{display:flex;justify-content:space-between;gap:8px;align-items:center;background:rgba(255,255,255,.06);padding:13px 12px;border-radius:11px;font-size:11px;font-weight:750;color:#d0e9ec}
.site .fv-demo-grid b{color:#6df7bf}
.site .fv-demo-note{font-size:10px;color:#91b0c0;margin:15px 0 0;text-align:right}
.site .fv-sector-heading{margin-top:45px;border-top:1px solid #d6e5ec;padding-top:28px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.site .fv-overline{color:#0a9277;font-size:10px;font-weight:850;letter-spacing:.18em;margin:0}
.site .fv-sector-heading h3{font-size:clamp(1.35rem,2.3vw,2.15rem);letter-spacing:-.06em;line-height:1.16;margin:8px 0 0}
.site .fv-sector-heading>p{max-width:235px;color:#678095;font-size:12px;line-height:1.5}
.site .fv-sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.site .fv-sector-grid a{min-height:84px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-content:space-between;align-items:center;gap:8px;padding:17px 18px;border:1px solid #dae7ed;border-radius:15px;background:#fff;transition:transform .2s,border .2s,box-shadow .2s}
.site .fv-sector-grid a:hover{transform:translateY(-3px);border-color:#53bdac;box-shadow:0 14px 25px -17px #346e87}
.site .fv-sector-grid span{font-size:11px;color:#15927d;font-weight:750;letter-spacing:.13em}
.site .fv-sector-grid b{grid-column:1;grid-row:2;font-size:14px;letter-spacing:-.02em}
.site .fv-sector-grid i{grid-row:2;grid-column:2;font-size:18px;color:#15927d;font-style:normal}
.site .fv-footnote{color:#667e8f;font-size:12px;margin:17px 2px 0}
@media(max-width:1250px){.site .nav-end .nav-client{display:none}.site .hero{min-height:660px}.site .hero .vis{width:58%;right:-15%;top:13%}.site .copy{width:67%}}
@media(max-width:1000px){
.site .nav{padding-block:17px}.site .hero{min-height:0;padding:38px 26px 25px;display:flex;flex-direction:column}.site .copy{display:block;width:100%}.site .hero .vis{position:relative;order:unset;right:auto;top:auto;align-self:center;width:min(100%,560px);margin:2px auto -60px}.site .hero .vis::before{display:none}.site .hero .vis::after{display:none}
.site .hero h1{font-size:clamp(2.8rem,8vw,5rem)}.site .hero .lead{max-width:680px}.site .how{max-width:760px;margin-top:34px}.site .fv-showcase-top{grid-template-columns:1fr}.site .fv-demo{max-width:600px;transform:none}.site .fv-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
.site .wrap{padding-inline:16px}.site .brand{font-size:23px}.site .hero{border-radius:24px;padding:27px 19px 28px;margin-top:7px}.site .hero-chip{font-size:8px;letter-spacing:.09em;padding:8px}.site .hero h1{font-size:clamp(2.5rem,12.5vw,4.1rem)}.site .hero .lead{font-size:15px}.site .cta-row{gap:10px;margin-top:21px}.site .btn-main{width:100%;text-align:center}.site .how .cards{grid-template-columns:1fr}.site .how .card{min-height:0}.site .hero .vis{max-width:380px;margin-bottom:-28px}.site .fv-showcase{border-radius:22px;padding:24px 18px}.site .fv-showcase h2{font-size:2.3rem}.site .fv-intro{font-size:15px;margin-top:17px}.site .fv-demo{padding:15px}.site .fv-demo-top{margin-bottom:20px}.site .fv-demo-summary{grid-template-columns:1fr 100px;padding:14px}.site .fv-sector-heading{align-items:start;flex-direction:column}.site .fv-sector-heading>p{margin:0;max-width:none}.site .fv-sector-grid{grid-template-columns:1fr}.site .fv-sector-grid a{min-height:73px}.site .facts{grid-template-columns:1fr}.site .fact{padding:23px}
}
@media(prefers-reduced-motion:reduce){.site .hero .final{animation:none}.site .fv-sector-grid a,.site .fv-show-cta{transition:none}}
@media(prefers-reduced-motion:no-preference){@keyframes svHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}}