:root {
  --ink: #071721;
  --ink-soft: #102833;
  --ink-faint: #6f858c;
  --mist: #e8efee;
  --paper: #f6f8f7;
  --acid: #d6ff38;
  --acid-deep: #b5e916;
  --line: rgba(232, 239, 238, .16);
  --dark-line: rgba(7, 23, 33, .14);
  --mono: "DM Mono", monospace;
  --sans: "Manrope", "Noto Sans SC", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); line-height: 1.45; overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.noise { pointer-events: none; position: fixed; inset: 0; z-index: 20; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='https://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.section-shell { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }

.site-header { height: 84px; width: min(1240px, calc(100% - 64px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--ink); }
.brand > span:last-child { display: grid; line-height: 1; gap: 4px; }
.brand strong { letter-spacing: .18em; font-size: 14px; }
.brand small { font-size: 10px; letter-spacing: .18em; color: var(--ink-faint); }
.brand-mark { position: relative; width: 29px; height: 29px; display: block; transform: rotate(45deg); border: 1px solid var(--ink); }
.brand-mark i { position: absolute; display: block; background: var(--ink); }
.brand-mark i:nth-child(1) { width: 7px; height: 7px; left: 4px; top: 4px; }
.brand-mark i:nth-child(2) { width: 7px; height: 7px; right: 4px; bottom: 4px; }
.brand-mark i:nth-child(3) { width: 1px; height: 32px; left: 13px; top: -2px; transform: rotate(-45deg); }
.site-nav { display: flex; align-items: center; gap: 29px; font-size: 13px; font-weight: 600; }
.site-nav > a { color: rgba(7, 23, 33, .68); transition: color .25s ease; }
.site-nav > a:hover { color: var(--ink); }
.nav-cta { border: 0; background: var(--ink); color: white; padding: 12px 16px; font-weight: 700; font-size: 12px; letter-spacing: .02em; }
.nav-cta b { color: var(--acid); margin-left: 6px; }
.menu-button { display: none; border: 0; background: transparent; width: 38px; height: 38px; padding: 9px; }
.menu-button span { display: block; height: 2px; background: var(--ink); margin: 5px 0; transition: transform .2s ease; }

.hero { min-height: 640px; padding: 76px 0 60px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 34px; }
.eyebrow { font: 500 10px/1.2 var(--mono); letter-spacing: .14em; margin: 0 0 18px; color: var(--ink-faint); display: flex; align-items: center; gap: 8px; }
.eyebrow span { display: inline-block; width: 22px; height: 1px; background: currentColor; }
.hero h1, h2, h3, p { margin-top: 0; }
.hero h1 { font-size: clamp(48px, 5.7vw, 83px); letter-spacing: -.075em; line-height: .98; margin-bottom: 27px; font-weight: 800; }
.hero h1 em { color: #0e6772; font-style: normal; }
.hero-description { max-width: 470px; font-size: 16px; line-height: 1.85; color: #4b6168; margin-bottom: 29px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.button { min-height: 49px; border: 0; display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 0 18px; font-weight: 700; font-size: 13px; letter-spacing: .01em; transition: transform .22s ease, background .22s ease, color .22s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--ink); color: var(--paper); }
.button-primary span { color: var(--acid); font-size: 20px; line-height: 0; }
.button-quiet { background: transparent; color: var(--ink); border: 1px solid var(--dark-line); }
.button-quiet span { font-size: 18px; }
.hero-note { display: flex; align-items: center; gap: 8px; margin-top: 29px; font-size: 11px; color: var(--ink-faint); }
.hero-note i, .dot { display: inline-block; height: 7px; width: 7px; background: #79aa31; border-radius: 50%; box-shadow: 0 0 0 4px rgba(121, 170, 49, .12); }

.hero-visual { min-height: 520px; background: var(--ink); position: relative; overflow: hidden; isolation: isolate; }
.hero-visual::before { content: ""; position: absolute; width: 510px; height: 510px; border-radius: 50%; left: 8%; top: 7%; background: radial-gradient(circle, rgba(214,255,56,.28), rgba(23,86,91,.26) 32%, transparent 70%); filter: blur(9px); }
.hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(4,19,29,.85), transparent 45%, rgba(4,19,29,.2)), linear-gradient(0deg, rgba(4,19,29,.72), transparent 46%); z-index: 1; }
.visual-grid { position: absolute; inset: -10%; z-index: 0; opacity: .24; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 48px 48px; transform: perspective(480px) rotateX(60deg) scale(1.7) translateY(27%); }
.hero-image-wrap { position: absolute; z-index: 1; inset: 6% 3% 0 3%; }
.hero-image-wrap::after { content: ""; position: absolute; width: 64%; height: 18%; border-radius: 50%; bottom: 12%; left: 21%; background: rgba(0,0,0,.56); filter: blur(25px); }
.hero-image-wrap img { position: absolute; width: 109%; height: 99%; object-fit: cover; object-position: 48% 60%; filter: grayscale(.18) contrast(1.18) brightness(1.05); mix-blend-mode: screen; opacity: .93; transform: scale(1.08); }
.visual-orbit { position: absolute; z-index: 2; border: 1px solid rgba(214,255,56,.22); border-radius: 50%; pointer-events: none; }
.orbit-one { width: 370px; height: 370px; left: 9%; top: 13%; }
.orbit-two { width: 520px; height: 520px; left: -3%; top: -8%; border-color: rgba(232,239,238,.15); }
.float-card { z-index: 3; position: absolute; backdrop-filter: blur(13px); background: rgba(4,20,29,.58); border: 1px solid rgba(232,239,238,.2); color: var(--paper); padding: 13px 15px; }
.material-float { top: 8%; right: 5%; min-width: 178px; }
.float-label { display: block; color: var(--acid); font: 500 9px var(--mono); letter-spacing: .15em; text-transform: uppercase; margin-bottom: 6px; }
.float-card strong { display: block; font-size: 16px; letter-spacing: .06em; }
.float-card small { display: block; font-size: 10px; opacity: .7; margin-top: 5px; }
.precision-float { display: flex; align-items: center; gap: 8px; font-size: 10px; right: 5%; bottom: 8%; }
.precision-float .dot { width: 6px; height: 6px; background: var(--acid); box-shadow: 0 0 0 4px rgba(214,255,56,.12); }
.visual-caption { z-index: 3; position: absolute; bottom: 5%; left: 5%; color: rgba(232,239,238,.56); font: 500 9px/1.45 var(--mono); letter-spacing: .17em; }

.metrics { background: var(--ink); color: var(--paper); }
.metrics-grid { min-height: 138px; display: grid; grid-template-columns: repeat(4, 1fr); }
.metrics-grid > div { padding: 29px 26px; border-left: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; }
.metrics-grid > div:last-child { border-right: 1px solid var(--line); }
.metrics strong { font-size: clamp(25px, 2.7vw, 37px); letter-spacing: -.05em; }
.metrics strong span { color: var(--acid); font-size: .48em; letter-spacing: 0; margin-left: 2px; }
.metrics p { color: rgba(232,239,238,.58); margin: 3px 0 0; font-size: 11px; }

.capabilities { padding: 124px 0; }
.section-heading { display: grid; grid-template-columns: .72fr 1.28fr; gap: 35px; margin-bottom: 52px; }
.section-heading h2, .application-title-row h2, .process h2, .trust h2, .final-cta h2 { font-size: clamp(35px, 4.3vw, 59px); letter-spacing: -.065em; line-height: 1.08; margin: 0; }
.section-heading h2 strong, .trust h2 strong { color: #0e6772; }
.section-heading > div > p { max-width: 440px; margin: 20px 0 0; color: var(--ink-faint); font-size: 14px; line-height: 1.8; }
.material-explorer { border-top: 1px solid var(--dark-line); display: grid; grid-template-columns: 255px 1fr; min-height: 430px; }
.material-tabs { border-right: 1px solid var(--dark-line); padding-right: 24px; display: grid; align-content: center; }
.material-tab { text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--dark-line); padding: 18px 0; color: #76898e; font-weight: 600; transition: color .2s ease, padding-left .2s ease; }
.material-tab span { font: 400 10px var(--mono); margin-right: 11px; color: inherit; }
.material-tab.active { color: var(--ink); padding-left: 10px; }
.material-stage { margin-left: 52px; padding: 25px 0 0; position: relative; overflow: hidden; background: #d2f4e2; min-height: 370px; color: var(--ink); transition: background .3s ease; }
.material-stage-top { display: flex; justify-content: space-between; padding: 0 26px; position: relative; z-index: 2; }
.material-kicker, .stage-index { font: 500 9px var(--mono); letter-spacing: .13em; }
.stage-index { color: rgba(7,23,33,.56); }
.material-stage-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .85fr; gap: 26px; padding: 43px 26px; }
.material-stage h3 { font-size: 57px; line-height: .8; letter-spacing: -.08em; margin: 0 0 23px; }
.material-stage h3 em { font-size: 27px; font-style: normal; font-weight: 500; letter-spacing: -.06em; }
.material-stage p { max-width: 335px; font-size: 13px; line-height: 1.75; color: rgba(7,23,33,.68); }
.text-link { padding: 0; background: transparent; border: 0; color: var(--ink); font-size: 12px; font-weight: 800; border-bottom: 1px solid var(--ink); padding-bottom: 4px; margin-top: 7px; }
.text-link span { color: #0e6772; margin-left: 12px; }
.material-specs { margin: 10px 0 0; border-top: 1px solid rgba(7,23,33,.18); }
.material-specs div { padding: 11px 0; border-bottom: 1px solid rgba(7,23,33,.18); }
.material-specs dt { font: 500 9px var(--mono); letter-spacing: .08em; color: rgba(7,23,33,.54); margin-bottom: 5px; }
.material-specs dd { margin: 0; font-size: 11px; font-weight: 600; }
.material-object { position: absolute; z-index: 1; right: -2%; bottom: -24%; width: 47%; height: 87%; opacity: .58; transform: rotate(-19deg); }
.tuf-object::before, .tuf-object::after { content: ""; position: absolute; background: rgba(7,23,33,.82); border-radius: 24px; }
.tuf-object::before { width: 76%; height: 35%; left: 12%; top: 22%; box-shadow: 0 108px 0 rgba(7,23,33,.82); }
.tuf-object::after { width: 34%; height: 100%; left: 31%; top: 0; border-radius: 18px; }
.tuf-object i { position: absolute; width: 36px; height: 36px; border-radius: 50%; border: 8px solid var(--acid); z-index: 2; }
.tuf-object i:nth-child(1) { left: 13%; top: 25%; }.tuf-object i:nth-child(2) { right: 13%; top: 25%; }.tuf-object i:nth-child(3) { left: 40%; bottom: 4%; }
.temp-object { border-radius: 50% 50% 9% 9%; background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(154,43,18,.86)); box-shadow: inset 38px -22px 0 rgba(86,22,9,.34), 0 0 0 18px rgba(255,255,255,.25); }
.temp-object::before, .temp-object::after { content: ""; position: absolute; left: 13%; right: 13%; height: 1px; background: rgba(255,255,255,.68); }.temp-object::before { top: 36%; }.temp-object::after { top: 64%; }
.temp-object i { position: absolute; width: 15%; height: 15%; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 5px rgba(255,255,255,.62); }.temp-object i:nth-child(1) { left: 20%; top: 11%; }.temp-object i:nth-child(2) { right: 20%; top: 11%; }.temp-object i:nth-child(3) { left: 42.5%; bottom: 11%; }
.function-object { border-radius: 27px; background: linear-gradient(145deg, #172846, #465585); box-shadow: inset 0 0 0 21px rgba(213,255,57,.68), 0 0 0 1px rgba(7,23,33,.45); }.function-object::before { content: ""; position: absolute; inset: 13%; background-image: linear-gradient(90deg, transparent 47%, rgba(213,255,57,.68) 48% 52%, transparent 53%), linear-gradient(transparent 47%, rgba(213,255,57,.68) 48% 52%, transparent 53%); background-size: 44px 44px; }.function-object i { position: absolute; width: 18px; height: 18px; border-radius: 50%; background: var(--acid); }.function-object i:nth-child(1) { left: 12%; top: 12%; }.function-object i:nth-child(2) { right: 12%; top: 12%; }.function-object i:nth-child(3) { left: 47%; bottom: 12%; }
.elast-object { width: 55%; height: 68%; right: -1%; bottom: -8%; border-radius: 47% 55% 44% 58%; background: radial-gradient(circle at 23% 26%, transparent 0 10%, rgba(7,23,33,.7) 10.5% 15%, transparent 15.5%) 0 0 / 48px 48px, radial-gradient(circle at 74% 73%, transparent 0 10%, rgba(7,23,33,.7) 10.5% 15%, transparent 15.5%) 24px 24px / 48px 48px, #e9fff2; box-shadow: inset -32px -21px 0 rgba(101,182,158,.45); }.elast-object i { display: none; }

.applications { background: #deeee8; padding: 118px 0; }
.application-title-row { display: grid; grid-template-columns: .72fr 1.28fr; margin-bottom: 44px; }
.application-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.application-card { min-height: 335px; position: relative; overflow: hidden; padding: 20px; color: #eff7f5; display: flex; flex-direction: column; justify-content: space-between; background: var(--ink); }
.application-card > span { font: 500 9px var(--mono); letter-spacing: .1em; color: rgba(239,247,245,.55); position: relative; z-index: 2; }
.application-card > div { position: relative; z-index: 2; }
.application-card p { font-size: 11px; color: var(--acid); margin-bottom: 9px; }.application-card h3 { font-size: 27px; letter-spacing: -.06em; line-height: 1.05; margin-bottom: 14px; }.application-card small { color: rgba(239,247,245,.66); font-size: 10px; }
.application-card i { position: absolute; border: 1px solid rgba(239,247,245,.2); opacity: .7; }
.fixture { background: #153b46; }.fixture i { height: 185px; width: 185px; border-radius: 29px; right: -35px; top: 25px; transform: rotate(33deg); box-shadow: inset 0 0 0 30px rgba(214,255,56,.78); }
.heat { background: #8b3922; }.heat i { height: 230px; width: 230px; border-radius: 50%; right: -43px; top: -42px; box-shadow: inset 0 0 0 25px rgba(255,207,124,.7); }
.electronics { background: #26334d; }.electronics i { width: 170px; height: 170px; right: 14px; top: 45px; background-image: radial-gradient(var(--acid) 2px, transparent 2px); background-size: 17px 17px; transform: rotate(22deg); }
.lattice { background: #0f5560; }.lattice i { width: 230px; height: 230px; right: -23px; top: 10px; border-radius: 40% 60% 53% 47%; background-image: radial-gradient(circle at center, transparent 0 29%, rgba(214,255,56,.78) 30% 34%, transparent 35%), radial-gradient(circle at 25% 25%, rgba(214,255,56,.5) 0 9%, transparent 10%); background-size: 56px 56px; }

.process { padding: 133px 0; display: grid; grid-template-columns: .82fr 1.18fr; gap: 74px; }.process-intro > p:not(.eyebrow) { color: var(--ink-faint); max-width: 350px; font-size: 14px; line-height: 1.85; margin: 21px 0 30px; }.process-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--dark-line); }.process-list li { display: grid; grid-template-columns: 56px 1fr 28px; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--dark-line); align-items: start; }.process-list span { font: 500 10px var(--mono); color: #0e6772; }.process-list h3 { font-size: 18px; letter-spacing: -.04em; margin-bottom: 5px; }.process-list p { margin: 0; color: var(--ink-faint); font-size: 12px; }.process-list i { color: #0e6772; font-size: 17px; font-style: normal; text-align: right; }

.trust { background: var(--ink); color: var(--paper); padding: 121px 0; }.trust-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; }.trust .eyebrow { color: rgba(232,239,238,.6); }.trust h2 strong { color: var(--acid); }.trust-copy > p:not(.eyebrow) { max-width: 425px; color: rgba(232,239,238,.62); font-size: 14px; line-height: 1.8; margin: 23px 0 0; }.trust-points { border-top: 1px solid var(--line); }.trust-points article { padding: 21px 0 23px; display: grid; grid-template-columns: 1fr 1.35fr; gap: 15px; border-bottom: 1px solid var(--line); }.trust-points span { font: 500 9px var(--mono); color: var(--acid); letter-spacing: .12em; }.trust-points strong { font-size: 17px; letter-spacing: -.03em; }.trust-points p { grid-column: 2; color: rgba(232,239,238,.53); font-size: 11px; margin: -5px 0 0; }

.final-cta { padding: 117px 0; display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: end; }.final-cta > div:last-child { max-width: 375px; }.final-cta > div > p:not(.eyebrow) { color: var(--ink-faint); font-size: 14px; line-height: 1.85; margin-bottom: 26px; }.site-footer { border-top: 1px solid var(--dark-line); }.footer-row { min-height: 99px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.footer-row p, .footer-row > a:last-child { font-size: 11px; color: var(--ink-faint); margin: 0; }.footer-row > a:last-child { font-weight: 700; color: var(--ink); }
.site-header.scrolled { background: rgba(246,248,247,.87); backdrop-filter: blur(13px); position: sticky; top: 0; width: 100%; padding-inline: max(32px, calc((100% - 1180px) / 2)); box-shadow: 0 1px 0 rgba(7,23,33,.08); }

.quote-modal { position: fixed; inset: 0; display: grid; place-items: center; z-index: 30; padding: 18px; opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility .22s ease; }.quote-modal.open { opacity: 1; visibility: visible; }.modal-backdrop { position: absolute; inset: 0; background: rgba(3,15,22,.78); backdrop-filter: blur(6px); }.modal-panel { width: min(850px, 100%); max-height: min(810px, calc(100dvh - 36px)); overflow: auto; position: relative; z-index: 1; background: var(--paper); padding: 53px; box-shadow: 0 30px 90px rgba(0,0,0,.36); transform: translateY(16px); transition: transform .22s ease; }.quote-modal.open .modal-panel { transform: translateY(0); }.modal-close { position: absolute; right: 18px; top: 16px; border: 0; background: transparent; font-size: 28px; color: var(--ink); }.modal-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: end; padding-bottom: 27px; border-bottom: 1px solid var(--dark-line); }.modal-heading .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }.modal-heading h2 { font-size: 38px; letter-spacing: -.06em; line-height: 1.05; margin: 0; }.modal-heading > p:last-child { color: var(--ink-faint); font-size: 12px; line-height: 1.8; margin: 0; }.form-step { display: none; padding-top: 27px; }.form-step.active { display: block; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.form-grid label { display: grid; gap: 7px; color: var(--ink); font-size: 11px; font-weight: 700; }.form-grid label.full { grid-column: 1 / -1; }.form-grid input, .form-grid select, .form-grid textarea { border: 1px solid var(--dark-line); border-radius: 0; background: #fff; padding: 12px; min-height: 46px; color: var(--ink); outline: none; font-size: 12px; }.form-grid textarea { resize: vertical; }.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { border-color: #0e6772; box-shadow: 0 0 0 3px rgba(14,103,114,.1); }.form-next { margin-top: 24px; }.upload-zone { min-height: 179px; border: 1px dashed rgba(7,23,33,.33); display: grid; place-items: center; align-content: center; text-align: center; padding: 20px; cursor: pointer; transition: background .2s ease, border-color .2s ease; }.upload-zone:hover { border-color: #0e6772; background: rgba(14,103,114,.04); }.upload-zone input { position: absolute; width: 1px; height: 1px; opacity: 0; }.upload-icon { font-size: 27px; line-height: 1; color: #0e6772; }.upload-zone strong { margin-top: 7px; font-size: 14px; }.upload-zone small, .upload-zone b { margin-top: 5px; font-size: 10px; color: var(--ink-faint); font-weight: 500; }.upload-zone b { color: #0e6772; }.form-grid.compact { margin-top: 18px; }.consent { display: flex; gap: 9px; align-items: flex-start; font-size: 10px; color: var(--ink-faint); line-height: 1.65; margin-top: 17px; }.consent input { accent-color: var(--ink); margin-top: 3px; }.form-actions { display: flex; justify-content: space-between; gap: 14px; margin-top: 25px; }.success-step { text-align: center; padding: 55px 30px 27px; }.success-mark { width: 51px; height: 51px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--acid); font-size: 24px; }.success-step .eyebrow { justify-content: center; margin-top: 22px; }.success-step h3 { font-size: 28px; letter-spacing: -.055em; margin-bottom: 13px; }.success-step > p:not(.eyebrow) { max-width: 440px; margin: 0 auto 25px; color: var(--ink-faint); font-size: 12px; line-height: 1.8; }

@media (max-width: 850px) { .section-shell, .site-header { width: min(100% - 40px, 690px); }.site-nav { display: none; position: absolute; top: 70px; left: 0; right: 0; padding: 18px; background: var(--paper); border: 1px solid var(--dark-line); box-shadow: 0 18px 42px rgba(7,23,33,.14); flex-direction: column; align-items: stretch; gap: 0; }.site-nav.open { display: flex; }.site-nav a, .nav-cta { padding: 13px; }.menu-button { display: block; }.hero { grid-template-columns: 1fr; padding-top: 48px; }.hero-copy { order: 1; }.hero-visual { min-height: 420px; order: 2; }.metrics-grid { grid-template-columns: 1fr 1fr; }.metrics-grid > div:nth-child(3) { border-left: 1px solid var(--line); }.section-heading, .application-title-row, .process, .trust-grid, .final-cta { grid-template-columns: 1fr; gap: 28px; }.material-explorer { grid-template-columns: 1fr; }.material-tabs { border-right: 0; border-bottom: 1px solid var(--dark-line); grid-template-columns: 1fr 1fr; padding-right: 0; }.material-tab { padding: 14px 8px; }.material-stage { margin: 28px 0 0; }.application-grid { grid-template-columns: 1fr 1fr; }.trust-points { max-width: 600px; }.final-cta { padding: 90px 0; }.modal-panel { padding: 40px 30px; } }
@media (max-width: 520px) { .section-shell, .site-header { width: calc(100% - 32px); }.site-header { height: 70px; }.hero { padding-top: 30px; min-height: 0; }.hero h1 { font-size: 47px; }.hero-description { font-size: 14px; }.hero-visual { min-height: 350px; }.material-float { right: 4%; top: 5%; }.visual-caption { font-size: 8px; }.metrics-grid { grid-template-columns: 1fr 1fr; }.metrics-grid > div { padding: 21px 14px; }.capabilities, .applications, .process, .trust { padding: 80px 0; }.material-tabs { grid-template-columns: 1fr; }.material-stage-content { grid-template-columns: 1fr; padding-top: 31px; }.material-stage h3 { font-size: 48px; }.material-specs { margin-top: 0; }.material-object { opacity: .3; }.application-grid { grid-template-columns: 1fr; }.application-card { min-height: 245px; }.trust-points article { grid-template-columns: 1fr; gap: 7px; }.trust-points p { grid-column: 1; margin: 0; }.footer-row { min-height: 135px; flex-wrap: wrap; padding: 23px 0; }.modal-panel { padding: 34px 20px; }.modal-heading, .form-grid { grid-template-columns: 1fr; }.modal-heading .eyebrow { grid-column: 1; }.form-grid label.full { grid-column: 1; }.form-actions { flex-direction: column-reverse; }.form-actions .button { width: 100%; }.form-next { width: 100%; }.hero-actions .button { width: 100%; }.precision-float { display: none; } }