* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: Arial, Helvetica, sans-serif; color: #18212b; background: #ffffff; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
img { -webkit-user-drag: none; user-select: none; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
header { background: #ffffff; border-bottom: 1px solid #e7ebef; position: sticky; top: 0; z-index: 1000; }
header .container { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.logo img { width: 170px; height: auto; }
nav { display: flex; align-items: center; justify-content: flex-end; gap: 30px; }
nav a { font-size: 14px; font-weight: 600; color: #34414d; transition: color .25s ease; }
nav a:hover { color: #1677c8; }
main { overflow: hidden; }
.page-hero { padding: 105px 0 90px; background: linear-gradient(135deg, #f4f8fb 0%, #ffffff 100%); border-bottom: 1px solid #e8edf1; }
.page-hero .container { max-width: 1050px; }
.section-label { margin-bottom: 14px; color: #1677c8; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.page-hero h1 { max-width: 900px; margin-bottom: 22px; font-size: clamp(38px, 5vw, 64px); line-height: 1.08; letter-spacing: -1.5px; color: #13202c; }
.page-hero p:not(.section-label) { max-width: 820px; font-size: 19px; color: #5b6874; }
.hero { padding: 105px 0 95px; background: linear-gradient(135deg, #f5f9fc 0%, #ffffff 100%); }
.hero-container { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; }
.eyebrow { margin-bottom: 18px; color: #1677c8; font-size: 13px; font-weight: 700; letter-spacing: 2px; }
.hero h1 { margin-bottom: 20px; font-size: clamp(42px, 5.5vw, 70px); line-height: 1.05; letter-spacing: -2px; color: #13202c; }
.hero-text { margin-bottom: 18px; font-size: 24px; font-weight: 700; color: #1677c8; }
.hero-description { max-width: 650px; margin-bottom: 30px; font-size: 18px; color: #5b6874; }
.hero-buttons,.home-cta-buttons,.product-cta-buttons,.technology-cta-buttons,.about-cta-buttons,.monitoring-cta-buttons,.contact-cta-buttons { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-image img { width: 100%; max-height: 500px; object-fit: contain; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border: 1px solid transparent; font-size: 14px; font-weight: 700; transition: all .25s ease; cursor: pointer; }
.button.primary { background: #1677c8; color: #ffffff; }
.button.primary:hover { background: #0f5d9e; transform: translateY(-2px); }
.button.secondary { border-color: #cbd5dd; background: #ffffff; color: #24313d; }
.button.secondary:hover { border-color: #1677c8; color: #1677c8; transform: translateY(-2px); }
.text-link { display: inline-block; margin-top: 18px; color: #1677c8; font-size: 14px; font-weight: 700; }
.solutions { padding: 100px 0; }
.solutions > .container > h2,.technology-preview h2,.monitoring-preview h2,.why-header h2 { max-width: 760px; margin-bottom: 45px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; letter-spacing: -.8px; }
.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.solution-card { overflow: hidden; background: #ffffff; border: 1px solid #e2e8ed; transition: transform .3s ease, box-shadow .3s ease; }
.solution-card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(20,45,70,.1); }
.solution-image { aspect-ratio: 16 / 10; overflow: hidden; background: #f3f6f8; }
.solution-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.solution-card:hover .solution-image img { transform: scale(1.04); }
.solution-content { padding: 28px; }
.solution-content h3 { margin-bottom: 10px; font-size: 23px; line-height: 1.25; }
.solution-content p { color: #687581; font-size: 15px; }
.card-link { display: inline-block; margin-top: 18px; color: #1677c8; font-size: 14px; font-weight: 700; }
.global-security { padding: 100px 0; background: #f5f8fa; }
.global-security-header { max-width: 850px; margin-bottom: 45px; }
.global-security-header h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.global-security-header > p:last-child { color: #65727e; font-size: 17px; }
.global-security-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.global-security-card { padding: 32px; background: #ffffff; border: 1px solid #e1e8ed; }
.global-security-card > span { display: block; margin-bottom: 18px; color: #1677c8; font-size: 13px; font-weight: 700; }
.global-security-card h3 { margin-bottom: 12px; font-size: 21px; line-height: 1.3; }
.global-security-card p { color: #687581; font-size: 15px; }
.seal-status { padding: 95px 0; }
.seal-status-container { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.seal-status-content h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.seal-status-content > p { max-width: 650px; color: #66737f; }
.led-status-list { display: grid; gap: 18px; margin-top: 30px; }
.led-status-item { display: flex; align-items: flex-start; gap: 15px; }
.led-status-item strong { display: block; margin-bottom: 4px; }
.led-status-item p { color: #687581; font-size: 14px; }
.led { display: inline-block; flex: 0 0 auto; width: 14px; height: 14px; margin-top: 6px; border-radius: 50%; background: #b8c0c7; box-shadow: 0 0 0 5px #edf1f3; }
.led.green { background: #28a745; box-shadow: 0 0 0 5px #e6f5e9; }
.led.red { background: #dc3545; box-shadow: 0 0 0 5px #fae7e9; }
.technology-preview { padding: 100px 0; background: #f5f8fa; }
.technology-container { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: center; }
.technology-content > p:not(.section-label) { max-width: 700px; color: #687581; }
.technology-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 30px 0; font-size: 14px; font-weight: 700; color: #1677c8; }
.technology-flow span { padding: 8px 12px; background: #ffffff; border: 1px solid #dce4ea; }
.technology-visual { display: flex; justify-content: center; }
.technology-circle { display: flex; align-items: center; justify-content: center; width: 300px; height: 300px; border: 1px solid #b9cbd8; border-radius: 50%; background: #ffffff; box-shadow: 0 20px 60px rgba(20,50,80,.08); }
.technology-circle-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 190px; height: 190px; border-radius: 50%; background: #1677c8; color: #ffffff; text-align: center; }
.technology-circle-inner strong { font-size: 38px; }
.technology-circle-inner span { font-size: 10px; letter-spacing: 1.5px; }
.monitoring-preview { padding: 100px 0; }
.monitoring-container { display: grid; grid-template-columns: .95fr 1.05fr; gap: 75px; align-items: center; }
.dashboard { overflow: hidden; background: #152330; color: #ffffff; box-shadow: 0 25px 60px rgba(15,30,45,.18); }
.dashboard-header { display: flex; justify-content: space-between; padding: 17px 22px; background: #1d303f; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.dashboard-body { padding: 24px; }
.dashboard-status,.dashboard-line { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.dashboard-status span { color: #62c97c; font-weight: 700; }
.dashboard-line span { color: #aebac3; }
.dashboard-line strong { color: #ffffff; }
.dashboard-chart { display: flex; align-items: flex-end; gap: 8px; height: 90px; margin-top: 24px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.1); }
.dashboard-chart span { flex: 1; min-height: 20px; background: #4d91c4; }
.dashboard-chart span:nth-child(1) { height: 35%; }
.dashboard-chart span:nth-child(2) { height: 55%; }
.dashboard-chart span:nth-child(3) { height: 45%; }
.dashboard-chart span:nth-child(4) { height: 75%; }
.dashboard-chart span:nth-child(5) { height: 60%; }
.dashboard-chart span:nth-child(6) { height: 85%; }
.dashboard-chart span:nth-child(7) { height: 70%; }
.dashboard-chart span:nth-child(8) { height: 95%; }
.monitoring-features,.monitoring-overview-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 28px 0; }
.monitoring-features div,.monitoring-overview-features div { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #dfe6eb; background: #ffffff; }
.monitoring-features strong,.monitoring-overview-features strong { color: #1677c8; font-size: 12px; }
.why-seals { padding: 100px 0; background: #f5f8fa; }
.why-header { max-width: 800px; margin-bottom: 45px; }
.why-header > p:last-child { color: #687581; }
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.why-card { padding: 28px; background: #ffffff; border: 1px solid #e0e7ec; }
.why-number { display: block; margin-bottom: 20px; color: #1677c8; font-size: 13px; font-weight: 700; }
.why-card h3 { margin-bottom: 10px; font-size: 20px; }
.why-card p { color: #687581; font-size: 14px; }
.home-cta,.product-cta,.technology-cta,.about-cta,.monitoring-cta,.contact-cta { padding: 95px 0; text-align: center; background: #152330; color: #ffffff; }
.home-cta .container > p:not(.section-label),.product-cta .container > p:not(.section-label),.technology-cta .container > p:not(.section-label),.about-cta .container > p:not(.section-label),.monitoring-cta .container > p:not(.section-label),.contact-cta .container > p:not(.section-label) { max-width: 700px; margin: 0 auto 28px; color: #c5d0d8; }
.home-cta h2,.product-cta h2,.technology-cta h2,.about-cta h2,.monitoring-cta h2,.contact-cta h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 50px); line-height: 1.15; }
.home-cta .section-label,.product-cta .section-label,.technology-cta .section-label,.about-cta .section-label,.monitoring-cta .section-label,.contact-cta .section-label { color: #70b7e8; }
.home-cta-buttons,.product-cta-buttons,.technology-cta-buttons,.about-cta-buttons,.monitoring-cta-buttons,.contact-cta-buttons { justify-content: center; }
.product-list { padding: 100px 0; }
.product-item { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; padding: 75px 0; border-bottom: 1px solid #e1e7eb; }
.product-item:first-child { padding-top: 0; }
.product-item.reverse .product-image { order: 2; }
.product-item.reverse .product-info { order: 1; }
.product-image { overflow: hidden; background: #f4f7f9; }
.product-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.product-info h2 { margin-bottom: 18px; font-size: clamp(30px, 3.5vw, 44px); line-height: 1.15; }
.product-info > p:not(.section-label) { margin-bottom: 17px; color: #687581; font-size: 16px; }
.product-led-status { display: grid; gap: 12px; margin: 25px 0; }
.product-led-status div { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.product-feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 25px 0; }
.product-feature-list div { display: flex; gap: 12px; align-items: center; padding: 12px; background: #f5f8fa; }
.product-feature-list strong { color: #1677c8; font-size: 12px; }
.product-global { padding: 100px 0; background: #f5f8fa; }
.product-global-header { max-width: 800px; margin-bottom: 45px; }
.product-global-header h2 { margin-bottom: 16px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.product-global-header > p:last-child { color: #687581; }
.product-global-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.product-global-grid > div { padding: 30px; background: #ffffff; border: 1px solid #e0e7ec; }
.product-global-grid span { color: #1677c8; font-size: 12px; font-weight: 700; }
.product-global-grid h3 { margin: 15px 0 10px; font-size: 21px; }
.product-global-grid p { color: #687581; font-size: 14px; }
.technology-system,.technology-features,.technology-workflow,.technology-limitation,.technology-global { padding: 100px 0; }
.technology-system-header,.technology-workflow-header { max-width: 850px; margin-bottom: 45px; }
.technology-system-header h2,.technology-workflow-header h2 { margin-bottom: 16px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.technology-system-header > p:last-child,.technology-workflow-header > p:last-child { color: #687581; }
.technology-flow-large { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 16px; align-items: stretch; }
.technology-step { padding: 28px; background: #f5f8fa; border: 1px solid #e0e7ec; }
.technology-step > span { display: block; margin-bottom: 16px; color: #1677c8; font-size: 12px; font-weight: 700; }
.technology-step strong { display: block; margin-bottom: 10px; font-size: 20px; line-height: 1.3; }
.technology-step p { color: #687581; font-size: 14px; }
.technology-arrow { display: flex; align-items: center; justify-content: center; color: #1677c8; font-size: 24px; font-weight: 700; }
.technology-features { background: #f5f8fa; }
.technology-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.technology-feature { padding: 35px; background: #ffffff; border: 1px solid #e0e7ec; }
.technology-feature h2 { margin-bottom: 14px; font-size: 28px; line-height: 1.2; }
.technology-feature p:last-child { color: #687581; }
.technology-led { padding: 100px 0; }
.technology-led-container { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.technology-led-content h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.technology-led-content > p:not(.section-label) { color: #687581; }
.technology-led-list { display: grid; gap: 20px; margin-top: 30px; }
.technology-led-item { display: flex; gap: 18px; align-items: flex-start; }
.technology-led-item strong { display: block; margin-bottom: 4px; }
.technology-led-item p { color: #687581; font-size: 14px; }
.technology-global { background: #f5f8fa; }
.technology-global-header { max-width: 800px; margin-bottom: 45px; }
.technology-global-header h2 { margin-bottom: 16px; font-size: clamp(32px, 4vw, 48px); }
.technology-global-header > p:last-child { color: #687581; }
.technology-global-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.technology-global-grid > div { padding: 30px; background: #ffffff; border: 1px solid #e0e7ec; }
.technology-global-grid span { color: #1677c8; font-size: 12px; font-weight: 700; }
.technology-global-grid h3 { margin: 15px 0 10px; font-size: 21px; }
.technology-global-grid p { color: #687581; font-size: 14px; }
.technology-limitation { background: #152330; color: #ffffff; }
.technology-limitation-container { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }
.technology-limitation h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.technology-limitation p:not(.section-label) { color: #c5d0d8; }
.technology-limitation-card { display: grid; grid-template-columns: 1fr 1.4fr; gap: 0; border: 1px solid rgba(255,255,255,.15); }
.technology-limitation-card strong,.technology-limitation-card span { padding: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.technology-limitation-card strong { color: #70b7e8; }
.technology-validation { padding: 100px 0; background: #f5f8fa; }
.technology-validation-header { max-width: 850px; margin-bottom: 45px; }
.technology-validation-header h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.technology-validation-header > p:last-child { color: #687581; font-size: 17px; }
.validation-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.validation-card { overflow: hidden; background: #ffffff; border: 1px solid #e0e7ec; }
.validation-image { display: flex; align-items: center; justify-content: center; min-height: 280px; padding: 20px; background: #ffffff; }
.validation-image img { width: 100%; height: auto; max-height: 480px; object-fit: contain; }
.validation-content { padding: 28px; }
.validation-content h3 { margin-bottom: 12px; font-size: 23px; line-height: 1.3; }
.validation-content p:last-child { color: #687581; font-size: 15px; }
.validation-summary { max-width: 850px; margin: 45px auto 0; padding: 35px; background: #ffffff; border-left: 3px solid #1677c8; }
.validation-summary h3 { margin-bottom: 12px; font-size: 26px; line-height: 1.3; }
.validation-summary p:last-child { color: #687581; font-size: 16px; }

.monitoring-overview { padding: 100px 0; }
.monitoring-overview-container { display: grid; grid-template-columns: 1fr .9fr; gap: 75px; align-items: center; }
.monitoring-overview-content h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.monitoring-overview-content > p:not(.section-label) { color: #687581; margin-bottom: 15px; }
.monitoring-overview-visual { min-width: 0; }
.monitoring-status { padding: 100px 0; background: #f5f8fa; }
.monitoring-status-header,.monitoring-events-header { max-width: 820px; margin-bottom: 45px; }
.monitoring-status-header h2,.monitoring-events-header h2 { margin-bottom: 16px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.monitoring-status-header > p:last-child,.monitoring-events-header > p:last-child { color: #687581; }
.monitoring-status-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.monitoring-status-card { padding: 30px; background: #ffffff; border: 1px solid #e0e7ec; }
.status-indicator { width: 16px; height: 16px; margin-bottom: 18px; border-radius: 50%; background: #aeb7be; box-shadow: 0 0 0 6px #eef1f3; }
.status-indicator.green { background: #28a745; box-shadow: 0 0 0 6px #e5f4e8; }
.status-indicator.red { background: #dc3545; box-shadow: 0 0 0 6px #fae5e8; }
.monitoring-status-card > span { display: block; margin-bottom: 8px; color: #1677c8; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; }
.monitoring-status-card h3 { margin-bottom: 10px; font-size: 21px; }
.monitoring-status-card p { color: #687581; font-size: 14px; }
.monitoring-events { padding: 100px 0; }
.monitoring-table { overflow-x: auto; border: 1px solid #dfe6eb; }
.monitoring-table-header,.monitoring-table-row { min-width: 700px; display: grid; grid-template-columns: 1.1fr .8fr 1fr 1.3fr; gap: 20px; padding: 17px 20px; align-items: center; }
.monitoring-table-header { background: #152330; color: #ffffff; font-size: 12px; font-weight: 700; }
.monitoring-table-row { border-top: 1px solid #e2e8ec; color: #53616d; font-size: 14px; }
.monitoring-table-row strong { color: #1677c8; font-size: 12px; }
.monitoring-workflow { padding: 100px 0; background: #f5f8fa; }
.monitoring-reader { padding: 100px 0; }
.monitoring-reader-container { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.monitoring-reader-content h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.monitoring-reader-content > p:not(.section-label) { margin-bottom: 15px; color: #687581; }
.monitoring-reader-features { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 28px; }
.monitoring-reader-features div { display: flex; gap: 12px; padding: 14px; background: #f5f8fa; }
.monitoring-reader-features strong { color: #1677c8; font-size: 12px; }
.monitoring-reader-visual img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.monitoring-limitation { padding: 100px 0; background: #152330; color: #ffffff; }
.monitoring-limitation-container { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }
.monitoring-limitation h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.monitoring-limitation p:not(.section-label) { margin-bottom: 15px; color: #c5d0d8; }
.monitoring-limitation-card { display: grid; grid-template-columns: 1fr 1.4fr; border: 1px solid rgba(255,255,255,.15); }
.monitoring-limitation-card strong,.monitoring-limitation-card span { padding: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.monitoring-limitation-card strong { color: #70b7e8; }
.monitoring-global { padding: 100px 0; background: #f5f8fa; }
.monitoring-global-container { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }
.monitoring-global-content h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.monitoring-global-content > p:not(.section-label) { margin-bottom: 15px; color: #687581; }
.monitoring-global-box { display: flex; flex-direction: column; gap: 0; padding: 35px; background: #152330; color: #ffffff; }
.monitoring-global-box strong { margin-bottom: 22px; color: #70b7e8; font-size: 28px; }
.monitoring-global-box span { padding: 15px 0; border-top: 1px solid rgba(255,255,255,.15); font-size: 13px; font-weight: 700; letter-spacing: 1px; }
.about-introduction,.about-mission,.about-values { padding: 100px 0; }
.about-introduction-container { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }
.about-introduction-content h2,.about-mission-header h2,.about-values-header h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.about-introduction-content > p:not(.section-label) { margin-bottom: 15px; color: #687581; }
.about-introduction-visual { display: flex; justify-content: center; }
.about-company-box { display: flex; flex-direction: column; justify-content: center; width: min(100%,380px); min-height: 300px; padding: 40px; background: #152330; color: #ffffff; box-shadow: 0 25px 60px rgba(15,30,45,.15); }
.about-company-box strong { margin-bottom: 25px; font-size: 32px; }
.about-company-box span { padding: 14px 0; border-top: 1px solid rgba(255,255,255,.15); color: #c5d0d8; font-size: 12px; letter-spacing: 1.5px; }
.about-mission { background: #f5f8fa; }
.about-mission-header,.about-values-header { max-width: 850px; margin-bottom: 45px; }
.about-mission-header > p:last-child,.about-values-header > p:last-child { color: #687581; }
.about-mission-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; }
.about-mission-card { padding: 28px; background: #ffffff; border: 1px solid #e0e7ec; }
.about-mission-card > span { color: #1677c8; font-size: 12px; font-weight: 700; }
.about-mission-card h3 { margin: 15px 0 10px; font-size: 20px; }
.about-mission-card p { color: #687581; font-size: 14px; }
.about-technology { padding: 100px 0; }
.about-technology-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
.about-tech-card { padding: 35px; border: 1px solid #e0e7ec; }
.about-tech-number { display: block; margin-bottom: 18px; color: #1677c8; font-size: 12px; font-weight: 700; }
.about-tech-card h3 { margin-bottom: 12px; font-size: 24px; }
.about-tech-card > p:not(.section-label) { color: #687581; }
.seal-status { margin-top: 22px; }
.seal-status span { display: block; margin-top: 8px; font-size: 13px; font-weight: 700; }
.about-values { background: #f5f8fa; }
.about-values-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; }
.about-value { padding: 28px; background: #ffffff; border: 1px solid #e0e7ec; }
.about-value > span { color: #1677c8; font-size: 12px; font-weight: 700; }
.about-value h3 { margin: 15px 0 10px; font-size: 20px; }
.about-value p { color: #687581; font-size: 14px; }
.rfid-gps { padding: 100px 0; }
.rfid-gps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.rfid-gps-card { padding: 35px; border: 1px solid #e0e7ec; }
.rfid-gps-card h3 { margin-bottom: 12px; font-size: 28px; }
.rfid-gps-card > p:not(.section-label) { color: #687581; }
.rfid-gps-card ul { margin-top: 22px; padding-left: 20px; color: #53616d; }
.rfid-gps-card li { margin-bottom: 8px; }
.contact-main,.contact-solutions,.contact-status { padding: 100px 0; }
.contact-main { background: #ffffff; }
.contact-main-container { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: start; }
.contact-content h2,.contact-info-card h3,.contact-section-header h2,.contact-status-content h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
.contact-content > p:not(.section-label) { margin-bottom: 15px; color: #687581; }
.contact-topics { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 30px; }
.contact-topics div { display: flex; align-items: center; gap: 12px; padding: 15px; background: #f5f8fa; }
.contact-topics span { color: #1677c8; font-size: 12px; font-weight: 700; }
.contact-info-card { padding: 35px; background: #152330; color: #ffffff; }
.contact-info-card h3 { font-size: 30px; }
.contact-detail { display: flex; flex-direction: column; gap: 3px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.14); }
.contact-detail strong { color: #70b7e8; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
.contact-detail a,.contact-detail span { color: #ffffff; font-size: 15px; }
.contact-detail a:hover { color: #70b7e8; }
.contact-solutions { background: #f5f8fa; }
.contact-section-header { max-width: 820px; margin-bottom: 45px; }
.contact-section-header > p:last-child { color: #687581; }
.contact-solutions-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; }
.contact-solution-card { padding: 28px; background: #ffffff; border: 1px solid #e0e7ec; }
.contact-solution-card > span { color: #1677c8; font-size: 12px; font-weight: 700; }
.contact-solution-card h3 { margin: 15px 0 10px; font-size: 20px; }
.contact-solution-card p { color: #687581; font-size: 14px; }
.contact-status-container { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.contact-status-content > p:not(.section-label) { color: #687581; }
.status-list { display: grid; gap: 15px; margin-top: 28px; }
.status-list div { display: flex; align-items: center; gap: 12px; padding: 15px; background: #f5f8fa; }
.status-list div span { font-size: 18px; }
.contact-status-card { padding: 35px; background: #152330; color: #ffffff; }
.contact-status-card strong { display: block; margin-bottom: 7px; color: #70b7e8; }
.contact-status-card p { margin-bottom: 24px; color: #c5d0d8; font-size: 14px; }
.contact-status-card p:last-child { margin-bottom: 0; }
.contact-inquiry { padding: 100px 0; }
.contact-inquiry-header { max-width: 820px; margin-bottom: 45px; }
.contact-inquiry-header h2 { margin-bottom: 18px; font-size: clamp(32px,4vw,48px); line-height: 1.15; }
.contact-inquiry-header > p:last-child { color: #687581; }
.contact-inquiry-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.contact-inquiry-grid > div { padding: 30px; border: 1px solid #e0e7ec; }
.contact-inquiry-grid h3 { margin-bottom: 10px; font-size: 22px; }
.contact-inquiry-grid p { color: #687581; font-size: 14px; }
.contact-global { padding: 100px 0; background: #f5f8fa; }
.contact-global-container { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }
.contact-global-content h2 { margin-bottom: 18px; font-size: clamp(32px,4vw,48px); line-height: 1.15; }
.contact-global-content > p:not(.section-label) { margin-bottom: 15px; color: #687581; }
.contact-global-box { display: flex; flex-direction: column; padding: 35px; background: #152330; color: #ffffff; }
.contact-global-box strong { margin-bottom: 20px; color: #70b7e8; font-size: 28px; }
.contact-global-box span { padding: 15px 0; border-top: 1px solid rgba(255,255,255,.15); font-size: 12px; font-weight: 700; letter-spacing: 1px; }
footer { padding: 28px 0; background: #0e1821; color: #aebbc5; text-align: center; }
footer p { font-size: 12px; }
@media (max-width: 1000px) {
.container { width: min(100% - 30px, 900px); }
header .container { flex-direction: column; justify-content: center; padding: 18px 0; }
nav { flex-wrap: wrap; justify-content: center; gap: 14px 20px; }
.hero-container,.technology-container,.monitoring-container,.monitoring-overview-container,.about-introduction-container,.contact-main-container,.contact-status-container,.contact-global-container,.monitoring-reader-container,.monitoring-limitation-container,.monitoring-global-container,.technology-led-container,.technology-limitation-container { grid-template-columns: 1fr; gap: 45px; }
.solution-grid,.global-security-grid,.product-global-grid,.technology-global-grid { grid-template-columns: 1fr 1fr; }
.why-grid,.about-mission-grid,.about-values-grid,.contact-solutions-grid { grid-template-columns: 1fr 1fr; }
.technology-flow-large { grid-template-columns: 1fr; }
.technology-arrow { transform: rotate(90deg); min-height: 25px; }
.product-item { gap: 40px; }
}


@media (max-width: 700px) {
.container { width: calc(100% - 28px); }
.logo img { width: 145px; }
nav { gap: 10px 14px; }
nav a { font-size: 12px; }
.page-hero { padding: 70px 0 60px; }
.hero { padding: 70px 0; }
.hero h1 { font-size: 40px; letter-spacing: -1px; }
.hero-description { font-size: 16px; }
.hero-buttons,.home-cta-buttons,.product-cta-buttons,.technology-cta-buttons,.about-cta-buttons,.monitoring-cta-buttons,.contact-cta-buttons { flex-direction: column; align-items: stretch; }
.button { width: 100%; }
.solution-grid,.global-security-grid,.why-grid,.product-global-grid,.technology-feature-grid,.technology-global-grid,.about-mission-grid,.about-technology-grid,.about-values-grid,.rfid-gps-grid,.contact-solutions-grid,.contact-inquiry-grid,.monitoring-status-grid { grid-template-columns: 1fr; }
.solutions,.global-security,.seal-status,.technology-preview,.monitoring-preview,.why-seals,.product-list,.product-global,.technology-system,.technology-features,.technology-led,.technology-workflow,.technology-limitation,.technology-global,.monitoring-overview,.monitoring-status,.monitoring-events,.monitoring-workflow,.monitoring-reader,.monitoring-limitation,.monitoring-global,.about-introduction,.about-mission,.about-technology,.about-values,.rfid-gps,.contact-main,.contact-solutions,.contact-status,.contact-inquiry,.contact-global { padding: 70px 0; }
.product-item { grid-template-columns: 1fr; padding: 55px 0; }
.product-item.reverse .product-image,.product-item.reverse .product-info { order: initial; }
.product-feature-list,.monitoring-features,.monitoring-overview-features,.monitoring-reader-features,.contact-topics { grid-template-columns: 1fr; }
.technology-circle { width: 240px; height: 240px; }
.technology-circle-inner { width: 155px; height: 155px; }
.technology-circle-inner strong { font-size: 30px; }
.validation-grid { grid-template-columns: 1fr; }
.validation-image { min-height: auto; padding: 15px; }
.validation-image img { max-height: none; }
.validation-content { padding: 25px; }
.validation-summary { margin-top: 35px; padding: 27px; }
.validation-summary h3 { font-size: 23px; }
.monitoring-table-header,.monitoring-table-row { min-width: 650px; }
}