/* Reusable visual tokens. Scoped to the Phase 5B homepage; no shop/checkout styles. */
body.ukm-home { margin:0; background:#fff; }
.ukm-site { --ukm-ink:#39434f; --ukm-muted:#66717d; --ukm-blue:#2463cf; --ukm-line:#e0e7ee; --ukm-soft:#f6f8fb; color:var(--ukm-ink); background:#fff; font:16px/1.65 Arial,Helvetica,sans-serif; letter-spacing:0; overflow-wrap:break-word; }
.ukm-site *, .ukm-site *::before, .ukm-site *::after { box-sizing:border-box; }
.ukm-site h1,.ukm-site h2,.ukm-site h3,.ukm-site p,.ukm-site figure { margin:0; font-family:inherit; color:inherit; }
.ukm-site a { color:inherit; text-decoration:none; }
.ukm-site a:focus-visible,.ukm-site button:focus-visible { outline:3px solid var(--ukm-blue); outline-offset:5px; }
.ukm-site a:hover { color:var(--ukm-blue); }
.ukm-site img { display:block; max-width:100%; }
.ukm-wrap { width:min(1280px,calc(100% - 112px)); margin-inline:auto; }
.ukm-site .ukm-eyebrow { font-size:11px; letter-spacing:.15em; line-height:1.5; font-weight:700; margin-bottom:24px; }
.ukm-header { padding:27px 4.2%; display:flex; align-items:center; justify-content:space-between; gap:32px; border-bottom:1px solid var(--ukm-line); }
.ukm-site .ukm-wordmark { font-size:27px; line-height:1; letter-spacing:-1.5px; font-weight:800; }
.ukm-brand-dot { color:var(--ukm-blue); }
.ukm-nav { display:flex; align-items:center; gap:30px; }
.ukm-nav a { font-size:13px; }
.ukm-nav a[aria-current] { border-bottom:2px solid var(--ukm-blue); padding-block:5px; }
.ukm-header-cta { font-size:12px; font-weight:700; display:flex; gap:24px; }
.ukm-menu-toggle { display:none; }
.ukm-skip { position:absolute; top:-100px; left:16px; z-index:1000; background:white; padding:12px; }
.ukm-skip:focus { top:40px; }
.ukm-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:56px; align-items:center; padding-block:68px 64px; }
.ukm-hero .ukm-eyebrow { display:flex; gap:10px; align-items:center; }
.ukm-hero .ukm-eyebrow span { width:6px; height:6px; border-radius:50%; background:var(--ukm-blue); }
.ukm-site h1 { font-size:clamp(42px,4.1vw,60px); line-height:1.12; letter-spacing:-.045em; font-weight:400; }
.ukm-site h1 em { color:var(--ukm-blue); font-style:normal; }
.ukm-site .ukm-lead { font-size:17px; line-height:1.75; color:var(--ukm-muted); max-width:410px; margin-top:28px; }
.ukm-actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-top:32px; }
.ukm-site .ukm-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:17px 23px; background:var(--ukm-blue); color:#fff; font-size:12px; font-weight:700; min-height:48px; }
.ukm-site .ukm-button:hover { background:#1b50aa; color:#fff; }
.ukm-text-link { font-size:12px; font-weight:600; display:inline-block; padding-block:10px; }
.ukm-site .ukm-hero-note { margin-top:30px; color:var(--ukm-muted); font-size:12px; line-height:1.8; }
.ukm-hero-image { background:var(--ukm-soft); padding:22px; align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; min-width:0; }
.ukm-image-topline { display:flex; justify-content:space-between; gap:12px; color:var(--ukm-muted); font-size:9px; letter-spacing:.09em; }
.ukm-hero-image img { width:100%; height:360px; object-fit:contain; mix-blend-mode:multiply; margin:12px auto; }
.ukm-hero-image figcaption { border-top:1px solid #d3d7de; padding-top:16px; display:flex; align-items:center; gap:20px; justify-content:space-between; font-size:10px; color:var(--ukm-muted); }
.ukm-hero-image figcaption strong { display:block; font-size:17px; letter-spacing:-.03em; color:var(--ukm-ink); }
.ukm-hero-image figcaption a { border:1px solid #b8bec8; font-size:20px; width:42px; height:42px; display:grid; place-items:center; flex-shrink:0; }
.ukm-intro-strip { display:flex; justify-content:space-between; align-items:center; gap:40px; border-top:1px solid var(--ukm-line); border-bottom:1px solid var(--ukm-line); padding-block:24px; }
.ukm-intro-strip p { font-size:15px; font-weight:600; }
.ukm-intro-strip span { font-size:12px; color:var(--ukm-muted); }
.ukm-section { padding-block:100px; }
.ukm-section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:48px; }
.ukm-site h2 { font-size:clamp(34px,3.4vw,48px); line-height:1.13; letter-spacing:-.045em; font-weight:500; }
.ukm-section-heading > p { font-size:14px; color:var(--ukm-muted); }
.ukm-category { display:grid; grid-template-columns:48px 1fr 1fr 28px; align-items:center; gap:22px; border-top:1px solid var(--ukm-line); padding:27px 0; }
.ukm-category:last-child { border-bottom:1px solid var(--ukm-line); }
.ukm-index { font-size:10px; color:var(--ukm-muted); }
.ukm-site .ukm-category h3 { font-size:20px; font-weight:500; letter-spacing:-.02em; }
.ukm-site .ukm-category p { font-size:12px; color:var(--ukm-muted); }
.ukm-arrow { font-size:24px; }
.ukm-feature-section { background:var(--ukm-soft); }
.ukm-feature { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; padding-block:68px; }
.ukm-feature-visual img { width:100%; height:380px; object-fit:contain; mix-blend-mode:multiply; }
.ukm-feature-copy > p:not(.ukm-eyebrow):not(.ukm-lead) { color:var(--ukm-muted); font-size:14px; margin-top:18px; max-width:410px; }
.ukm-feature-copy .ukm-button { margin-top:28px; }
.ukm-feature-copy .ukm-text-link { display:block; margin-top:12px; width:fit-content; }
.ukm-scenes { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.ukm-scenes article { padding-top:28px; border-top:2px solid #c9dcf5; }
.ukm-scene-number { font-size:10px; letter-spacing:.1em; color:var(--ukm-muted); }
.ukm-site .ukm-scenes h3 { font-size:27px; font-weight:500; line-height:1.2; letter-spacing:-.035em; margin-top:42px; }
.ukm-site .ukm-scenes p { font-size:13px; margin-top:20px; color:var(--ukm-muted); }
.ukm-scenes .ukm-text-link { margin-top:16px; }
.ukm-why { display:grid; grid-template-columns:1fr 1fr; gap:100px; border-top:1px solid var(--ukm-line); padding-block:70px 100px; }
.ukm-principles article { display:flex; gap:24px; padding-block:0 28px; margin-bottom:28px; border-bottom:1px solid var(--ukm-line); }
.ukm-principles article:last-child { margin-bottom:0; }
.ukm-principles article > span { color:var(--ukm-blue); font-size:11px; padding-top:4px; }
.ukm-site .ukm-principles h3 { font-size:20px; font-weight:500; letter-spacing:-.02em; }
.ukm-site .ukm-principles p { color:var(--ukm-muted); font-size:13px; margin-top:12px; }
.ukm-principles a { text-decoration:underline; text-underline-offset:3px; }
.ukm-about { text-align:center; padding:80px 0 96px; border-top:1px solid var(--ukm-line); }
.ukm-about > p:not(.ukm-eyebrow) { max-width:590px; margin:26px auto 16px; font-size:15px; color:var(--ukm-muted); }
.ukm-contact { background:#edf5ff; color:var(--ukm-ink); padding-block:64px; }
.ukm-contact > div { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.ukm-contact h2 { font-size:clamp(32px,3.3vw,46px); }
.ukm-contact p:not(.ukm-eyebrow) { font-size:13px; margin-top:22px; color:var(--ukm-muted); max-width:540px; }
.ukm-contact-actions { display:flex; flex-direction:column; gap:22px; align-items:start; }
.ukm-site .ukm-button-light { background:var(--ukm-blue); color:#fff; }
.ukm-contact-actions > a:last-child { color:var(--ukm-blue); font-size:13px; }
.ukm-footer { padding-block:60px 24px; }
.ukm-footer-top { display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; padding-bottom:60px; }
.ukm-footer-top p:not(.ukm-eyebrow) { margin-top:20px; color:var(--ukm-muted); font-size:12px; }
.ukm-footer nav { display:grid; grid-template-columns:1fr 1fr; align-content:start; gap:12px; font-size:12px; }
.ukm-footer-top > div:last-child > a { font-size:13px; }
.ukm-footer-bottom { padding-top:22px; border-top:1px solid var(--ukm-line); display:flex; justify-content:space-between; gap:20px; font-size:10px; color:var(--ukm-muted); }
.ukm-placeholder { min-height:300px; display:grid; place-content:center; text-align:center; color:var(--ukm-muted); border:1px dashed #b8bec8; }
@media (max-width:1000px) { .ukm-wrap { width:calc(100% - 64px); } .ukm-header { gap:20px; } .ukm-nav { gap:18px; } .ukm-header-cta { display:none; } .ukm-hero { gap:32px; } .ukm-hero-image img { height:300px; } .ukm-feature,.ukm-why { gap:48px; } .ukm-category { grid-template-columns:30px 1.2fr 1fr 24px; } }
@media (max-width:700px) {
 .ukm-wrap { width:calc(100% - 40px); } .ukm-header { padding:23px 20px; flex-wrap:wrap; gap:22px; } .ukm-site .ukm-wordmark { font-size:24px; }
 .ukm-menu-toggle:not([hidden]) { display:flex; gap:18px; align-items:center; background:transparent; color:var(--ukm-ink); border:0; padding:10px 0 10px 15px; font:600 13px Arial,sans-serif; }
 .ukm-nav { flex-basis:100%; flex-direction:column; align-items:stretch; gap:0; } .ukm-nav a { padding:13px 0; border-top:1px solid var(--ukm-line); } .ukm-nav a[aria-current] { padding:13px 0; border-bottom:0; color:var(--ukm-blue); }
 .ukm-js .ukm-nav { display:none; } .ukm-menu-toggle[aria-expanded="true"] + .ukm-nav { display:flex; }
 .ukm-hero { grid-template-columns:1fr; gap:36px; padding-block:42px 32px; } .ukm-site h1 { font-size:clamp(34px,8.8vw,48px); } .ukm-site .ukm-lead { font-size:15px; margin-top:22px; }
 .ukm-site .ukm-eyebrow { font-size:10px; margin-bottom:20px; } .ukm-actions { gap:12px 24px; margin-top:26px; } .ukm-site .ukm-hero-note { margin-top:24px; font-size:12px; }
 .ukm-hero-image { padding:18px; } .ukm-image-topline { font-size:8px; } .ukm-hero-image img { height:290px; } .ukm-hero-image figcaption { font-size:10px; }
 .ukm-intro-strip { align-items:start; flex-direction:column; gap:8px; padding-block:22px; } .ukm-section { padding-block:60px; }
 .ukm-section-heading { display:block; margin-bottom:30px; } .ukm-section-heading > p { margin-top:20px; font-size:13px; } .ukm-site h2 { font-size:35px; }
 .ukm-category { grid-template-columns:22px 1fr 24px; gap:12px; padding-block:23px; } .ukm-site .ukm-category h3 { font-size:18px; } .ukm-category p { display:none; }
 .ukm-feature { grid-template-columns:1fr; gap:22px; padding-block:36px 48px; } .ukm-feature-visual img { height:280px; } .ukm-feature-copy .ukm-lead { margin-top:20px; }
 .ukm-scenes { grid-template-columns:1fr; gap:32px; } .ukm-scenes article { padding-top:20px; } .ukm-site .ukm-scenes h3 { margin-top:22px; font-size:27px; } .ukm-site .ukm-scenes p { max-width:440px; }
 .ukm-why { grid-template-columns:1fr; gap:34px; padding-block:45px 50px; } .ukm-principles article { gap:18px; padding-bottom:22px; margin-bottom:22px; }
 .ukm-about { padding-block:48px 60px; } .ukm-about > p:not(.ukm-eyebrow) { font-size:14px; }
 .ukm-contact { padding-block:44px; } .ukm-contact > div { align-items:start; flex-direction:column; gap:30px; } .ukm-contact h2 { font-size:34px; }
 .ukm-footer { padding-top:44px; } .ukm-footer-top { grid-template-columns:1fr 1fr; gap:35px 20px; padding-bottom:35px; } .ukm-footer-top > div:last-child { grid-column:1/-1; } .ukm-footer nav { grid-template-columns:1fr; gap:10px; } .ukm-footer-bottom { flex-direction:column; gap:10px; }
}
@media (prefers-reduced-motion:no-preference) { .ukm-site a { transition:color .15s,background-color .15s; } }

/* Revision 2: brighter product-led brand language. */
.ukm-site .ukm-button-secondary { background:#fff; color:var(--ukm-blue); border:1px solid #c6d8ef; }
.ukm-site .ukm-button-secondary:hover { background:#edf5ff; color:#1b50aa; }
.ukm-hero-note a { color:var(--ukm-blue); text-decoration:underline; text-underline-offset:4px; }
.ukm-hero-image { background:#f2f7fc; }
.ukm-site .ukm-eyebrow { color:#52759b; }
.ukm-hero-image img { height:390px; }
@media(max-width:700px) { .ukm-hero-image img { height:290px; } .ukm-actions { gap:12px; } .ukm-actions .ukm-button { padding:15px 18px; gap:16px; } }