@import url('style.css');
:root{--ink:#092e68;--accent:#1769d3;--paper:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body.web-layout{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{width:min(1240px,calc(100% - 80px));max-width:1240px;margin-inline:auto}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3ed}.wordmark{font-size:42px;font-weight:800;letter-spacing:-2px;color:var(--ink);text-decoration:none;line-height:1}.wordmark span{display:block;font-size:9px;letter-spacing:2.2px;margin-top:9px}.topbar nav{display:flex;gap:32px;align-items:center}.topbar nav a{font-size:14px;text-decoration:none;color:var(--ink);font-weight:600}.topbar .nav-contact{padding:13px 18px;border:1px solid #bfcddd;border-radius:6px}.new-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding-block:78px 86px}.kicker{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#526a8b;display:flex;align-items:center;gap:9px}.kicker i{width:7px;height:7px;border-radius:50%;background:#1975d2}.new-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-3px;font-weight:600;margin:24px 0}.new-hero h1 em{font-style:normal;color:#3478cd}.hero-lead{max-width:450px;font-size:18px;line-height:1.65;color:#52657d}.hero-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:white!important;text-decoration:none;padding:17px 23px;border-radius:6px;font-size:14px;font-weight:600;margin-top:22px}.hero-note{font-size:11px;color:#73829a;margin-top:18px}.hero-visual{position:relative;border-radius:16px;background:#e9eff7;border:1px solid #d7e1ef;padding:23px;box-shadow:0 24px 55px #173b6510}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#576c89}.visual-top>span:first-child{font-weight:bold}.live-dot{font-size:9px}.live-dot:before{content:'●';color:#32a07b;padding-right:6px}.hero-visual>img{display:block;width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply;margin-block:10px}.visual-bottom{border-top:1px solid #cfdae9;padding-top:20px;font-weight:bold;font-size:12px}.floating-tag{position:absolute;bottom:-22px;left:30px;background:white;border:1px solid #d7e1ef;border-radius:8px;padding:17px 20px;font-size:12px;box-shadow:0 8px 25px #1337690c;display:flex;gap:30px}.floating-tag b{color:#397ed5}.intro-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;border-block:1px solid #dce3ed;padding-block:26px;margin-bottom:75px}.intro-strip>span{font-size:16px;font-weight:600}.intro-strip p{font-size:12px;color:#62738b;line-height:1.7;margin:0}.intro-strip a{font-size:12px;color:var(--ink)}.products{padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.section-heading h2,.connection h2{font-size:40px;line-height:1.13;letter-spacing:-1.3px;font-weight:600;margin:15px 0 0}.section-heading>p{max-width:340px;line-height:1.7;font-size:14px;color:#62738b;margin:0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.filters button{font:inherit;font-size:12px;border:1px solid #d9e1eb;border-radius:5px;padding:12px 16px;background:transparent;color:#546984;cursor:pointer}.filters button.active{color:white;background:var(--ink);border-color:var(--ink)}.filters small{margin-left:6px;opacity:.7}.product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}.product-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:310px!important;padding:25px!important;background:white!important;border:1px solid #dce4ef!important;border-radius:10px!important;box-shadow:none!important;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#6399dc!important;box-shadow:0 12px 25px #12305b09!important}.product-card[hidden]{display:none!important}.product-card .card-icon{width:94px!important;height:94px!important;max-width:94px!important;margin:0 0 17px!important;object-fit:contain!important}.card-title{font-size:20px!important;line-height:1.25!important;margin:0 0 9px!important;color:var(--ink)!important;font-weight:600!important}.card-copy{font-size:13px!important;line-height:1.6!important;max-width:100%!important;color:#65778d!important;margin:0 0 22px!important}.card-more{margin-top:auto;display:flex;width:100%;justify-content:space-between;font-size:11px;font-weight:600;color:#4774aa;padding-top:16px;border-top:1px solid #edf0f5}.card-more b{font-size:17px}.connection{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#e6edf7;border-radius:12px;padding:48px;margin-block:15px 70px}.connection p:not(.kicker){font-size:15px;line-height:1.8;color:#526984}.connection .hero-button{margin-top:10px}footer{background:#fff;border-top:1px solid #dce3ed}footer .footer-inner{padding-block:30px;display:flex;align-items:center;justify-content:space-between}footer .footer-logo{width:100px;height:60px;object-fit:contain}footer p,footer a{font-size:12px;color:#5e728c}.drawer{width:min(780px,100vw)!important;max-width:100vw!important}.drawer-content{padding:45px!important}.drawer h2{font-size:30px!important;line-height:1.2!important}.drawer p{line-height:1.7}.drawer-close{z-index:10}.drawer .detail-icon-wrap img{max-height:100px}.primary-button{border-radius:6px!important}button:focus-visible,a:focus-visible{outline:3px solid #e5a227;outline-offset:4px}
@media(min-width:1600px){.new-hero{padding-block:95px 110px}}
@media(max-width:900px){.shell{width:calc(100% - 44px)}.new-hero{gap:30px}.new-hero h1{font-size:46px;letter-spacing:-2px}.hero-visual>img{height:230px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topbar nav{gap:18px}.intro-strip{gap:20px}.intro-strip>span{max-width:220px}.connection{padding:35px;gap:35px}}
@media(max-width:600px){.shell{width:calc(100% - 36px);margin-inline:auto}.topbar{height:85px}.wordmark{font-size:34px}.wordmark span{font-size:7px}.topbar nav>a{display:none}.topbar nav>a:first-child{display:block;font-size:12px}.new-hero{grid-template-columns:1fr;gap:40px;padding-block:42px 58px;text-align:center}.hero-text{min-width:0}.kicker{font-size:9px;letter-spacing:1.1px;justify-content:center}.new-hero h1{font-size:46px;margin-block:22px;letter-spacing:-2px}.hero-lead{font-size:16px;margin-inline:auto}.hero-button{margin-top:14px}.hero-visual{width:100%;max-width:420px;margin:auto;padding:18px}.hero-visual>img{height:240px}.floating-tag{left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;padding:15px}.intro-strip{text-align:center;flex-direction:column;padding-block:27px;margin-bottom:48px;gap:14px}.intro-strip>span{max-width:none}.section-heading{display:block;text-align:center;margin-bottom:25px}.section-heading h2,.connection h2{font-size:32px}.section-heading>p{margin:20px auto 0;font-size:13px}.filters{justify-content:center;gap:7px}.filters button{font-size:11px;padding:10px 12px}.product-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;max-width:420px;margin-inline:auto}.product-card{align-items:center!important;text-align:center!important;min-height:290px!important;padding:25px!important}.product-card .card-icon{width:100px!important;height:100px!important}.card-copy{max-width:280px!important}.card-more{text-align:left}.connection{grid-template-columns:1fr;padding:30px 24px;gap:15px;text-align:center;margin-bottom:45px}.connection p:not(.kicker){font-size:14px}.connection .hero-button{gap:15px;font-size:12px}.footer-inner{flex-direction:column;gap:10px}footer p{margin:0}.drawer-content{padding:65px 24px 30px!important}.drawer h2{font-size:26px!important}.drawer .detail-lead{font-size:16px!important}.drawer{left:auto!important;right:0!important}.demo-dialog{width:100%!important;max-width:100%!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body.web-layout{background:#f5f7fa!important}body.web-layout::before,body.web-layout::after{display:none!important}.topbar{background:transparent!important}.hero-visual .floating-tag{bottom:-30px}header.topbar{box-shadow:none!important}