/* XTI force-controlled dimensional metrology · 2026-09-24 */
.fg-page { --fg-dark:#0b141c; --fg-text:#152832; --fg-teal:#126c70; background:#f6f7f5; color:var(--fg-text); }
.fg-page h1,.fg-page h2,.fg-page h3,.fg-feature h2 {margin:0;letter-spacing:-.045em;line-height:1.16}
.fg-page p {margin:0;line-height:1.85}
.fg-shell {max-width:1320px;margin:auto;padding:0 clamp(24px,5vw,80px)}
.fg-kicker {font-size:11px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}
.fg-eyebrow {display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.1em}
.fg-eyebrow::before {content:"";width:24px;height:1px;background:currentColor}
.fg-hero {background:radial-gradient(ellipse at 78% 50%,#203541 0,transparent 55%),#0b141c;color:#f4f7f7;overflow:hidden}
.fg-hero-inner {min-height:630px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding-top:76px;padding-bottom:62px}
.fg-hero-copy {position:relative;z-index:1}
.fg-hero .fg-eyebrow {color:#abc3c5;margin-bottom:28px}
.fg-hero h1 {font-size:clamp(38px,4.3vw,64px);font-weight:500;line-height:1.2}
.fg-hero h1 span {display:block}
.fg-hero h1 .fg-hero-accent {color:#9bc8c6}
.fg-hero-lead {max-width:470px;color:#acbac1;margin-top:28px!important;font-size:15px}
.fg-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.fg-button {display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 21px;min-height:48px;border:1px solid #216e73;background:#216e73;color:#fff;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;text-decoration:none}
.fg-button:hover {background:#19595f;transform:translateY(-1px)}
.fg-button-light {background:transparent;border-color:#62717a;color:#f4f7f7}
.fg-button-light:hover {background:#22343f}
.fg-button-outline {background:transparent;color:#173f45;border-color:#b3c8c8}
.fg-button-outline:hover {background:#e9f1ef}
.fg-page :focus-visible,.fg-feature :focus-visible {outline:3px solid #58a6b3;outline-offset:4px}
.fg-product-visual {position:relative;min-width:0;padding:50px 0 42px;isolation:isolate}
.fg-product-visual::before {content:"";position:absolute;inset:2% -20%;z-index:-1;background:radial-gradient(ellipse,#4a687350,transparent 65%)}
.fg-product-visual img {width:100%;height:auto;max-width:560px;margin:auto;filter:drop-shadow(15px 30px 24px #0008)}
.fg-product-caption {display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #ffffff25;margin-top:38px;padding-top:14px;font-size:11px;letter-spacing:.1em;color:#a6b5bd}
.fg-capability-strip {border-top:1px solid #ffffff20;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:23px;padding-bottom:25px}
.fg-capability-strip strong {display:block;font-size:15px;font-weight:500}
.fg-capability-strip span {display:block;font-size:12px;color:#94a5ae;margin-top:3px}
.fg-chapters {background:#f6f7f5;border-bottom:1px solid #dce1df}
.fg-chapters .fg-shell {display:flex;flex-wrap:wrap;gap:8px 34px;padding-top:19px;padding-bottom:19px}
.fg-chapters a {font-size:13px;color:#5b6d74;padding:4px 0}
.fg-chapters a:hover {color:#126c70}
.fg-section {padding-top:96px;padding-bottom:96px;scroll-margin-top:92px}
.fg-section .fg-kicker {color:#276b6e;margin-bottom:18px}
.fg-section h2 {font-size:clamp(29px,3.2vw,43px);font-weight:500}
.fg-section-intro {max-width:640px;color:#617279;margin-top:22px!important;font-size:15px}
.fg-section-top {display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}
.fg-section-top>p {color:#66767c;max-width:370px;font-size:14px}
.fg-benefits {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.fg-benefits article {border-top:1px solid #c4cdca;padding-top:21px}
.fg-number {color:#658580;font-size:12px;letter-spacing:.14em}
.fg-benefits h3 {font-size:22px;margin:23px 0 13px;font-weight:500}
.fg-benefits p {color:#64747a;font-size:14px}
.fg-demo-section {background:#e9edeb}
.fg-demo {background:#0e1a23;color:#e7edef;border:1px solid #253943;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);border-radius:6px;overflow:hidden}
.fg-stage-area {position:relative;min-width:0;padding:24px;display:flex;flex-direction:column;border-right:1px solid #ffffff16;background:radial-gradient(ellipse at 47% 30%,#2a414c60,transparent 70%)}
.fg-demo-label {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#a6b9c3;font-size:11px;letter-spacing:.09em}
.fg-scene {width:100%;height:auto;min-height:290px;max-height:420px;display:block;margin:8px auto 0}
.fg-scene text {font-family:inherit;font-size:12px;fill:#a7bec9}
.fg-cad-view {position:relative;width:100%;height:500px;min-height:360px;margin:10px auto 0;background:radial-gradient(ellipse at 50% 48%,#3d566b45,transparent 65%);overflow:hidden}
.fg-cad-view canvas {display:block;width:100%;height:100%;position:absolute;inset:0}
.fg-cad-poster {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1}
.fg-cad-view.is-ready .fg-cad-poster {opacity:0;pointer-events:none}
.fg-cad-caption {display:flex;justify-content:space-between;gap:12px;color:#acc2c8;font-size:11px;margin:8px 0 16px;align-items:center;flex-wrap:wrap}
.fg-cad-views {display:flex;gap:5px}
.fg-cad-views button {padding:7px 10px;background:transparent;color:#a4bac2;border:1px solid #49616c;border-radius:3px;font-size:11px;cursor:pointer}
.fg-cad-views button[aria-pressed="true"] {background:#28504e;color:#d2eee7;border-color:#60978b}
.fg-cad-views button:disabled {opacity:.4;cursor:default}
.fg-cad-force {font-size:13px;color:#a3d3c2;text-align:right;margin-bottom:14px!important}
@media(max-width:640px) {.fg-cad-view{height:370px;min-height:0}}
.fg-stem {transition:transform 1s cubic-bezier(.22,.8,.3,1)}
.fg-specimen {transition:transform .5s,opacity .4s;transform-origin:270px 340px}
.fg-force-mark {opacity:0;transition:opacity .3s}
.fg-demo[data-contact="true"] .fg-force-mark {opacity:1}
.fg-reference-line {stroke:#6c898f;stroke-width:1;stroke-dasharray:4 5}
.fg-demo-note {font-size:11px;color:#90a5ae;line-height:1.7;margin-top:auto!important}
.fg-readout {display:flex;flex-direction:column;padding:32px;min-width:0}
.fg-readout .fg-kicker {color:#a2c7c8;font-size:10px;margin-bottom:22px}
.fg-readout-name {font-size:13px;color:#b4c5cc}
.fg-value {font-size:clamp(42px,5vw,64px);font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1.3;margin:8px 0;color:#f4f8f8;white-space:nowrap}
.fg-value small {font-size:15px;letter-spacing:0;color:#9baeb9;margin-left:7px}
.fg-force-value {display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:16px 0;margin:15px 0 22px;font-size:13px;color:#b4c5cc}
.fg-force-value strong {font-weight:500;color:#e6f3ed;font-variant-numeric:tabular-nums}
.fg-phase-title {font-size:18px!important;font-weight:500;margin-bottom:12px!important;color:#e6f3ed}
.fg-phase-detail {font-size:13px;color:#adbdc6;min-height:76px}
.fg-sample-field {margin-top:20px;display:grid;gap:8px;font-size:12px;color:#b4c5cc}
.fg-sample-field select {min-height:44px;max-width:100%;width:100%;border:1px solid #526a76;border-radius:3px;padding:9px 10px;background:#152833;color:#eef5f6;font:inherit}
.fg-sample-field.fg-force-setting {margin:0 0 24px;color:#acd9cf}
.fg-force-setting select {font-size:20px;border-color:#56897f;background:#163b3b}
.fg-demo-controls {display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.fg-demo-controls button {font-size:12px;padding:10px 14px;min-height:42px}
.fg-play {flex:1}
.fg-demo select:disabled,.fg-demo-controls button:disabled {opacity:.65;cursor:wait}
.fg-demo-controls button:disabled:hover {transform:none}
.fg-soft-sample {margin:0 0 22px}
.fg-result-state {font-size:12px;color:#98adb7;min-height:23px}
.fg-demo[data-stage="result"] .fg-result-state,.fg-demo[data-stage="retracting"] .fg-result-state,.fg-demo[data-stage="complete"] .fg-result-state {color:#9be2c4}
.fg-compression {font-size:11px;color:#9eb6bf;margin-top:5px!important;min-height:22px}
.fg-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px;list-style:none;padding:0}
.fg-steps li {border-top:2px solid #ccd6d2;color:#65777c;padding:17px 8px 8px 0;font-size:12px}
.fg-steps li span {display:block;font-size:10px;margin-bottom:8px;letter-spacing:.13em}
.fg-steps li b {font-weight:500}
.fg-steps li[aria-current="step"] {border-color:#126c70;color:#164e53}
.fg-applications {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;margin-top:45px}
.fg-application {padding:27px 0;display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid #cbd5d0}
.fg-application h3 {font-size:22px;font-weight:500;margin:0 0 12px}
.fg-application p {color:#63757c;font-size:14px}
.fg-application .fg-number {padding-top:4px}
.fg-small-note {color:#6b7b82;font-size:12px;margin-top:20px!important}
.fg-selection {background:#fff;border-top:1px solid #e1e6e3;border-bottom:1px solid #e1e6e3}
.fg-series-options {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}
.fg-series-option {font:inherit;text-align:left;cursor:pointer;border:1px solid #ccd6d2;border-radius:4px;background:#fff;padding:28px;color:#263d43}
.fg-series-option[aria-pressed="true"] {border:1px solid #216e73;background:#f1f7f5;box-shadow:inset 0 3px #216e73}
.fg-series-option strong {display:flex;justify-content:space-between;font-size:27px;font-weight:500;line-height:1.2}
.fg-series-option strong span {font-size:12px;align-self:center;color:#5e7c7b;letter-spacing:.02em}
.fg-series-option p {font-size:13px;color:#5f7279;margin-top:16px}
.fg-model-panel {display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:42px;padding-top:40px}
.fg-model-panel label {display:block;font-size:13px;color:#536970;margin-bottom:10px}
.fg-model-panel select {max-width:100%;width:100%;min-height:50px;font:inherit;padding:10px;border:1px solid #adbfbd;border-radius:3px;background:#fff;color:#203b43}
.fg-model-panel .fg-actions {margin-top:22px}
.fg-selected-specs {margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;min-width:0}
.fg-selected-specs>div {padding:15px 0;border-bottom:1px solid #e0e7e4}
.fg-selected-specs dt {font-size:12px;color:#687d83;margin-bottom:7px}
.fg-selected-specs dd {margin:0;font-size:17px;font-weight:500;white-space:pre-line;overflow-wrap:anywhere}
.fg-spec-footnote {font-size:12px;line-height:1.8;color:#6c7d83;margin-top:22px!important}
.fg-full-specs {margin-top:42px;border-top:1px solid #cfd9d4;border-bottom:1px solid #cfd9d4;padding:21px 0;min-width:0}
.fg-full-specs summary {cursor:pointer;font-size:14px;font-weight:500}
.fg-spec-scroll {overflow:auto;max-width:100%;margin-top:22px}
.fg-spec-scroll table {border-collapse:collapse;width:100%;min-width:800px;text-align:left;font-size:12px}
.fg-spec-scroll th,.fg-spec-scroll td {padding:15px 12px;border-bottom:1px solid #e0e7e4;white-space:pre-line}
.fg-spec-scroll th {background:#f2f5f3;font-weight:500}
.fg-spec-scroll caption {text-align:left;padding:20px 12px 10px;font-size:16px;font-weight:500}
.fg-spec-scroll .fg-spec-footnote {min-width:0;margin-bottom:24px}
.fg-system {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}
.fg-system article {padding:20px 0;border-top:1px solid #c8d4ce}
.fg-system h3 {font-size:18px;font-weight:500;margin:18px 0 12px}
.fg-system p {font-size:13px;color:#60767b}
.fg-end {background:#132d35;color:#f4f7f6;padding:64px 0}
.fg-end .fg-shell {display:flex;justify-content:space-between;align-items:center;gap:32px}
.fg-end h2 {font-size:clamp(25px,3vw,38px);font-weight:500}
.fg-end p {color:#a7bec2;font-size:14px;margin-top:17px}
.fg-end .fg-actions {flex-shrink:0;margin:0}
.fg-feature {margin:0;background:radial-gradient(ellipse at 77% 50%,#28424e,transparent 60%),#101d26;color:#eff5f5;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:64px clamp(24px,6vw,90px);align-items:center}
.fg-feature h2 {font-size:clamp(29px,3.4vw,45px);font-weight:500;margin:18px 0 22px}
.fg-feature p {max-width:490px;font-size:15px;line-height:1.8;color:#b4c7ce}
.fg-feature .fg-kicker {color:#a2c7c8;font-size:11px}
.fg-feature img {width:100%;height:auto;max-width:430px;margin:auto;filter:drop-shadow(12px 20px 18px #0005)}
@media (max-width:900px) {
 .fg-hero-inner {grid-template-columns:1fr 1fr;min-height:550px;padding-top:58px;padding-bottom:48px}
 .fg-demo {grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)}
 .fg-readout {padding:25px}
 .fg-stage-area {padding:20px 14px}
 .fg-benefits {gap:22px}
 .fg-section-top {display:block}.fg-section-top>p{margin-top:22px}
 .fg-end .fg-shell {display:block}.fg-end .fg-actions{margin-top:26px}
 .fg-system {grid-template-columns:1fr 1fr}
}
@media (max-width:640px) {
 .fg-hero-inner {grid-template-columns:1fr;padding-top:43px;padding-bottom:26px;gap:2px}
 .fg-hero h1 {font-size:38px}.fg-hero-lead {margin-top:22px!important;font-size:14px}
 .fg-product-visual {padding:24px 12px 4px}.fg-product-visual img{max-width:330px}
 .fg-product-caption {margin-top:21px;font-size:10px}
 .fg-capability-strip {gap:12px}.fg-capability-strip strong{font-size:12px}.fg-capability-strip span{font-size:10px}
 .fg-chapters .fg-shell{gap:4px 20px;padding-top:14px;padding-bottom:14px}.fg-chapters a{font-size:12px}
 .fg-section {padding-top:62px;padding-bottom:62px}
 .fg-benefits {grid-template-columns:1fr;gap:27px;margin-top:34px}.fg-benefits h3{margin:10px 0}
 .fg-demo {grid-template-columns:1fr}.fg-stage-area{border-right:0;border-bottom:1px solid #ffffff16}
 .fg-scene {max-height:340px;min-height:0}.fg-readout{padding:24px}
 .fg-value{font-size:55px}.fg-phase-detail{min-height:0}.fg-readout .fg-kicker{margin-bottom:14px}
 .fg-steps{grid-template-columns:repeat(2,1fr);gap:10px}.fg-steps li{min-height:60px}
 .fg-applications {grid-template-columns:1fr;margin-top:32px}.fg-application{gap:10px;grid-template-columns:30px 1fr}
 .fg-series-option {padding:21px 16px}.fg-series-option strong{display:block}.fg-series-option strong span{display:block;margin-top:10px;font-size:11px}.fg-series-options{gap:12px}
 .fg-model-panel{grid-template-columns:1fr;gap:22px}.fg-selected-specs{gap:0 20px}
 .fg-selected-specs dd{font-size:15px}
 .fg-feature {grid-template-columns:1fr;padding-top:42px;padding-bottom:42px;gap:30px}.fg-feature img{max-width:300px}
 .fg-demo select,.fg-model-panel select {font-size:16px}
}
@media (prefers-reduced-motion:reduce) {
 .fg-stem,.fg-specimen,.fg-force-mark,.fg-button {transition:none}
 html {scroll-behavior:auto}
}