h1, h2, h3, h4 { font-family: var(--font-display); font-stretch: var(--display-stretch); letter-spacing: var(--tracking-display); }
.section-label { font-stretch: var(--label-stretch); }
.button, .desktop-nav a { font-stretch: var(--button-stretch); }
.site-header { border-bottom-color: var(--color-line-premium-dark); background: var(--color-ink-rich); box-shadow: var(--shadow-premium-dark); }
.site-header.is-scrolled { background: color-mix(in srgb, var(--color-ink-rich) var(--opacity-header), transparent); -webkit-backdrop-filter: blur(var(--space-3)); backdrop-filter: blur(var(--space-3)); box-shadow: var(--shadow-premium-dark); }
.desktop-nav a { color: var(--color-steel-dark); letter-spacing: var(--media-caption-tracking); }
.desktop-nav a.is-active, .desktop-nav a:hover { color: var(--color-paper); }
.desktop-nav a::after { background: var(--color-signal); }
.button { border-radius: var(--radius-premium); letter-spacing: var(--media-caption-tracking); }
.button-primary { background: var(--color-signal); box-shadow: var(--premium-button-shadow); }
.button-primary:hover { background: var(--color-signal-hover); }
.button-ghost { border-color: var(--color-line-premium-dark); background: color-mix(in srgb, var(--color-ink-rich) var(--opacity-nav), transparent); }
.button-ghost:hover { border-color: var(--color-signal); background: color-mix(in srgb, var(--color-signal) var(--opacity-glow), transparent); color: var(--color-paper); }
.hero { background: var(--color-ink-rich); }
.hero-media { filter: var(--premium-hero-filter); }
.hero-copy { position: relative; }
.hero-copy h1 { max-width: var(--hero-copy-width); }
.hero-copy h1 span { color: var(--color-paper); }
.hero-copy h1::after { display: none; }
.hero-copy > p { max-width: var(--copy-width); }
.capture-card { position: relative; border-color: var(--color-line-premium-dark); border-radius: var(--radius-premium); background: color-mix(in srgb, var(--color-ink-rich) var(--opacity-header), transparent); box-shadow: var(--shadow-premium-dark); }
.capture-card::before { display: none; }
.capture-card dl div { border-color: var(--color-line-premium-dark); background: var(--color-ink-panel); }
.hero-rail { height: var(--hero-rail-height); border-top: var(--border-thin) solid var(--color-line-premium-dark); border-radius: var(--zero); background-color: var(--color-ink-rich); background-image: repeating-linear-gradient(to right, var(--color-line-premium-dark) 0 var(--border-thin), transparent var(--border-thin) var(--tick-major-step)), repeating-linear-gradient(to right, var(--color-line-dark) 0 var(--border-thin), transparent var(--border-thin) var(--tick-minor-step)); background-size: 100% var(--tick-major-height), 100% var(--tick-minor-height); background-position: left bottom, left bottom; background-repeat: no-repeat; }
.hero-rail::before, .hero-rail::after { display: block; position: static; width: auto; height: auto; border-radius: var(--zero); background: none; color: var(--color-steel); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--media-caption-tracking); }
.hero-rail { display: flex; align-items: flex-start; justify-content: space-between; padding: var(--space-2) var(--gutter) 0; }
.hero-rail::before { content: "km 12,3"; }
.hero-rail::after { content: "km 12,8"; }
.hero-rail span { display: none; }
.promise-band { position: relative; overflow: hidden; background: var(--color-paper); }
.promise-band::after { display: none; }
.promise-grid { position: relative; z-index: var(--z-hero-content); }
.promise-grid h2 { letter-spacing: var(--tracking-tight); }
.promise-grid p { border-left-color: var(--color-line-premium); }
.business-value, .tender, .process, .faq, .finance { background: var(--color-paper-muted); }
.work-section, .technical-core, .documents, .readiness, .map-section, .trust { background-color: var(--color-paper); }
.section-intro h2 { max-width: var(--content-wide); }
.section-label { gap: var(--zero); color: var(--color-signal-deep); }
.section-dark .section-label, .system-value .section-label, .proof-chain .section-label, .mobile-story .section-label, .assets-section .section-label, .billing .section-label, .control .section-label, .rollout .section-label { color: var(--color-signal); }
.section-label::before { display: none; }
.system-value, .proof-chain, .mobile-story, .assets-section, .billing, .control, .rollout { background: var(--color-ink-rich); }
.system-visual, .work-section-visual, .explain-visual, .proof-chain-visual, .product-frame, .asset-photo, .readiness-visual, .site-story-photo { border-color: var(--color-line-premium); border-radius: var(--radius-premium); box-shadow: var(--shadow-premium); }
.system-value .system-visual, .proof-chain-visual, .assets-section .asset-photo, .billing .product-frame, .control .product-frame { border-color: var(--color-line-premium-dark); box-shadow: var(--shadow-premium-dark); }
.system-visual, .work-section-visual, .explain-visual, .proof-chain-visual, .product-frame, .asset-photo, .readiness-visual, .site-story-photo { transition: transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out); }
.system-visual:hover, .work-section-visual:hover, .explain-visual:hover, .proof-chain-visual:hover, .product-frame:hover, .asset-photo:hover, .readiness-visual:hover, .site-story-photo:hover { transform: translateY(var(--premium-lift)); box-shadow: var(--shadow-premium-dark); }
.system-visual img, .work-section-visual img, .explain-visual img, .proof-chain-visual img, .product-frame img, .asset-photo img, .readiness-visual img, .site-story-photo img { transform: scale(var(--premium-media-scale)); transition: transform var(--duration-slow) var(--ease-out); }
.system-visual:hover img, .work-section-visual:hover img, .explain-visual:hover img, .proof-chain-visual:hover img, .product-frame:hover img, .asset-photo:hover img, .readiness-visual:hover img, .site-story-photo:hover img { transform: scale(var(--scale-base)); }
.benefit-rail p, .value-steps li, .process-list li, .work-ledger p, .proof-points p, .contact-outcomes p { border-color: var(--color-line-premium); }
.system-value .check-list li, .proof-chain .proof-points p, .mobile-story .mobile-action, .assets-section .check-list li, .billing .billing-details p, .control .check-list li { border-color: var(--color-line-premium-dark); }
.role-panel { border-color: var(--color-line-premium-dark); background: var(--color-ink-panel); box-shadow: var(--shadow-premium-dark); }
.technical-item { border-top-width: var(--border-thin); border-top-color: var(--color-line-premium); border-radius: var(--radius-premium); box-shadow: var(--shadow-premium); }
.technical-item img { transition: transform var(--duration-slow) var(--ease-out); }
.technical-item:hover img { transform: scale(var(--premium-media-scale)); }
.module-rail span { border-color: var(--color-line-premium); background: var(--color-paper); }
.capability-list, .faq-list { border-top-color: var(--color-line-premium); }
.capability { border-bottom-color: var(--color-line-premium); }
.capability button { padding-inline: var(--space-5); }
.capability button:hover { background: color-mix(in srgb, var(--color-signal) var(--opacity-glow), transparent); }
.contact { position: relative; background-image: var(--gradient-contact-overlay); }
.contact::before { display: none; }
.contact-inner { position: relative; z-index: var(--z-hero-content); }
.contact-form { border-color: var(--color-line-premium-dark); border-radius: var(--radius-premium); background: var(--color-ink-panel); box-shadow: var(--shadow-premium-dark); }
.form-header { border-bottom-color: var(--color-line-premium-dark); }
.form-field input, .form-field textarea { border-color: var(--color-line-premium-dark); border-radius: var(--radius-sm); background: var(--color-ink-rich); }
.form-field input:focus-visible, .form-field textarea:focus-visible { outline: var(--border-strong) solid var(--color-signal); outline-offset: var(--space-1); box-shadow: 0 0 0 var(--border-strong) var(--color-ink-rich); }
.text-cta { padding-bottom: var(--zero); border-bottom: var(--zero); }
.site-footer { border-top-color: var(--color-line-premium-dark); background-color: var(--color-ink-rich); background-image: repeating-linear-gradient(to right, var(--color-line-premium-dark) 0 var(--border-thin), transparent var(--border-thin) var(--tick-major-step)), repeating-linear-gradient(to right, var(--color-line-dark) 0 var(--border-thin), transparent var(--border-thin) var(--tick-minor-step)); background-size: 100% var(--space-5), 100% var(--space-2); background-position: left top, left top; background-repeat: no-repeat; }
@media (prefers-reduced-motion: reduce) { .system-visual, .work-section-visual, .explain-visual, .proof-chain-visual, .product-frame, .asset-photo, .readiness-visual, .site-story-photo, .system-visual img, .work-section-visual img, .explain-visual img, .proof-chain-visual img, .product-frame img, .asset-photo img, .readiness-visual img, .site-story-photo img, .technical-item img { transform: none; } }
.ledger-card { transition: transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out); }
.ledger-card:hover { transform: translateY(var(--premium-lift)); box-shadow: var(--shadow-premium-dark); }
.security-grid article, .trust-grid article { transition: border-color var(--duration-base) var(--ease-out); }
.security-grid article:hover, .trust-grid article:hover { border-top-color: var(--color-signal); }
.hero-copy h1 em { color: var(--color-signal); font-style: normal; }
.mobile-story { border-top: var(--border-thin) solid var(--color-line-premium-dark); background-image: repeating-linear-gradient(to right, var(--color-line-premium-dark) 0 var(--border-thin), transparent var(--border-thin) var(--tick-major-step)), repeating-linear-gradient(to right, var(--color-line-dark) 0 var(--border-thin), transparent var(--border-thin) var(--tick-minor-step)); background-size: 100% var(--space-4), 100% var(--space-2); background-position: left top, left top; background-repeat: no-repeat; }
.product-frame::before { content: ""; display: block; height: var(--space-6); border-bottom: var(--border-thin) solid var(--color-line-premium-dark); background-color: var(--color-ink-panel); background-image: radial-gradient(circle at var(--space-4) 50%, var(--color-steel) 0 var(--device-dot-core), transparent var(--device-dot-halo)), radial-gradient(circle at var(--space-6) 50%, var(--color-steel) 0 var(--device-dot-core), transparent var(--device-dot-halo)), radial-gradient(circle at var(--space-8) 50%, var(--color-steel) 0 var(--device-dot-core), transparent var(--device-dot-halo)); }