:root {--ink: #001D34;--navy: #002F54;--navy-soft: #003D6B;--brand: #0066B3;--brand-600: #005494;--brand-400: #4D93CC;--brand-200: #B3D2EB;--brand-100: #D9E9F5;--brand-50: #EFF6FB;--teal: #00A88E;--teal-600: #008C76;--teal-300: #7CCEBD;--teal-50: #E6F7F4;--amber: #E89900;--bg: #F4F7FA;--paper: #FFFFFF;--rule: #D5DEE8;--rule-soft: #E4EAF1;--muted: #6B7B8C;--text: #3A4A5E;--live: #16A34A;}* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }html { scroll-behavior: smooth; }body {margin: 0;background: var(--bg);color: var(--text);font-family: 'Manrope', system-ui, sans-serif;font-size: 15.5px;line-height: 1.55;position: relative;}body::before {content: "";position: fixed;inset: 0;pointer-events: none;opacity: 0.6;z-index: 1;background-image:radial-gradient(circle at 1px 1px, rgba(0, 102, 179, 0.07) 1px, transparent 0);background-size: 24px 24px;}.serif { font-family: 'Newsreader', Georgia, serif; }.mono { font-family: 'IBM Plex Mono', ui-monospace, monospace; }h1, h2, h3, h4 {color: var(--ink);margin: 0;letter-spacing: -0.015em;font-weight: 700;}a { color: inherit; text-decoration: none; transition: color 0.2s; }.wrap {max-width: 1320px;margin: 0 auto;padding: 0 32px;position: relative;z-index: 2;}@media (max-width: 720px) {.wrap { padding: 0 20px; }}.label-mono {font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--brand);font-weight: 500;}.it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;font-variation-settings: "opsz" 72;}.top-strip {background: var(--ink);color: rgba(255,255,255,0.85);position: relative;z-index: 6;}.top-strip-inner {display: flex;align-items: center;justify-content: space-between;height: 38px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;gap: 24px;}.top-strip a:hover { color: var(--teal-300); }.ts-left, .ts-right { display: flex; gap: 20px; align-items: center; }.ts-live {display: inline-flex;align-items: center;gap: 7px;color: rgba(255,255,255,0.95);}.live-dot {width: 6px; height: 6px;border-radius: 50%;background: var(--live);box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.5);animation: pulse-dot 1.6s ease-out infinite;}@keyframes pulse-dot {0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.55); }70% { box-shadow: 0 0 0 8px rgba(22, 163, 74, 0); }100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }}@media (max-width: 880px) {.ts-left .ts-hide { display: none; }}.header {background: var(--paper);position: sticky;top: 0;z-index: 30;border-bottom: 1px solid var(--rule);backdrop-filter: blur(10px);}.header-row {display: flex;align-items: center;justify-content: space-between;height: 76px;gap: 24px;}.logo {display: flex;align-items: center;gap: 12px;flex-shrink: 0;}.logo-mark {width: 42px;height: 42px;border-radius: 10px;background: var(--brand);color: #fff;display: flex;align-items: center;justify-content: center;font-family: 'Manrope', sans-serif;font-weight: 800;font-size: 17px;position: relative;overflow: hidden;box-shadow: 0 6px 20px -8px rgba(0, 102, 179, 0.6);}.logo-mark::after {content: "";position: absolute;top: 0; right: 0;width: 12px; height: 12px;background: var(--teal);clip-path: polygon(100% 0, 100% 100%, 0 0);}.logo-text {font-family: 'Manrope', sans-serif;font-weight: 800;font-size: 22px;letter-spacing: -0.02em;color: var(--ink);line-height: 1;}.logo-text .plus { color: var(--teal); }.logo-strap {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;font-size: 12px;color: var(--muted);margin-top: 2px;}.search-bar {flex: 1;max-width: 540px;position: relative;}.search-bar input {width: 100%;height: 46px;padding: 0 16px 0 46px;border: 1px solid var(--rule);background: var(--bg);border-radius: 999px;font-family: 'Manrope', sans-serif;font-size: 14px;color: var(--ink);transition: all 0.25s;}.search-bar input::placeholder { color: var(--muted); }.search-bar input:focus {outline: none;background: #fff;border-color: var(--brand);box-shadow: 0 0 0 4px var(--brand-50);}.search-bar svg {position: absolute;left: 16px; top: 50%;transform: translateY(-50%);color: var(--muted);}.search-bar kbd {position: absolute;right: 14px; top: 50%;transform: translateY(-50%);font-family: 'IBM Plex Mono', monospace;font-size: 10px;color: var(--muted);background: #fff;border: 1px solid var(--rule);padding: 3px 6px;border-radius: 4px;}.header-actions {display: flex;gap: 10px;align-items: center;}.icon-btn {width: 42px; height: 42px;display: inline-flex;align-items: center;justify-content: center;border-radius: 10px;color: var(--text);transition: all 0.2s;background: transparent;border: 1px solid transparent;cursor: pointer;}.icon-btn:hover {background: var(--brand-50);color: var(--brand);}.btn-primary {background: var(--brand);color: #fff;padding: 12px 20px;border-radius: 999px;font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 8px;border: 1px solid var(--brand);cursor: pointer;transition: all 0.25s;letter-spacing: -0.005em;box-shadow: 0 4px 14px -4px rgba(0, 102, 179, 0.45);}.btn-primary:hover {background: var(--brand-600);border-color: var(--brand-600);box-shadow: 0 8px 22px -6px rgba(0, 102, 179, 0.55);transform: translateY(-1px);}.btn-primary.teal {background: var(--teal);border-color: var(--teal);box-shadow: 0 4px 14px -4px rgba(0, 168, 142, 0.5);}.btn-primary.teal:hover {background: var(--teal-600);border-color: var(--teal-600);}.btn-outline {background: transparent;color: var(--ink);padding: 12px 20px;border-radius: 999px;font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 8px;border: 1px solid var(--rule);cursor: pointer;transition: all 0.25s;}.btn-outline:hover {border-color: var(--ink);background: #fff;}@media (max-width: 880px) {.search-bar { display: none; }.header-actions .btn-outline-text { display: none; }}.navstrip {background: var(--paper);border-bottom: 1px solid var(--rule);position: relative;z-index: 25;}.navstrip-inner {display: flex;align-items: stretch;gap: 2px;min-height: 50px;}.navstrip-inner a {padding: 0 18px;display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;color: var(--text);position: relative;letter-spacing: -0.005em;cursor: pointer;border-bottom: 2px solid transparent;}.navstrip-inner a .nav-num {font-family: 'IBM Plex Mono', monospace;font-size: 10px;font-weight: 500;color: var(--brand);letter-spacing: 0.1em;}.navstrip-inner a:hover {color: var(--brand);background: var(--brand-50);}.navstrip-inner a.active {color: var(--brand);border-bottom-color: var(--brand);}.navstrip-inner a.active .nav-num { color: var(--teal); }.navstrip-right {margin-left: auto;display: flex;align-items: center;gap: 14px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;text-transform: uppercase;letter-spacing: 0.1em;color: var(--muted);padding: 0 0 0 18px;}.navstrip-right a {color: var(--teal-600);font-weight: 600;padding: 0 14px;background: var(--teal-50);height: 32px;display: inline-flex;align-items: center;border-radius: 999px;gap: 6px;}.navstrip-right a:hover { background: var(--teal); color: #fff; }@media (max-width: 1024px) {.navstrip-inner > a:not(:nth-child(-n+4)) { display: none; }}@media (max-width: 720px) {.navstrip { display: none; }}.hero {padding: 64px 0 80px;position: relative;overflow: hidden;}.hero-ecg {position: absolute;left: 0; right: 0;bottom: 0;height: 80px;pointer-events: none;}.hero-ecg svg { width: 100%; height: 100%; display: block; overflow: visible; }.ecg-trace {stroke: var(--brand);stroke-width: 1;fill: none;opacity: 0.22;}.ecg-path {stroke: var(--teal);stroke-width: 2.4;fill: none;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 150 3500;stroke-dashoffset: 0;filter: drop-shadow(0 0 6px rgba(0, 168, 142, 0.9))drop-shadow(0 0 16px rgba(0, 168, 142, 0.55));animation: ecg-scan 5s linear infinite;}@keyframes ecg-scan {0% { stroke-dashoffset: 3650; }100% { stroke-dashoffset: 0; }}.hero-grid {display: grid;grid-template-columns: 1.15fr 1fr;gap: 64px;align-items: center;}.hero-eyebrow {display: inline-flex;align-items: center;gap: 10px;padding: 7px 14px 7px 10px;background: var(--brand-50);color: var(--brand-600);border-radius: 999px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.12em;text-transform: uppercase;font-weight: 500;margin-bottom: 28px;border: 1px solid var(--brand-100);}.hero-eyebrow .he-dot {width: 6px; height: 6px;border-radius: 50%;background: var(--teal);box-shadow: 0 0 0 3px var(--teal-50);}.hero-title {font-family: 'Manrope', sans-serif;font-weight: 800;font-size: clamp(40px, 5.6vw, 76px);line-height: 1.02;letter-spacing: -0.035em;color: var(--ink);}.hero-title .blue { color: var(--brand); }.hero-title .teal { color: var(--teal); }.hero-title .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;font-variation-settings: "opsz" 72;letter-spacing: -0.02em;}.hero-lede {margin-top: 28px;max-width: 560px;font-size: 17px;line-height: 1.55;color: var(--text);}.hero-lede strong {color: var(--ink);font-weight: 700;}.hero-cta {margin-top: 36px;display: flex;gap: 14px;flex-wrap: wrap;align-items: center;}.hero-cta .btn-primary {padding: 16px 24px;font-size: 15px;}.hero-cta .btn-outline {padding: 16px 22px;font-size: 15px;}.hero-cta .btn-outline svg { color: var(--teal); }.hero-meta {margin-top: 40px;display: flex;align-items: center;gap: 28px;padding-top: 28px;border-top: 1px dashed var(--rule);flex-wrap: wrap;}.hero-meta-stat {display: flex;flex-direction: column;gap: 2px;}.hero-meta-stat .num {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: 22px;color: var(--ink);letter-spacing: -0.02em;}.hero-meta-stat .lbl {font-family: 'IBM Plex Mono', monospace;font-size: 10px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);}.hero-meta-divider {width: 1px;height: 36px;background: var(--rule);}.hero-visual {position: relative;min-height: 540px;}.hero-img-main {position: relative;border-radius: 28px;overflow: hidden;aspect-ratio: 4/5;box-shadow:0 1px 0 var(--rule),0 40px 80px -32px rgba(0, 29, 52, 0.35),0 16px 40px -16px rgba(0, 102, 179, 0.18);}.hero-img-main img {width: 100%;height: 100%;object-fit: cover;display: block;}.hero-img-main::after {content: "";position: absolute;inset: 0;background: linear-gradient(160deg, transparent 50%, rgba(0, 47, 84, 0.45));}.widget {position: absolute;background: #fff;border-radius: 16px;padding: 16px 18px;box-shadow:0 1px 0 var(--rule),0 16px 40px -12px rgba(0, 29, 52, 0.25);border: 1px solid var(--rule);}.widget-live {top: 32px;left: -28px;min-width: 220px;}.widget-live-row {display: flex;align-items: center;gap: 10px;margin-bottom: 12px;}.widget-live-dot {width: 8px; height: 8px; border-radius: 50%;background: var(--live);position: relative;}.widget-live-dot::after {content: "";position: absolute;inset: -4px;border-radius: 50%;background: var(--live);opacity: 0.25;animation: pulse-dot 1.6s ease-out infinite;}.widget-live .w-label {font-family: 'IBM Plex Mono', monospace;font-size: 10px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--muted);margin-left: auto;}.widget-live .w-title {font-weight: 700;color: var(--ink);font-size: 14px;margin-bottom: 4px;}.widget-live .w-meta {font-size: 12px;color: var(--muted);font-family: 'IBM Plex Mono', monospace;letter-spacing: 0.04em;}.widget-live .w-bar {margin-top: 12px;display: flex;align-items: end;gap: 3px;height: 28px;}.widget-live .w-bar i {flex: 1;background: var(--brand-100);border-radius: 2px;display: block;}.widget-live .w-bar i.hi { background: var(--brand); }.widget-live .w-bar i.peak { background: var(--teal); }.widget-cert {top: 200px;right: -36px;display: flex;align-items: center;gap: 12px;min-width: 240px;}.widget-cert .w-icon {width: 44px; height: 44px;border-radius: 12px;background: var(--teal-50);color: var(--teal-600);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.widget-cert .w-title {font-weight: 700;color: var(--ink);font-size: 13px;}.widget-cert .w-sub {font-size: 12px;color: var(--muted);font-family: 'IBM Plex Mono', monospace;letter-spacing: 0.04em;}.widget-care {bottom: 28px;left: -36px;max-width: 280px;}.widget-care-head {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}.widget-care-avatars {display: flex;}.widget-care-avatars i {width: 26px; height: 26px;border-radius: 50%;border: 2px solid #fff;margin-left: -8px;background-size: cover;background-position: center;}.widget-care-avatars i:first-child { margin-left: 0; }.widget-care .w-title {font-weight: 700;color: var(--ink);font-size: 14px;line-height: 1.3;}.widget-care .w-quote {font-family: 'Newsreader', serif;font-style: italic;font-size: 14px;color: var(--text);line-height: 1.45;margin-top: 4px;}.widget-care .w-attrib {font-family: 'IBM Plex Mono', monospace;font-size: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--brand);margin-top: 8px;}.year-stamp {position: absolute;top: -12px;right: -12px;width: 110px;height: 110px;background: var(--navy);color: #fff;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;border: 6px solid var(--bg);z-index: 2;}.year-stamp .ys-big {font-family: 'Manrope', sans-serif;font-weight: 800;font-size: 32px;line-height: 1;letter-spacing: -0.03em;}.year-stamp .ys-big sup {font-size: 14px;color: var(--teal-300);vertical-align: super;font-weight: 700;margin-left: 1px;}.year-stamp .ys-lbl {font-family: 'IBM Plex Mono', monospace;font-size: 9px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--brand-200);margin-top: 4px;}.hero-quick {margin-top: 16px;display: flex;flex-wrap: wrap;align-items: center;gap: 6px 8px;}.hero-quick-label {font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted);margin-right: 6px;}.hero-quick a {padding: 6px 12px;background: #fff;border: 1px solid var(--rule);border-radius: 999px;font-size: 13px;color: var(--text);transition: all 0.2s;}.hero-quick a:hover {border-color: var(--brand);color: var(--brand);background: var(--brand-50);}@media (max-width: 1024px) {.hero-grid { grid-template-columns: 1fr; gap: 80px; }.hero-visual { max-width: 440px; margin: 0 auto; min-height: 0; }}@media (max-width: 720px) {.hero { padding: 40px 0 60px; }.widget-live, .widget-care { left: 12px; }.widget-cert { right: 12px; }}.stats {background: var(--navy);color: #fff;position: relative;overflow: hidden;}.stats::before {content: "";position: absolute;inset: 0;background:radial-gradient(circle at 0% 0%, rgba(0, 168, 142, 0.18), transparent 40%),radial-gradient(circle at 100% 100%, rgba(0, 102, 179, 0.32), transparent 50%);pointer-events: none;}.stats-inner {display: grid;grid-template-columns: repeat(4, 1fr);position: relative;z-index: 1;}.stat {padding: 44px 32px;border-right: 1px solid rgba(255,255,255,0.12);position: relative;}.stat:last-child { border-right: 0; }.stat-key {font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.18em;text-transform: uppercase;color: var(--teal-300);margin-bottom: 12px;display: flex;align-items: center;gap: 8px;}.stat-key::before {content: "";width: 16px;height: 1px;background: var(--teal-300);}.stat-num {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: clamp(48px, 5.5vw, 76px);line-height: 0.95;letter-spacing: -0.04em;display: flex;align-items: baseline;gap: 2px;color: #fff;}.stat-num .plus {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;color: var(--teal-300);font-size: 0.5em;}.stat-num .slash {color: rgba(255,255,255,0.4);font-weight: 300;font-size: 0.55em;}.stat-label {margin-top: 12px;font-size: 14px;color: rgba(255,255,255,0.7);line-height: 1.45;max-width: 220px;}@media (max-width: 880px) {.stats-inner { grid-template-columns: repeat(2, 1fr); }.stat:nth-child(2) { border-right: 0; }.stat:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,0.12); }}.section { padding: 96px 0; position: relative; }@media (max-width: 720px) {.section { padding: 64px 0; }}.sec-header {display: grid;grid-template-columns: 1fr auto;align-items: end;gap: 32px;margin-bottom: 56px;padding-bottom: 28px;border-bottom: 1px solid var(--rule);}.sec-header-meta {display: flex;align-items: center;gap: 14px;margin-bottom: 16px;}.sec-num {font-family: 'IBM Plex Mono', monospace;font-size: 11px;font-weight: 600;letter-spacing: 0.18em;color: var(--brand);display: inline-flex;align-items: center;gap: 8px;}.sec-num::before {content: "";width: 24px;height: 1px;background: var(--brand);}.sec-tag {font-family: 'IBM Plex Mono', monospace;font-size: 11px;text-transform: uppercase;letter-spacing: 0.16em;color: var(--muted);}.sec-title {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: clamp(32px, 4vw, 52px);line-height: 1.05;letter-spacing: -0.025em;color: var(--ink);}.sec-title .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;color: var(--brand);}.sec-title .teal {color: var(--teal);}.sec-header-aside {font-size: 14px;color: var(--muted);line-height: 1.5;max-width: 280px;text-align: right;}.sec-header-aside .link {color: var(--brand);font-weight: 600;margin-top: 8px;display: inline-flex;align-items: center;gap: 6px;}.sec-header-aside .link:hover { color: var(--brand-600); gap: 10px; }@media (max-width: 720px) {.sec-header { grid-template-columns: 1fr; }.sec-header-aside { text-align: left; }}.cats-grid {display: grid;grid-template-columns: 1.3fr 1fr 1fr;gap: 20px;}.cat-card {position: relative;min-height: 460px;padding: 32px;border-radius: 24px;overflow: hidden;display: flex;flex-direction: column;color: #fff;cursor: pointer;transition: transform 0.4s, box-shadow 0.4s;isolation: isolate;}.cat-card:hover {transform: translateY(-4px);box-shadow: 0 30px 60px -24px rgba(0, 29, 52, 0.35);}.cat-card::before {content: "";position: absolute;inset: 0;background-size: cover;background-position: center;opacity: 0.18;z-index: -2;transition: opacity 0.4s, transform 0.6s;}.cat-card:hover::before { opacity: 0.3; transform: scale(1.04); }.cat-card::after {content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(165deg, var(--c-from), var(--c-to));}.cat-card.feature {--c-from: #003D6B;--c-to: #0066B3;}.cat-card.feature::before { background-image: url('https://images.unsplash.com/photo-1559757175-5700dde675bc?auto=format&fit=crop&w=900&q=85'); }.cat-card.care {--c-from: #008C76;--c-to: #00A88E;}.cat-card.care::before { background-image: url('https://images.unsplash.com/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=900&q=85'); }.cat-card.beauty {--c-from: #0F4F8C;--c-to: #1E6FB8;}.cat-card.beauty::before { background-image: url('https://images.unsplash.com/photo-1556228720-195a672e8a03?auto=format&fit=crop&w=900&q=85'); }.cat-meta {display: flex;justify-content: space-between;align-items: center;margin-bottom: auto;}.cat-meta .cat-num {font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.14em;text-transform: uppercase;color: rgba(255,255,255,0.7);}.cat-meta .cat-count {font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.1em;color: rgba(255,255,255,0.85);background: rgba(255,255,255,0.12);padding: 5px 11px;border-radius: 999px;backdrop-filter: blur(8px);}.cat-card h3 {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: clamp(26px, 2.6vw, 36px);line-height: 1.05;letter-spacing: -0.025em;color: #fff;margin: 28px 0 14px;}.cat-card h3 .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 300;color: rgba(255,255,255,0.85);}.cat-card .cat-desc {font-size: 14px;line-height: 1.55;color: rgba(255,255,255,0.82);margin-bottom: 24px;max-width: 320px;}.cat-tags {display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 24px;}.cat-tags span {font-family: 'IBM Plex Mono', monospace;font-size: 10.5px;letter-spacing: 0.08em;padding: 4px 10px;background: rgba(255,255,255,0.14);border: 1px solid rgba(255,255,255,0.18);border-radius: 6px;backdrop-filter: blur(4px);}.cat-cta {display: inline-flex;align-items: center;gap: 10px;font-weight: 600;font-size: 14px;padding-bottom: 6px;border-bottom: 1px solid rgba(255,255,255,0.5);align-self: flex-start;transition: gap 0.3s;}.cat-card:hover .cat-cta { gap: 16px; border-bottom-color: #fff; }@media (max-width: 1024px) {.cats-grid { grid-template-columns: 1fr 1fr; }.cat-card.feature { grid-column: 1 / -1; min-height: 360px; }}@media (max-width: 720px) {.cats-grid { grid-template-columns: 1fr; }.cat-card.feature { grid-column: auto; }}.cat-filter-row {display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px;flex-wrap: wrap;gap: 14px;}.cat-filters {display: flex;gap: 6px;background: #fff;border: 1px solid var(--rule);border-radius: 999px;padding: 5px;}.cat-filter {font-family: 'Manrope', sans-serif;font-size: 13px;font-weight: 600;padding: 8px 18px;border: 0;background: transparent;color: var(--text);cursor: pointer;border-radius: 999px;transition: all 0.25s;letter-spacing: -0.005em;}.cat-filter:hover { color: var(--brand); }.cat-filter.active {background: var(--brand);color: #fff;box-shadow: 0 2px 10px -2px rgba(0, 102, 179, 0.4);}.cat-meta-mono {font-family: 'IBM Plex Mono', monospace;font-size: 12px;color: var(--muted);letter-spacing: 0.06em;}.cat-meta-mono strong { color: var(--brand); font-weight: 600; }.products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;}.product {background: #fff;border: 1px solid var(--rule);border-radius: 18px;overflow: hidden;display: flex;flex-direction: column;position: relative;transition: all 0.3s;cursor: pointer;}.product:hover {transform: translateY(-3px);border-color: var(--brand-200);box-shadow: 0 24px 50px -24px rgba(0, 102, 179, 0.28);}.product-img {aspect-ratio: 1;background: var(--brand-50);position: relative;overflow: hidden;}.product-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s;}.product:hover .product-img img { transform: scale(1.06); }.product-tags {position: absolute;top: 12px;left: 12px;display: flex;gap: 6px;z-index: 2;}.product-tag {font-family: 'IBM Plex Mono', monospace;font-size: 10px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;padding: 5px 9px;border-radius: 6px;background: #fff;color: var(--ink);box-shadow: 0 2px 6px -2px rgba(0,29,52,0.2);}.product-tag.hot { background: var(--brand); color: #fff; }.product-tag.teal { background: var(--teal); color: #fff; }.product-tag.amber { background: var(--amber); color: #fff; }.product-tag.navy { background: var(--navy); color: #fff; }.product-wishlist {position: absolute;top: 12px;right: 12px;width: 36px;height: 36px;border-radius: 10px;background: rgba(255,255,255,0.92);backdrop-filter: blur(6px);display: flex;align-items: center;justify-content: center;color: var(--ink);transition: all 0.25s;z-index: 2;}.product-wishlist:hover {background: var(--brand);color: #fff;}.product-body {padding: 18px 18px 20px;display: flex;flex-direction: column;gap: 6px;flex: 1;}.product-brand-row {display: flex;justify-content: space-between;align-items: baseline;gap: 8px;}.product-brand {font-family: 'IBM Plex Mono', monospace;font-size: 10.5px;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--brand);}.product-sku {font-family: 'IBM Plex Mono', monospace;font-size: 10px;color: var(--muted);letter-spacing: 0.04em;}.product-name {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: 15.5px;line-height: 1.3;color: var(--ink);letter-spacing: -0.012em;margin: 2px 0 0;min-height: 42px;}.product-name .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;color: var(--brand);}.product-specs {display: flex;gap: 10px;flex-wrap: wrap;margin: 6px 0 12px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;color: var(--muted);letter-spacing: 0.02em;}.product-specs span {display: inline-flex;align-items: center;gap: 4px;}.product-specs span::before {content: "·";color: var(--brand);font-weight: 700;}.product-specs span:first-child::before { display: none; }.product-footer {display: flex;justify-content: space-between;align-items: center;margin-top: auto;padding-top: 14px;border-top: 1px dashed var(--rule);}.product-price {font-weight: 700;color: var(--ink);font-size: 14px;}.product-cta {font-size: 13px;font-weight: 600;color: var(--brand);display: inline-flex;align-items: center;gap: 4px;padding: 6px 12px;background: var(--brand-50);border-radius: 999px;transition: all 0.2s;}.product:hover .product-cta {background: var(--brand);color: #fff;gap: 8px;}@media (max-width: 1024px) {.products-grid { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 720px) {.products-grid { grid-template-columns: repeat(2, 1fr); }.product-name { font-size: 14px; min-height: 38px; }}.products-end {margin-top: 48px;text-align: center;}.twin {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}.twin-card {position: relative;border-radius: 28px;padding: 48px;min-height: 480px;overflow: hidden;border: 1px solid var(--rule);background: #fff;isolation: isolate;display: flex;flex-direction: column;}.twin-card.b2b {background: linear-gradient(165deg, var(--navy) 0%, var(--brand-600) 100%);color: #fff;}.twin-card.b2b .twin-icon { background: rgba(255,255,255,0.15); color: #fff; }.twin-card.b2b .twin-eyebrow { color: var(--teal-300); }.twin-card.b2b h3 { color: #fff; }.twin-card.b2b .twin-lede { color: rgba(255,255,255,0.85); }.twin-card.b2b .twin-list li { color: rgba(255,255,255,0.92); border-color: rgba(255,255,255,0.14); }.twin-card.b2b .twin-list li .num { background: rgba(255,255,255,0.16); color: #fff; }.twin-card.b2b .btn-primary {background: #fff;color: var(--navy);border-color: #fff;box-shadow: 0 6px 18px -6px rgba(0,0,0,0.3);}.twin-card.b2b .btn-primary:hover {background: var(--teal);color: #fff;border-color: var(--teal);}.twin-card.b2c {background: linear-gradient(165deg, var(--teal-50) 0%, #fff 60%);border-color: var(--teal-300);}.twin-card.b2c .twin-icon { background: var(--teal); color: #fff; }.twin-card.b2c .twin-eyebrow { color: var(--teal-600); }.twin-card.b2c .btn-primary {background: var(--teal);border-color: var(--teal);box-shadow: 0 6px 18px -4px rgba(0,168,142,0.45);}.twin-card.b2c .btn-primary:hover { background: var(--teal-600); border-color: var(--teal-600); }.twin-deco {position: absolute;top: 0; right: 0;width: 220px; height: 220px;opacity: 0.08;pointer-events: none;}.twin-icon {width: 56px; height: 56px;border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 24px;}.twin-eyebrow {font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.16em;text-transform: uppercase;font-weight: 600;margin-bottom: 8px;}.twin-card h3 {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: clamp(28px, 2.8vw, 38px);line-height: 1.05;letter-spacing: -0.025em;color: var(--ink);}.twin-card h3 .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;font-variation-settings: "opsz" 72;}.twin-lede {margin-top: 14px;font-size: 16px;line-height: 1.55;color: var(--text);}.twin-list {list-style: none;padding: 0;margin: 26px 0;display: flex;flex-direction: column;gap: 0;}.twin-list li {display: grid;grid-template-columns: 30px 1fr;gap: 14px;padding: 14px 0;border-bottom: 1px solid var(--rule);font-size: 14.5px;color: var(--text);align-items: center;}.twin-list li:last-child { border-bottom: 0; }.twin-list li .num {width: 26px;height: 26px;border-radius: 50%;background: var(--brand-50);color: var(--brand);font-family: 'IBM Plex Mono', monospace;font-size: 11px;font-weight: 600;display: inline-flex;align-items: center;justify-content: center;}.twin-list li .num.teal { background: var(--teal-50); color: var(--teal-600); }.twin-card .btn-primary {align-self: flex-start;padding: 14px 24px;margin-top: auto;}@media (max-width: 880px) {.twin { grid-template-columns: 1fr; }.twin-card { padding: 36px 28px; min-height: 0; }}.story-grid {display: grid;grid-template-columns: 1fr 1.1fr;gap: 64px;align-items: center;}.story-visual {position: relative;}.story-img-main {position: relative;border-radius: 28px;overflow: hidden;aspect-ratio: 4/5;box-shadow: 0 30px 70px -32px rgba(0, 29, 52, 0.4);}.story-img-main img {width: 100%; height: 100%;object-fit: cover;}.story-img-main::after {content: "";position: absolute;inset: 0;background: linear-gradient(160deg, transparent 60%, rgba(0, 47, 84, 0.4));}.story-badge {position: absolute;bottom: -32px;right: -24px;background: var(--brand);color: #fff;border-radius: 22px;padding: 24px 26px;box-shadow: 0 20px 50px -16px rgba(0, 102, 179, 0.55);max-width: 260px;}.story-badge .b-num {font-family: 'Manrope', sans-serif;font-weight: 800;font-size: 48px;line-height: 0.95;letter-spacing: -0.04em;}.story-badge .b-num sup {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;font-size: 22px;color: var(--teal-300);vertical-align: super;margin-left: 1px;}.story-badge .b-lbl {font-size: 13px;color: rgba(255,255,255,0.85);margin-top: 8px;line-height: 1.4;}.story-side-img {position: absolute;top: -28px;left: -32px;width: 160px;height: 200px;border-radius: 16px;overflow: hidden;border: 6px solid var(--bg);box-shadow: 0 18px 40px -14px rgba(0, 29, 52, 0.3);z-index: 2;}.story-side-img img { width: 100%; height: 100%; object-fit: cover; }.story-content h2 {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: clamp(32px, 3.6vw, 50px);line-height: 1.05;letter-spacing: -0.025em;color: var(--ink);margin: 14px 0 22px;}.story-content h2 .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;color: var(--brand);}.story-content p {font-size: 16px;line-height: 1.7;color: var(--text);margin: 0 0 18px;}.story-quote {margin: 28px 0;padding: 22px 0 22px 24px;border-left: 3px solid var(--teal);background: var(--teal-50);border-radius: 0 14px 14px 0;padding-right: 24px;font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;font-size: 19px;line-height: 1.5;color: var(--navy);}.story-features {margin-top: 36px;display: grid;grid-template-columns: 1fr 1fr;gap: 24px 28px;}.story-feature {display: flex;gap: 14px;}.story-feature .sf-icon {width: 40px; height: 40px;border-radius: 10px;background: var(--brand-50);color: var(--brand);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.story-feature h4 {font-size: 15px;font-weight: 700;margin: 0 0 4px;color: var(--ink);}.story-feature p {margin: 0;font-size: 13.5px;color: var(--muted);line-height: 1.45;}@media (max-width: 1024px) {.story-grid { grid-template-columns: 1fr; gap: 80px; }.story-features { grid-template-columns: 1fr; }.story-side-img { display: none; }}.news-grid {display: grid;grid-template-columns: 1.4fr 1fr 1fr;gap: 24px;}.news-card {background: #fff;border: 1px solid var(--rule);border-radius: 22px;overflow: hidden;display: flex;flex-direction: column;transition: all 0.3s;cursor: pointer;}.news-card:hover {transform: translateY(-3px);border-color: var(--brand-200);box-shadow: 0 24px 50px -24px rgba(0, 102, 179, 0.25);}.news-img {aspect-ratio: 16/10;overflow: hidden;position: relative;}.news-img img {width: 100%; height: 100%;object-fit: cover;transition: transform 0.6s;}.news-card:hover .news-img img { transform: scale(1.05); }.news-card.feature .news-img { aspect-ratio: 16/12; }.news-body { padding: 24px; flex: 1; display: flex; flex-direction: column; }.news-meta {display: flex;gap: 12px;align-items: center;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);margin-bottom: 14px;}.news-meta .cat {color: var(--brand);padding: 3px 8px;background: var(--brand-50);border-radius: 4px;font-weight: 600;}.news-meta .cat.teal { color: var(--teal-600); background: var(--teal-50); }.news-meta .cat.amber { color: #B57400; background: #FEF3D8; }.news-meta .dot { width: 3px; height: 3px; background: var(--rule); border-radius: 50%; }.news-card.feature h3 {font-size: clamp(22px, 2.2vw, 28px);line-height: 1.15;}.news-card h3 {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: 18px;line-height: 1.25;letter-spacing: -0.015em;color: var(--ink);margin: 0 0 12px;}.news-card h3 .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;color: var(--brand);}.news-card p {font-size: 14px;color: var(--muted);line-height: 1.55;margin: 0;}.news-card .read {margin-top: 20px;font-size: 13px;font-weight: 600;color: var(--brand);display: inline-flex;align-items: center;gap: 6px;transition: gap 0.3s;}.news-card:hover .read { gap: 10px; }@media (max-width: 1024px) {.news-grid { grid-template-columns: 1fr 1fr; }.news-card.feature { grid-column: span 2; }}@media (max-width: 720px) {.news-grid { grid-template-columns: 1fr; }.news-card.feature { grid-column: auto; }}.partners {background: linear-gradient(180deg, var(--bg) 0%, var(--brand-50) 100%);padding: 88px 0;position: relative;}.partners-header {text-align: center;margin-bottom: 56px;}.partners-header .label {font-family: 'IBM Plex Mono', monospace;font-size: 11px;font-weight: 600;letter-spacing: 0.22em;text-transform: uppercase;color: var(--brand);margin-bottom: 14px;display: block;}.partners-header h2 {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: clamp(28px, 3.4vw, 44px);line-height: 1.05;letter-spacing: -0.025em;}.partners-header h2 .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;color: var(--brand);}.partners-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 14px;}.partner {background: #fff;border: 1px solid var(--rule);padding: 22px 16px;border-radius: 14px;text-align: center;transition: all 0.3s;min-height: 100px;display: flex;flex-direction: column;justify-content: center;gap: 4px;}.partner:hover {border-color: var(--brand);transform: translateY(-2px);box-shadow: 0 16px 32px -16px rgba(0, 102, 179, 0.3);}.partner .est {font-family: 'IBM Plex Mono', monospace;font-size: 10px;letter-spacing: 0.12em;color: var(--teal-600);text-transform: uppercase;font-weight: 600;}.partner .name {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: 16px;color: var(--ink);letter-spacing: -0.01em;}@media (max-width: 880px) { .partners-grid { grid-template-columns: repeat(3, 1fr); } }@media (max-width: 560px) { .partners-grid { grid-template-columns: repeat(2, 1fr); } }.cta {background: var(--ink);color: #fff;padding: 96px 0;position: relative;overflow: hidden;}.cta::before {content: "";position: absolute;inset: 0;background:radial-gradient(circle at 15% 30%, rgba(0, 102, 179, 0.4), transparent 50%),radial-gradient(circle at 85% 70%, rgba(0, 168, 142, 0.3), transparent 50%);pointer-events: none;}.cta::after {content: "";position: absolute;inset: 0;background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,0.06) 1px, transparent 0);background-size: 28px 28px;pointer-events: none;}.cta-inner {max-width: 880px;margin: 0 auto;text-align: center;position: relative;z-index: 1;}.cta-eyebrow {display: inline-flex;align-items: center;gap: 8px;padding: 7px 14px 7px 10px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.16);border-radius: 999px;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.14em;text-transform: uppercase;color: rgba(255,255,255,0.85);margin-bottom: 28px;font-weight: 500;}.cta-eyebrow .he-dot {width: 6px; height: 6px; border-radius: 50%;background: var(--live);}.cta h2 {font-family: 'Manrope', sans-serif;font-weight: 700;font-size: clamp(36px, 5vw, 64px);line-height: 1.02;letter-spacing: -0.03em;color: #fff;margin: 0 0 24px;}.cta h2 .it {font-family: 'Newsreader', serif;font-style: italic;font-weight: 400;color: var(--teal-300);}.cta p {font-size: 18px;line-height: 1.55;color: rgba(255,255,255,0.78);max-width: 580px;margin: 0 auto;}.cta-actions {margin-top: 40px;display: flex;justify-content: center;gap: 12px;flex-wrap: wrap;}.cta-actions .btn-primary {padding: 16px 26px;font-size: 15px;background: #fff;color: var(--ink);border-color: #fff;}.cta-actions .btn-primary:hover {background: var(--teal);color: #fff;border-color: var(--teal);}.cta-actions .btn-outline {padding: 16px 24px;font-size: 15px;background: transparent;color: #fff;border-color: rgba(255,255,255,0.4);}.cta-actions .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.08); }.cta-trust {margin-top: 48px;padding-top: 32px;border-top: 1px solid rgba(255,255,255,0.12);display: flex;justify-content: center;align-items: center;gap: 32px;flex-wrap: wrap;font-family: 'IBM Plex Mono', monospace;font-size: 11px;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255,255,255,0.55);}.cta-trust .tr-item { display: inline-flex; align-items: center; gap: 8px; }.cta-trust .tr-item svg { color: var(--teal-300); }.footer {background: var(--paper);border-top: 1px solid var(--rule);padding: 64px 0 32px;}.footer-top {display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 48px;padding-bottom: 48px;border-bottom: 1px solid var(--rule);}.footer-brand h3 {font-family: 'Manrope', sans-serif;font-weight: 800;font-size: 28px;letter-spacing: -0.025em;margin: 0 0 4px;color: var(--ink);}.footer-brand h3 .plus { color: var(--teal); }.footer-brand .tagline {font-family: 'Newsreader', serif;font-style: italic;font-size: 14px;color: var(--brand);margin-bottom: 16px;}.footer-brand p {font-size: 14px;line-height: 1.6;color: var(--text);margin: 0 0 18px;}.footer-brand .reg {font-family: 'IBM Plex Mono', monospace;font-size: 10.5px;line-height: 1.7;color: var(--muted);letter-spacing: 0.06em;text-transform: uppercase;}.footer-col h4 {font-family: 'IBM Plex Mono', monospace;font-size: 11px;font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase;color: var(--brand);margin: 0 0 18px;padding-bottom: 12px;border-bottom: 1px solid var(--rule);}.footer-col ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 11px;}.footer-col li {font-size: 14px;line-height: 1.4;color: var(--text);}.footer-col li a:hover { color: var(--brand); }.footer-contact li {display: grid;grid-template-columns: 20px 1fr;gap: 10px;align-items: flex-start;}.footer-contact .ico {color: var(--brand);margin-top: 2px;}.footer-contact strong { color: var(--ink); font-weight: 700; }.footer-bottom {padding-top: 28px;display: flex;justify-content: space-between;align-items: center;gap: 16px;flex-wrap: wrap;font-size: 13px;color: var(--muted);}.footer-bottom a:hover { color: var(--brand); }.footer-socials {display: flex;gap: 8px;}.footer-socials a {width: 36px; height: 36px;background: var(--bg);border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;color: var(--text);transition: all 0.25s;}.footer-socials a:hover {background: var(--brand);color: #fff;}.footer-socials svg { width: 14px; height: 14px; }@media (max-width: 1024px) {.footer-top { grid-template-columns: 1fr 1fr; }}@media (max-width: 600px) {.footer-top { grid-template-columns: 1fr; }}.floating {position: fixed;right: 22px;bottom: 22px;display: flex;flex-direction: column;gap: 10px;z-index: 40;}.float-btn {width: 52px; height: 52px;border-radius: 16px;display: inline-flex;align-items: center;justify-content: center;color: #fff;box-shadow: 0 16px 36px -10px rgba(0, 29, 52, 0.45);transition: all 0.25s;}.float-btn.call { background: var(--teal); }.float-btn.call:hover { background: var(--teal-600); transform: translateY(-2px); }.float-btn.msg { background: var(--brand); }.float-btn.msg:hover { background: var(--brand-600); transform: translateY(-2px); }.float-btn svg { width: 22px; height: 22px; }@keyframes rise {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0); }}.rise {opacity: 0;animation: rise 0.85s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;}.rise.d1 { animation-delay: 0.05s; }.rise.d2 { animation-delay: 0.15s; }.rise.d3 { animation-delay: 0.25s; }.rise.d4 { animation-delay: 0.35s; }.rise.d5 { animation-delay: 0.45s; }.rise.d6 { animation-delay: 0.55s; }.rise.d7 { animation-delay: 0.65s; }.observe {opacity: 0;transform: translateY(24px);transition: opacity 0.85s cubic-bezier(0.2, 0.7, 0.2, 1),transform 0.85s cubic-bezier(0.2, 0.7, 0.2, 1);}.observe.seen {opacity: 1;transform: translateY(0);}::selection { background: var(--brand); color: #fff; }