@layer reset, tokens, base, layout, components, utilities, overrides;
@layer reset {
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body, h1, h2, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }
img, svg { display: block; max-inline-size: 100%; }
button, input, textarea, select { font: inherit; }
}
@layer tokens {
@font-face {
font-family: "Barlow Condensed";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../assets/fonts/barlow-condensed-700-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Barlow Condensed";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("../assets/fonts/barlow-condensed-800-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url("../assets/fonts/inter-400-800-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
color-scheme: dark;
--ink-1000: #030607;
--ink-950: #070b0d;
--ink-900: #0b1012;
--surface-900: #0d1215;
--surface-850: #11181c;
--surface-800: #182126;
--steel-700: #2a3439;
--steel-500: #6d777d;
--mist-400: #a7adb0;
--mist-200: #d7d9d7;
--paper-100: #f4f1e8;
--ember-600: #c84f04;
--ember-500: #e86608;
--ember-400: #f28a32;
--forge-red-500: #a43d2b;
--olive-600: #6f7b2e;
--olive-500: #8a9537;
--olive-400: #a8b553;
--lake-900: #0c1b25;
--lake-800: #122b39;
--font-display: "Barlow Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;
--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
--container: 80rem;
--gutter: clamp(1.25rem, 4vw, 4rem);
--header-height: 5.5rem;
--duration-fast: 120ms;
--duration-normal: 180ms;
--duration-slow: 320ms;
--ease: cubic-bezier(.2, 0, 0, 1);
}
}
@layer base {
html { background: var(--ink-950); }
body {
min-block-size: 100vh;
overflow-x: hidden;
background: var(--ink-950);
color: var(--paper-100);
font-family: var(--font-body);
line-height: 1.65;
text-rendering: optimizeLegibility;
}
a { color: inherit; }
:where(a, button, input, textarea, select, summary):focus-visible {
outline: 2px solid var(--olive-400);
outline-offset: 4px;
}
::selection { background: var(--ember-500); color: var(--ink-950); }
}
@layer layout {
.iron-container {
inline-size: min(calc(100% - (2 * var(--gutter))), var(--container));
margin-inline: auto;
}
.iron-page-top { position: absolute; inset: 0 auto auto 0; inline-size: 1px; block-size: 1px; }
.iron-section { position: relative; padding-block: clamp(5rem, 9vw, 8rem); }
}
@layer components {
.iron-skip-link {
position: fixed;
z-index: 100;
inset: .75rem auto auto .75rem;
translate: 0 -200%;
padding: .75rem 1rem;
background: var(--paper-100);
color: var(--ink-950);
font-weight: 700;
}
.iron-skip-link:focus { translate: 0; }
iron-site-header { position: fixed; z-index: 50; inset: 0 0 auto; display: block; }
.iron-site-header { min-block-size: var(--header-height); border-block-end: 1px solid transparent; transition: background-color var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease), box-shadow var(--duration-normal) var(--ease); }
iron-site-header[data-scrolled] .iron-site-header,
iron-site-header[data-open] .iron-site-header {
border-color: rgb(109 119 125 / .28);
background: rgb(7 11 13 / .94);
box-shadow: 0 1rem 3rem rgb(0 0 0 / .34);
backdrop-filter: blur(16px) saturate(120%);
}
.iron-site-header__inner { min-block-size: var(--header-height); display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.iron-brand { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; text-transform: uppercase; }
.iron-brand__mark { inline-size: 2.65rem; color: var(--ember-500); fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: square; stroke-linejoin: miter; }
.iron-brand__ember { stroke: var(--olive-500); }
.iron-brand__type { display: grid; line-height: 1; white-space: nowrap; }
.iron-brand__type strong { font-size: 1.03rem; letter-spacing: .18em; }
.iron-brand__type small { margin-block-start: .35rem; color: var(--ember-500); font-size: .58rem; font-weight: 800; letter-spacing: .32em; }
.iron-site-header .iron-brand__type { display: block; white-space: nowrap; }
.iron-primary-nav { display: flex; align-items: center; gap: clamp(1.25rem, 2.8vw, 2.8rem); }
.iron-primary-nav > a:not(.iron-button) { color: var(--mist-200); font-size: .72rem; font-weight: 650; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.iron-primary-nav > a:not(.iron-button):hover { color: var(--ember-400); }
.iron-menu-toggle { display: none; }
.iron-button { min-block-size: 3rem; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; padding-inline: 1.45rem; border: 1px solid var(--ember-500); border-radius: .25rem; font-size: .72rem; font-weight: 800; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; transition: background-color var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease), transform var(--duration-normal) var(--ease), box-shadow var(--duration-normal) var(--ease); }
.iron-button span, .iron-text-link span { font-size: 1.2em; transition: translate var(--duration-normal) var(--ease); }
.iron-button:hover { transform: translateY(-1px); }
.iron-button:hover span, .iron-text-link:hover span { translate: .25rem 0; }
.iron-button--primary { background: var(--ember-500); color: var(--ink-950); box-shadow: 0 .75rem 2rem rgb(232 102 8 / .16); }
.iron-button--primary:hover { border-color: var(--ember-400); background: var(--ember-400); }
.iron-button--secondary { background: transparent; color: var(--ember-400); }
.iron-button--secondary:hover { background: var(--ember-500); color: var(--ink-950); }
.iron-primary-nav__cta { margin-inline-start: .5rem; }
.iron-hero { position: relative; min-block-size: clamp(42rem, 88svh, 58rem); display: grid; align-items: center; overflow: hidden; isolation: isolate; border-block-end: 1px solid rgb(109 119 125 / .25); }
.iron-hero__media { position: absolute; z-index: -4; inset: 0; }
.iron-hero__media img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 72% 46%; }
.iron-hero__water { position: absolute; z-index: -3; inset: 0; display: block; overflow: hidden; pointer-events: none; }
.iron-hero__water canvas { inline-size: 100%; block-size: 100%; display: block; opacity: 0; transition: opacity 1.1s var(--ease); }
.iron-hero__water[data-active] canvas { opacity: 1; }
.iron-hero__veil { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgb(3 6 7 / .99) 0%, rgb(3 6 7 / .9) 35%, rgb(3 6 7 / .38) 61%, rgb(3 6 7 / .3) 78%, rgb(3 6 7 / .62) 100%), linear-gradient(180deg, rgb(3 6 7 / .54), transparent 45%, rgb(3 6 7 / .5)); }
.iron-hero__inner { padding-block: calc(var(--header-height) + 5rem) 5rem; }
.iron-hero__content { max-inline-size: 56rem; }
.iron-eyebrow { margin-block-end: 1.25rem; color: var(--olive-400); font-size: .72rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.iron-hero h1 { max-inline-size: 56rem; font-family: var(--font-display); font-size: clamp(3.6rem, 6.3vw, 6.25rem); font-stretch: condensed; font-weight: 800; letter-spacing: .005em; line-height: .88; text-transform: uppercase; }
.iron-hero h1 em { color: var(--ember-500); font-style: normal; }
.iron-rule { inline-size: 3.5rem; block-size: 2px; display: block; margin-block: 2rem 1.35rem; background: var(--ember-500); }
.iron-hero__lede { max-inline-size: 39rem; color: var(--mist-200); font-size: clamp(1rem, 1.5vw, 1.18rem); }
.iron-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.8rem; margin-block-start: 2rem; }
.iron-text-link { display: inline-flex; align-items: center; gap: .7rem; color: var(--paper-100); font-size: .73rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.iron-text-link span { color: var(--ember-500); }
.iron-hero__coordinates { position: absolute; inset: auto var(--gutter) 1rem auto; color: rgb(167 173 176 / .45); font: .58rem/1 var(--font-mono); letter-spacing: .13em; }
.iron-proof-rail { padding-block: 1.55rem 1.8rem; border-block-end: 1px solid rgb(109 119 125 / .22); background: linear-gradient(90deg, var(--surface-900), var(--ink-900)); }
.iron-proof-rail__title { margin-block-end: 1rem; color: var(--olive-400); font-size: .68rem; letter-spacing: .2em; text-align: center; text-transform: uppercase; }
.iron-proof-rail__list { display: grid; grid-template-columns: repeat(4, 1fr); }
.iron-proof-rail__list li { min-block-size: 2.2rem; display: flex; align-items: center; justify-content: center; gap: .75rem; border-inline-start: 1px solid rgb(109 119 125 / .25); color: var(--mist-400); font-size: .73rem; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.iron-proof-rail__list li:first-child { border-inline-start: 0; }
.iron-proof-rail__list span { color: var(--ember-500); font: .62rem/1 var(--font-mono); }
.iron-section-heading { max-inline-size: 48rem; }
.iron-section-heading--centered { margin-inline: auto; text-align: center; }
.iron-section-heading .iron-eyebrow { margin-block-end: .9rem; color: var(--ember-500); }
.iron-section-heading h2,
.iron-forge-cta h2 { font-family: var(--font-display); font-size: clamp(2.7rem, 5.2vw, 4.8rem); font-weight: 700; letter-spacing: .025em; line-height: .96; text-transform: uppercase; }
.iron-section-heading > p:last-child { max-inline-size: 43rem; margin: 1.35rem auto 0; color: var(--mist-400); }
.iron-services { background: radial-gradient(circle at 50% 0%, rgb(18 43 57 / .28), transparent 34rem), var(--ink-950); }
.iron-services__grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-block-start: clamp(3.5rem, 7vw, 5.5rem); }
.iron-service { min-inline-size: 0; display: grid; justify-items: center; align-content: start; padding-inline: clamp(1.5rem, 4vw, 4rem); text-align: center; }
.iron-service + .iron-service { border-inline-start: 1px solid rgb(109 119 125 / .25); }
.iron-icon-ring { inline-size: 5rem; block-size: 5rem; display: grid; place-items: center; margin-block-end: 1.6rem; border: 1px solid var(--olive-600); border-radius: 50%; color: var(--olive-400); transition: border-color var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease), transform var(--duration-normal) var(--ease); }
.iron-service:hover .iron-icon-ring { border-color: var(--ember-500); color: var(--ember-400); transform: translateY(-3px); }
.iron-icon-ring svg { inline-size: 2.55rem; block-size: 2.55rem; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: square; stroke-linejoin: miter; }
.iron-service h3,
.iron-value h3 { font-size: .84rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.iron-service__rule { inline-size: 2rem; block-size: 2px; margin-block: 1rem .9rem; background: var(--ember-500); }
.iron-service p { max-inline-size: 18rem; color: var(--mist-400); font-size: .9rem; line-height: 1.7; }
.iron-services__link { inline-size: fit-content; margin: 3.4rem auto 0; color: var(--olive-400); }
.iron-work { overflow: hidden; border-block: 1px solid rgb(109 119 125 / .22); background: linear-gradient(145deg, var(--surface-900), var(--ink-1000) 68%); }
.iron-work::before { content: ""; position: absolute; inset: -12rem -20rem auto auto; inline-size: 44rem; block-size: 44rem; border: 1px solid rgb(232 102 8 / .08); rotate: 45deg; box-shadow: 0 0 0 4rem rgb(232 102 8 / .018), 0 0 0 8rem rgb(232 102 8 / .012); pointer-events: none; }
.iron-work__intro { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .72fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; }
.iron-work__summary { padding-inline-start: 1.5rem; border-inline-start: 2px solid var(--ember-500); color: var(--mist-200); }
.iron-work__summary p + p { margin-block-start: 1rem; }
.iron-work__note { color: var(--mist-400); font-size: .9rem; }
.iron-lifecycle { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin-block: clamp(3.5rem, 7vw, 6rem); border-block: 1px solid rgb(109 119 125 / .25); }
.iron-lifecycle::before { content: ""; position: absolute; inset: 50% 7% auto; block-size: 1px; background: linear-gradient(90deg, var(--olive-600), var(--ember-500)); opacity: .48; }
.iron-lifecycle li { position: relative; z-index: 1; display: grid; justify-items: center; padding-block: 1.65rem; background: var(--surface-900); text-align: center; }
.iron-lifecycle li + li { border-inline-start: 1px solid rgb(109 119 125 / .22); }
.iron-lifecycle span { inline-size: 2.2rem; block-size: 2.2rem; display: grid; place-items: center; margin-block-end: .7rem; border: 1px solid var(--olive-600); background: var(--ink-950); color: var(--olive-400); font: .65rem/1 var(--font-mono); }
.iron-lifecycle strong { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.iron-lifecycle small { margin-block-start: .35rem; color: var(--steel-500); font-size: .7rem; }
.iron-work__capabilities { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid rgb(109 119 125 / .28); }
.iron-capability { min-inline-size: 0; padding: clamp(1.75rem, 4vw, 3.25rem); background: linear-gradient(145deg, rgb(24 33 38 / .68), rgb(7 11 13 / .72)); }
.iron-capability + .iron-capability { border-inline-start: 1px solid rgb(109 119 125 / .28); }
.iron-capability__heading { display: grid; gap: .75rem; margin-block-end: 1.35rem; }
.iron-capability__heading span { color: var(--ember-500); font: .68rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.iron-capability__heading strong { font-family: var(--font-display); font-size: clamp(1.9rem, 3vw, 2.7rem); font-weight: 700; letter-spacing: .025em; line-height: 1; text-transform: uppercase; }
.iron-capability > p { max-inline-size: 32rem; color: var(--mist-400); }
.iron-capability ul { display: grid; gap: .55rem; margin-block-start: 1.5rem; }
.iron-capability li { display: flex; gap: .65rem; color: var(--mist-200); font-size: .78rem; font-weight: 650; letter-spacing: .045em; text-transform: uppercase; }
.iron-capability li::before { content: "+"; color: var(--olive-400); font-family: var(--font-mono); }
.iron-ide { overflow: hidden; border-block-end: 1px solid rgb(109 119 125 / .22); background: radial-gradient(circle at 82% 22%, rgb(138 149 55 / .1), transparent 30rem), linear-gradient(180deg, var(--ink-1000), #09100c 48%, var(--ink-950)); }
.iron-ide::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.95%, rgb(138 149 55 / .08) 50%, transparent 50.05%); pointer-events: none; }
.iron-ide__intro { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .72fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; }
.iron-ide__summary { padding-inline-start: 1.5rem; border-inline-start: 2px solid var(--olive-500); color: var(--mist-200); }
.iron-ide__summary p + p { margin-block-start: 1rem; color: var(--mist-400); font-size: .9rem; }
.iron-ide__showcase { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2rem); margin-block-start: clamp(3.5rem, 7vw, 6rem); }
.iron-ide__frame { position: relative; overflow: hidden; border: 1px solid rgb(138 149 55 / .5); border-radius: .32rem; background: #0d120d; box-shadow: 0 2rem 5rem rgb(0 0 0 / .42); }
.iron-ide__frame::after { content: ""; position: absolute; inset: 0; border: 1px solid rgb(244 241 232 / .04); pointer-events: none; }
.iron-ide__frame-label { position: absolute; z-index: 1; inset: .8rem auto auto .8rem; padding: .42rem .62rem; border: 1px solid rgb(138 149 55 / .45); background: rgb(3 6 7 / .88); color: var(--olive-300); font: .58rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.iron-ide__frame img { inline-size: 100%; block-size: auto; display: block; }
.iron-ide__frame--editor,
.iron-ide__frame--diff { inline-size: 100%; }
.iron-ide__showcase figcaption { grid-column: 1 / -1; color: var(--steel-500); font-size: 1rem; letter-spacing: .045em; }
.iron-ide__features { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid rgb(109 119 125 / .24); }
.iron-ide__features li { min-inline-size: 0; display: grid; gap: .45rem; padding: 1.5rem clamp(1rem, 2.5vw, 2rem); }
.iron-ide__features li + li { border-inline-start: 1px solid rgb(109 119 125 / .24); }
.iron-ide__features span { color: var(--ember-500); font: .62rem/1 var(--font-mono); }
.iron-ide__features strong { font-size: .76rem; letter-spacing: .09em; text-transform: uppercase; }
.iron-ide__features small { color: var(--steel-500); font-size: .7rem; line-height: 1.45; }
.iron-values { overflow: hidden; background: var(--ink-950); }
.iron-values__texture { position: absolute; inset: 0; background: url("../assets/patterns/topographic-lines.svg") center / 45rem auto repeat; opacity: .06; pointer-events: none; }
.iron-values .iron-container { position: relative; }
.iron-values__grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-block-start: clamp(3.25rem, 6vw, 5rem); }
.iron-value { min-inline-size: 0; display: grid; justify-items: center; padding-inline: clamp(1.1rem, 3vw, 2.5rem); text-align: center; }
.iron-value + .iron-value { border-inline-start: 1px solid rgb(109 119 125 / .25); }
.iron-value svg { inline-size: 3.1rem; block-size: 3.1rem; margin-block-end: 1.3rem; fill: none; stroke: var(--olive-400); stroke-width: 1.5; stroke-linecap: square; stroke-linejoin: miter; }
.iron-value p { max-inline-size: 15rem; margin-block-start: .75rem; color: var(--mist-400); font-size: .82rem; }
.iron-forge-cta { position: relative; min-block-size: 31rem; display: grid; align-items: center; overflow: hidden; isolation: isolate; border-block: 1px solid rgb(109 119 125 / .25); background: var(--ink-1000); }
.iron-forge-cta__media { position: absolute; z-index: -3; inset: 0; }
.iron-forge-cta__media img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 22% 58%; }
.iron-forge-cta__veil { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgb(3 6 7 / .02) 0 32%, rgb(3 6 7 / .6) 52%, rgb(3 6 7 / .97) 72%), linear-gradient(180deg, rgb(3 6 7 / .18), rgb(3 6 7 / .48)); }
.iron-forge-cta__inner { display: grid; grid-template-columns: 1fr 1fr; padding-block: 5.5rem; }
.iron-forge-cta__content { grid-column: 2; max-inline-size: 38rem; padding-inline-start: clamp(1rem, 5vw, 5rem); }
.iron-forge-cta__content .iron-eyebrow { margin-block-end: .85rem; color: var(--ember-500); }
.iron-forge-cta__content > p:not(.iron-eyebrow) { max-inline-size: 32rem; margin-block: 1rem 1.8rem; color: var(--mist-400); }
.iron-button--disabled { border-color: var(--steel-700); background: rgb(42 52 57 / .35); color: var(--mist-400); cursor: not-allowed; box-shadow: none; }
.iron-site-footer { padding-block: 2rem; background: linear-gradient(90deg, var(--ink-1000), var(--lake-900), var(--ink-1000)); }
.iron-site-footer__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; }
.iron-site-footer__meta { grid-column: 2; display: grid; gap: .45rem; justify-items: center; text-align: center; }
.iron-site-footer__meta p { color: var(--mist-400); font-size: .75rem; letter-spacing: .05em; }
.iron-site-footer__meta small { color: var(--steel-500); font-size: .68rem; }
}
@layer overrides {
@media (max-width: 63.999rem) {
:root { --header-height: 4.65rem; }
html[data-menu-open] { overflow: hidden; }
.iron-menu-toggle { inline-size: 3rem; block-size: 3rem; display: grid; place-items: center; border: 1px solid rgb(109 119 125 / .5); border-radius: .25rem; background: rgb(7 11 13 / .55); color: var(--paper-100); }
.iron-menu-toggle__label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.iron-menu-toggle__icon { position: relative; inline-size: 1.25rem; block-size: .9rem; display: block; }
.iron-menu-toggle__icon i { position: absolute; inset-inline: 0; top: .125rem; block-size: 2px; display: block; background: currentColor; transform-origin: center; transition: top var(--duration-normal) var(--ease), transform var(--duration-normal) var(--ease); }
.iron-menu-toggle__icon i:last-child { top: calc(100% - .125rem - 2px); }
iron-site-header[data-open] .iron-menu-toggle__icon i { top: 50%; transform: translateY(-50%); }
iron-site-header[data-open] .iron-menu-toggle__icon i:first-child { transform: translateY(-50%) rotate(45deg); }
iron-site-header[data-open] .iron-menu-toggle__icon i:last-child { transform: translateY(-50%) rotate(-45deg); }
.iron-primary-nav { position: absolute; inset: var(--header-height) 0 auto; display: none; padding: 1.5rem var(--gutter) 2rem; border-block-end: 1px solid rgb(109 119 125 / .3); background: var(--ink-950); box-shadow: 0 1rem 3rem rgb(0 0 0 / .35); }
iron-site-header[data-open] .iron-primary-nav { display: grid; }
.iron-primary-nav > a:not(.iron-button) { padding-block: .75rem; border-block-end: 1px solid rgb(109 119 125 / .18); font-size: .85rem; }
.iron-primary-nav__cta { margin: .75rem 0 0; }
.iron-hero { min-block-size: 44rem; }
.iron-hero__veil { background: linear-gradient(90deg, rgb(3 6 7 / .98), rgb(3 6 7 / .78) 62%, rgb(3 6 7 / .5)), linear-gradient(180deg, rgb(3 6 7 / .58), transparent 40%, rgb(3 6 7 / .72)); }
.iron-proof-rail__list { grid-template-columns: repeat(2, 1fr); }
.iron-proof-rail__list li { justify-content: flex-start; padding: .65rem; border-block-start: 1px solid rgb(109 119 125 / .16); }
.iron-proof-rail__list li:nth-child(odd) { border-inline-start: 0; }
.iron-services__grid { grid-template-columns: 1fr; gap: 2.5rem; }
.iron-service { padding-block-end: 2.5rem; }
.iron-service + .iron-service { padding-block-start: 2.5rem; border-block-start: 1px solid rgb(109 119 125 / .25); border-inline-start: 0; }
.iron-work__intro { grid-template-columns: 1fr; }
.iron-ide__intro { grid-template-columns: 1fr; }
.iron-lifecycle { grid-template-columns: repeat(5, minmax(8rem, 1fr)); overflow-x: auto; }
.iron-work__capabilities { grid-template-columns: 1fr; }
.iron-capability + .iron-capability { border-block-start: 1px solid rgb(109 119 125 / .28); border-inline-start: 0; }
.iron-ide__features { grid-template-columns: repeat(2, 1fr); }
.iron-ide__features li:nth-child(3) { border-inline-start: 0; }
.iron-ide__features li:nth-child(n + 3) { border-block-start: 1px solid rgb(109 119 125 / .24); }
.iron-values__grid { grid-template-columns: repeat(2, 1fr); row-gap: 2.5rem; }
.iron-value { padding-block: 1rem 2.5rem; }
.iron-value:nth-child(3) { border-inline-start: 0; }
.iron-value:nth-child(n + 3) { padding-block-start: 2.5rem; border-block-start: 1px solid rgb(109 119 125 / .25); }
.iron-forge-cta { min-block-size: 40rem; align-items: end; }
.iron-forge-cta__media { inset: 0 0 28%; }
.iron-forge-cta__media img { object-position: 34% 58%; }
.iron-forge-cta__veil { background: linear-gradient(180deg, rgb(3 6 7 / .05) 0 34%, rgb(3 6 7 / .8) 66%, var(--ink-1000) 100%); }
.iron-forge-cta__inner { grid-template-columns: 1fr; padding-block: 20rem 4.5rem; }
.iron-forge-cta__content { grid-column: 1; max-inline-size: 40rem; padding-inline-start: 0; }
.iron-site-footer__inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.iron-site-footer__meta { grid-column: 1; justify-items: center; text-align: center; }
}
@media (max-width: 35.999rem) {
.iron-brand__mark { inline-size: 2.35rem; }
.iron-brand__type strong { font-size: .88rem; }
.iron-hero { min-block-size: 42rem; }
.iron-hero__media img { object-position: 64% 50%; }
.iron-hero__inner { padding-block: calc(var(--header-height) + 4.5rem) 4rem; }
.iron-hero h1 { font-size: clamp(3.3rem, 16vw, 4.5rem); line-height: .9; }
.iron-hero__actions { align-items: stretch; flex-direction: column; gap: 1.15rem; }
.iron-button--primary { inline-size: 100%; }
.iron-text-link { justify-content: center; min-block-size: 2.75rem; }
.iron-proof-rail__list { grid-template-columns: 1fr; }
.iron-proof-rail__list li { border-inline-start: 0; }
.iron-hero__coordinates { display: none; }
.iron-section-heading--centered { text-align: start; }
.iron-section-heading--centered > p:last-child { margin-inline: 0; }
.iron-work__summary { padding-inline-start: 1rem; }
.iron-lifecycle { margin-inline-end: calc(-1 * var(--gutter)); }
.iron-values__grid { grid-template-columns: 1fr; }
.iron-value + .iron-value,
.iron-value:nth-child(3) { padding-block-start: 2.5rem; border-block-start: 1px solid rgb(109 119 125 / .25); border-inline-start: 0; }
.iron-ide__showcase { grid-template-columns: 1fr; gap: 1.25rem; }
.iron-ide__frame--editor,
.iron-ide__frame--diff { position: relative; inset: auto; inline-size: 100%; }
.iron-ide__showcase figcaption { grid-column: 1; }
.iron-ide__features { grid-template-columns: 1fr; margin-block-start: 3rem; }
.iron-ide__features li + li { border-block-start: 1px solid rgb(109 119 125 / .24); border-inline-start: 0; }
.iron-forge-cta { min-block-size: 42rem; }
.iron-forge-cta__media { inset-block-end: 40%; }
.iron-forge-cta__inner { padding-block-start: 19rem; }
.iron-forge-cta__content .iron-button { inline-size: 100%; }
.iron-site-footer__inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.iron-site-footer__meta { justify-items: center; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
.iron-hero__water { display: none; }
}
@media (forced-colors: active) {
.iron-button, .iron-menu-toggle { border: 1px solid ButtonText; }
.iron-hero__media, .iron-hero__water, .iron-hero__veil { display: none; }
}
}