:root{--navy:#081a2b;--navy2:#103745;--green:#76d7b9;--ink:#182c3d;--muted:#687f8d;--line:#e3eceb;--paper:#f5f9f8;--blue:#87b6ec;--red:#da676a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #79e0be;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 52px));margin:auto}.dark{background:radial-gradient(circle at 80% 45%,#174e52 0,#0b2839 36%,#081727 80%);color:white;overflow:hidden;position:relative}.dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9cd8c40b 1px,transparent 1px),linear-gradient(90deg,#9cd8c40b 1px,transparent 1px);background-size:75px 75px;pointer-events:none}.topbar,.hero{position:relative;z-index:1}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:.045em;font-weight:800;line-height:1.13}.brand svg{width:48px;height:48px;flex:none;background:white;border-radius:50%;padding:3px}.brand small{display:block;font-size:9px;letter-spacing:.21em;color:#85cbbb;font-weight:650;margin-top:4px}.nav{display:flex;gap:29px;align-items:center;font-size:13px;color:#d2e3e5}.nav a:hover{color:#7fe1c4}.lang{display:flex;align-items:center;gap:8px;border:1px solid #d7fff138;border-radius:25px;padding:8px 12px;color:#c8d9dc;font-size:12px;font-weight:700}.lang a[aria-current="page"]{color:#80e5c6}.lang span{opacity:.4}.mobile{display:none}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:45px;align-items:center;min-height:620px;padding:55px 0 105px}.eyebrow{color:#90e3c9;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:760;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:26px;height:1px;background:#72dcb8}.hero h1{font-size:clamp(43px,4.85vw,70px);line-height:1.09;letter-spacing:-.053em;margin:24px 0 24px}.hero h1 em{font-style:normal;color:#88e0c3}.hero p{font-size:16px;line-height:1.85;color:#b9cbd1;max-width:545px}.actions{display:flex;gap:22px;align-items:center;margin-top:29px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;background:#75d9b8;color:#0b3033;padding:15px 22px;border-radius:10px;min-height:50px;font-size:13px;font-weight:800}.btn:hover{background:#9fe8d0}.soft-link{color:#e3f7f1;font-weight:700;font-size:13px}.fine{font-size:10px;color:#819fa9;letter-spacing:.13em;text-transform:uppercase;margin-top:63px}.visual{height:470px;position:relative;display:grid;place-items:center}.visual:before,.visual:after{content:"";position:absolute;border:1px solid #7fdbc321;border-radius:50%;width:370px;height:370px}.visual:after{width:460px;height:460px;border-style:dashed}.visual svg{width:100%;height:auto;max-height:470px;filter:drop-shadow(0 20px 40px #04151ca0);position:relative;z-index:1}.visual .chip{position:absolute;z-index:2;left:2%;top:17%;background:#0b283acc;border:1px solid #87ddc344;border-radius:12px;padding:12px 17px;backdrop-filter:blur(8px);font-size:12px;color:#c9efe7}.visual .chip.second{top:auto;left:auto;right:0;bottom:19%}.chip b{color:#80dcbc}.section{padding:100px 0}.kicker{color:#168973;font-weight:800;letter-spacing:.17em;font-size:11px;text-transform:uppercase}.section h2,.ecosystem h2,.contact h2{font-size:clamp(33px,3.8vw,51px);line-height:1.16;letter-spacing:-.046em;margin:18px 0}.intro{max-width:700px;color:#69808a;font-size:15px;line-height:1.8}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:37px}.tile{border:1px solid var(--line);background:#fff;border-radius:17px;padding:30px;min-height:205px}.tile .ico{display:grid;place-items:center;background:#e5f6f1;color:#1a896f;width:45px;height:45px;border-radius:12px;font-size:23px}.tile h3{font-size:19px;margin:24px 0 9px;letter-spacing:-.02em}.tile p{font-size:13px;line-height:1.8;color:#6d828a;margin:0}.products{background:#f1f7f6}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:39px}.p-card{background:#fff;border:1px solid #dae7e6;border-radius:21px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #05251e08}.p-top{height:102px;display:flex;align-items:center;justify-content:space-between;padding:23px 24px}.sinyara .p-top{background:linear-gradient(125deg,#e2f7ed,#bfe8d4)}.sijagal .p-top{background:linear-gradient(130deg,#171e28,#351a24);color:#fff}.siwan .p-top{background:linear-gradient(125deg,#e8f3fd,#bedbf5)}.p-monogram{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;font-size:25px;font-weight:900;letter-spacing:-.06em;background:#ffffffb8;color:#207b5b}.sijagal .p-monogram{color:#e67b7e;background:#080c13;border:1px solid #f0777e4b}.siwan .p-monogram{color:#3c7fb3}.status{font-size:10px;letter-spacing:.07em;font-weight:850;padding:8px 10px;border-radius:20px;background:#ffffffb0;color:#246c5c}.sijagal .status{background:#e35d6326;color:#ffbfc1}.siwan .status{color:#386f99}.p-body{padding:27px 25px 30px;display:flex;flex-direction:column;flex:1}.p-body h3{font-size:25px;letter-spacing:-.045em;margin:0 0 7px}.p-body .category{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#78909a;font-weight:750}.p-body p{font-size:13px;line-height:1.8;color:#647d87;min-height:104px;margin:17px 0 10px}.p-body ul{padding:0;margin:auto 0 0;list-style:none}.p-body li{font-size:12px;color:#3b5d67;padding:8px 0;border-top:1px solid #e8efef}.p-body li:before{content:"•";color:#29ac89;margin-right:9px}.sijagal li:before{color:#b9494f}.siwan li:before{color:#5f9bc9}.ecosystem{background:#0b2032;color:#fff;padding:100px 0}.ecosystem .kicker{color:#80ddc4}.ecosystem .intro{color:#b3c8cd}.eco-diagram{display:flex;align-items:center;justify-content:center;gap:10px;margin:52px auto 16px;max-width:900px}.eco-node{background:#163548;border:1px solid #42636c;border-radius:17px;flex:1;max-width:240px;padding:22px 18px;text-align:center}.eco-node strong{font-size:17px}.eco-node small{display:block;font-size:11px;color:#a9c1c9;margin-top:8px}.eco-node.s{border-color:#6ad7ac}.eco-node.j{border-color:#b64b57}.eco-node.w{border-color:#6699cd}.eco-link{font-size:28px;color:#74cdb5}.disclaimer{text-align:center;font-size:11px;color:#9cb4bd;line-height:1.7;margin:20px auto 0;max-width:700px}.contact{text-align:center;padding:95px 20px}.contact h2{max-width:650px;margin:17px auto}.contact p{max-width:580px;margin:0 auto 26px;color:#6a8088;line-height:1.8}.footer{background:#081725;color:#91a8b0;padding:32px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong{color:white}.footer span{font-size:11px}.footer a:hover{color:#8de9c9}
@media(max-width:900px){.nav{gap:15px}.hero{gap:10px;min-height:570px}.hero h1{font-size:48px}.visual{height:390px}.tiles,.product-grid{gap:13px}.tile,.p-body{padding:22px}.p-top{padding:18px}}
@media(max-width:730px){.wrap{width:calc(100% - 38px)}.topbar{height:76px}.brand{font-size:12px}.brand svg{width:41px;height:41px}.nav{display:none}.mobile{display:block;position:relative}.mobile summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid #82bea955;border-radius:8px}.mobile summary::-webkit-details-marker{display:none}.mobile-links{position:absolute;right:0;top:49px;width:215px;background:#102f3d;border:1px solid #4e7770;border-radius:12px;padding:17px;display:flex;gap:18px;flex-direction:column;z-index:5}.mobile-links a{font-size:13px}.hero{display:flex;flex-direction:column;min-height:0;padding:54px 0 45px;align-items:stretch}.hero h1{font-size:clamp(42px,10vw,59px)}.hero p{font-size:14px}.fine{margin-top:38px}.visual{height:300px;margin-top:24px}.visual svg{height:320px}.visual:before{width:260px;height:260px}.visual:after{width:320px;height:320px}.visual .chip{font-size:10px;padding:8px}.section,.ecosystem{padding:75px 0}.tiles,.product-grid{grid-template-columns:1fr}.tile{min-height:0}.p-body p{min-height:0}.eco-diagram{flex-direction:column;gap:8px}.eco-node{max-width:100%;width:100%}.eco-link{transform:rotate(90deg)}.contact{padding:75px 20px}.footer .wrap{align-items:flex-start;flex-direction:column}.footer span{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
