:root{--ink: #0b1526;--muted: #526077;--line: rgba(15, 30, 55, .14);--bg: #f6f7f9;--card: #ffffff;--brand: #16457e;--brand-dark: #0f3460;--brand-soft: #eef3f9;--accent: #16457e;--navy: #0d1f38;--navy-2: #14335c;--grad: linear-gradient(180deg, #14335c 0%, #0d1f38 100%);--radius: 10px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 14px rgba(16, 24, 40, .07);--shadow-hover: 0 2px 4px rgba(16, 24, 40, .07), 0 12px 28px rgba(16, 24, 40, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--muted);background:var(--bg);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:rgba(0,97,254,.14)}:focus-visible{outline:3px solid rgba(0,97,254,.38);outline-offset:3px;border-radius:8px}.container{width:min(1260px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#fffffff0;border-bottom:1px solid rgba(71,84,103,.1);backdrop-filter:blur(8px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.brand__mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:700;letter-spacing:0;background:var(--navy-2)}.brand small{display:block;font-weight:500;font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{position:relative;padding:10px 13px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap;transition:background-color .18s ease,color .18s ease,transform .12s ease}.nav a:hover{background:var(--brand-soft);color:var(--brand)}.nav a:active{transform:translateY(1px)}.nav a.button{color:#fff;padding:13px 26px}.nav a.button:hover{background:#0054dd;color:#fff}.nav a.button:active{background:#0047b3;color:#fff}.nav a.is-active{color:var(--brand);background:var(--brand-soft)}.nav a.is-active:after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:999px;background:var(--brand)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px) scale(.99)}.button--primary{color:#fff;background:#0061fe;box-shadow:0 1px 2px #10182824,0 6px 16px #0061fe3d}.button--primary:hover{background:#0054dd;box-shadow:0 2px 4px #10182824,0 10px 22px #0054dd47}.button--ghost{color:var(--brand);border-color:#cdd8ee;background:#fff}.button--ghost:hover{border-color:var(--brand);background:var(--brand-soft)}.hero{position:relative;overflow:hidden;color:#fff;background:var(--grad);padding:72px 0 84px}.hero .container{position:relative;z-index:1}.hero--split .container{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}.hero h1{margin:0;max-width:640px;font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-.02em;font-weight:600}.hero p{max-width:620px;margin:20px 0 32px;color:#e2ecf8e0;font-size:17px;line-height:1.6}.hero .eyebrow{color:#a8c4ea}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero .button--primary{background:#fff;color:var(--navy);box-shadow:0 12px 28px #030c1c40}.hero .button--primary:hover{background:#e8eef7;color:var(--navy)}.hero .button--ghost{border-color:#ffffff59;color:#fff;background:transparent}.hero .button--ghost:hover{border-color:#fff;background:#ffffff14;color:#fff}.hero__media{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #030c1c73;background:#0d1f38}.hero__media img{display:block;width:100%;height:380px;object-fit:cover}.hero--bg{padding:120px 0 128px}.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero--bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091426f0,#091426cc 46%,#0914266b);pointer-events:none}.hero--bg .container,.hero--bg .hero__content{position:relative;z-index:1}@media(max-width:900px){.hero--split .container{grid-template-columns:1fr;gap:32px}.hero__media img{height:260px}}.section{padding:72px 0}.section--tint{background:#f1f3f6}.eyebrow{color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section__title{margin:8px 0 14px;font-size:clamp(30px,4vw,44px);letter-spacing:-.025em;line-height:1.12;color:var(--ink);font-weight:700}.section__intro{max-width:760px;color:var(--muted);font-size:17px;margin:0}.grid{display:grid;gap:22px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:26px;box-shadow:var(--shadow)}.card h3{color:var(--ink)}.product-card{display:flex;flex-direction:column;overflow:hidden;padding:0;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-5px);border-color:#b9cdf4;box-shadow:var(--shadow-hover)}.product-card:active{transform:translateY(-2px) scale(.995)}.product-card__media{aspect-ratio:4 / 3;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff}.product-card__media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-card__media img{transform:scale(1.04)}.product-card__badge{position:absolute;left:16px;top:16px;z-index:1;padding:6px 11px;border-radius:6px;background:#fffffff0;color:var(--brand);font-size:12px;font-weight:700;box-shadow:0 6px 14px #081a2e24}.product-card__body{padding:20px 20px 22px}.product-card h3{margin:0 0 7px;font-size:20px;letter-spacing:-.01em}.product-card p{margin:0;color:var(--muted);font-size:14px}.stat{border-left:3px solid var(--brand);padding-left:16px}.stat strong{display:block;font-size:34px;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}.stat span{color:var(--muted);font-size:13px}.market-card{color:#fff;min-height:270px;border-radius:var(--radius-sm);padding:30px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.market-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.market-card:active{transform:translateY(-2px) scale(.995)}.market-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00193714,#001937e0)}.market-card>*{position:relative;z-index:1}.market-card h3{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}.market-card p{margin:0 0 18px;color:#e0f2fe}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 11px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;font-weight:600}.cta-band{position:relative;overflow:hidden;background:var(--grad);color:#fff;border-radius:12px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;box-shadow:0 12px 32px #0d1f382e}.cta-band:after{content:"";position:absolute;right:-40px;bottom:-60px;width:340px;height:300px;background:url(/images/ui/i_choose_bg.png) no-repeat center / contain;opacity:.28;pointer-events:none}.cta-band>*{position:relative;z-index:1}.cta-band h2{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}.cta-band p{margin:0;color:#d7e6f8;max-width:640px}.cta-band .button--ghost{color:#fff;border-color:#fff6;background:#ffffff14}.cta-band .button--ghost:hover{background:#fff;color:var(--navy-2);border-color:#fff}.site-footer{position:relative;background:var(--grad);color:#d7e6f8;padding:56px 0 30px}.site-footer:before{content:"";position:absolute;inset:0;background:url(/images/ui/fooder_bg.png) no-repeat right center / 320px auto;opacity:.16;pointer-events:none}.site-footer .container{position:relative;z-index:1}.site-footer a{color:#d7e6f8;text-decoration:none;transition:color .18s ease}.site-footer a:hover{color:#fff}.site-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px}.site-footer h3{color:#fff;margin:0 0 12px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.site-footer p,.site-footer li{font-size:14px;color:#ffffffd1}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:8px 0}.site-footer__bottom{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;color:#fff9}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field--full{grid-column:1 / -1}.field label{font-weight:600;font-size:13px;color:var(--ink)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:12px;padding:12px 13px;font:inherit;background:#fff;color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #0061fe1f}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:12px;transition:border-color .18s ease,box-shadow .18s ease}.faq details[open]{border-color:#b9cdf4;box-shadow:var(--shadow)}.faq summary{cursor:pointer;font-weight:600;color:var(--ink);transition:color .18s ease}.faq summary:hover{color:var(--brand)}.product-con{position:relative;display:flex;flex-direction:column;height:100%;padding:22px;border-radius:12px;background:#fff;box-shadow:0 0 40px #cccccc40;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.product-con:hover{transform:translateY(-6px);box-shadow:0 18px 46px #1d4ed829}.product-con:active{transform:translateY(-2px) scale(.995)}.product-con .product-img{margin-bottom:18px}.product-con .img-box{position:relative;display:block;overflow:hidden;height:0;padding-bottom:75%;border-radius:8px;background:#fff}.product-con .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.product-con:hover .img-box img{transform:scale(1.1)}.product-con .product-type{margin-bottom:10px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-con .product-title{margin-bottom:18px}.product-con .product-title h3{margin:0;font-weight:600;font-size:21px;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-con .case-model{margin:-12px 0 18px;color:var(--muted);font-size:14px}.product-con .product-but{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background-color:#f5f8ff;color:var(--ink);font-weight:600;font-size:15px;border-radius:6px;transition:background-color .4s ease,color .4s ease}.product-con:hover .product-but{background-color:var(--brand);color:#fff}.product-con .product-but .arrow{font-style:normal;font-size:20px;line-height:1;transition:transform .4s ease}.product-con:hover .product-but .arrow{transform:rotate(45deg)}@media(max-width:960px){.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__grid,.form-grid{grid-template-columns:1fr}}@media(max-width:680px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.hero{padding:58px 0 68px}.site-header__inner{flex-wrap:wrap;gap:0}.nav{width:100%;padding-bottom:8px}.cta-band{padding:30px}}.nav{overflow:visible}.nav-group{position:relative}.nav .nav-trigger{position:relative;display:inline-flex;align-items:center;gap:5px;padding:10px 13px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-family:inherit;font-weight:600;font-size:14px;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .12s ease}.nav .nav-trigger:hover{background:var(--brand-soft);color:var(--brand)}.nav .nav-trigger:active{transform:translateY(1px)}.nav .nav-trigger.is-active{color:var(--brand);background:var(--brand-soft)}.nav .nav-trigger.is-active:after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:999px;background:var(--brand)}.nav-trigger--dropdown:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:3px;transition:transform .2s ease}.nav-group.is-open .nav-trigger--dropdown:after{transform:rotate(-135deg)}.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:232px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-hover);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:60}.nav-group.is-open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}@media(hover:hover){.nav-group:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}}.nav-dropdown a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted);font-weight:600;font-size:14px;white-space:normal;text-decoration:none}.nav-dropdown a:hover{background:var(--brand-soft);color:var(--brand)}@media(max-width:960px){.nav{flex-wrap:wrap}}.industry-card{display:flex;flex-direction:column;height:100%;gap:12px}.industry-card h3{margin:0;color:var(--ink);font-size:20px;letter-spacing:-.01em}.industry-card p{margin:0;color:var(--muted);font-size:14px}.industry-card .industry-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.industry-card .industry-links a{font-size:12px;font-weight:600;color:var(--brand);text-decoration:none}.industry-card .industry-links a:hover{text-decoration:underline}.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}.timeline li{position:relative;padding:0 0 26px 24px}.timeline li:before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #16457e1f}.timeline li:last-child{padding-bottom:0}.timeline strong{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}.timeline span{color:var(--muted);font-size:14px}.capability-fact{border-top:2px solid var(--brand);padding-top:14px}.capability-fact strong{display:block;font-size:30px;letter-spacing:-.03em;color:var(--ink)}.capability-fact span{color:var(--muted);font-size:13px}.site-header__inner{justify-content:flex-start}.nav{margin-left:auto}.header-tools{display:flex;align-items:center;gap:12px;margin-left:16px}.lang-switch{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.lang-switch a{text-decoration:none;color:var(--muted);padding:5px 7px;border-radius:6px;transition:color .18s ease,background-color .18s ease}.lang-switch a:hover{color:var(--brand)}.lang-switch a.is-active{color:#fff;background:var(--brand)}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{display:inline-flex;align-items:center;gap:7px;color:#d7e6f8;font-size:13px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.social-links a svg{width:16px;height:16px;fill:currentColor;flex:none}.social-links a:hover{color:#fff;border-color:#fff;background:#ffffff14}@media(max-width:960px){.site-header__inner{flex-wrap:wrap}.nav{margin-left:0;order:3}.header-tools{margin-left:auto}}.spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:24px}.spec-table th,.spec-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none}.spec-table th{width:220px;color:var(--ink);font-weight:600;background:var(--brand-soft)}.spec-table td{color:var(--muted)}@media(max-width:680px){.spec-table th{width:132px}}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.nav-toggle span{display:block;height:2px;width:100%;border-radius:999px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:960px){.nav-toggle{display:flex}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding:14px 0 10px;margin-top:12px;border-top:1px solid var(--line)}.nav.is-open{display:flex}.nav-group{position:static}.nav .nav-trigger{width:100%;justify-content:space-between;padding:12px 14px}.nav-dropdown{position:static;min-width:0;padding:0 0 6px 6px;border:none;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.nav-group.is-open .nav-dropdown{display:block}.nav-dropdown a{padding:11px 16px}.nav a.button{width:100%;justify-content:center;margin-top:6px}}