:root{--tw-bg:#07121b;--tw-panel:#101f2d;--tw-border:#ffffff16;--tw-ink:#eef4fa;--tw-muted:#96acbc;--tw-accent:#a4f3cf}html{scroll-behavior:smooth}.ft-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px max(4vw,24px);background:#07121bf5;border-bottom:1px solid var(--tw-border);position:sticky;top:0;z-index:100;color:var(--tw-ink);backdrop-filter:blur(16px)}.ft-nav a{color:inherit;text-decoration:none}.ft-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.ft-brand span{font-size:8px;line-height:1.6;letter-spacing:1.6px;color:var(--tw-muted);width:80px;white-space:normal;border-left:1px solid #ffffff30;padding-left:12px;margin-left:6px}.ft-nav nav,.ft-nav-actions{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600}.ft-nav-actions{gap:16px}.ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 22px;background:var(--tw-accent);color:#08251d!important;border:1px solid var(--tw-accent);border-radius:6px;text-decoration:none;font-size:14px;font-weight:750;transition:transform .2s;white-space:nowrap}.ft-btn:hover{transform:translateY(-2px)}.ft-btn.outline{background:transparent;color:#eef4fa!important;border-color:#ffffff35}.ft-small{padding:10px 15px;font-size:12px}.twin-home{background:var(--tw-bg);color:var(--tw-ink);font-family:Pretendard,Inter,system-ui,sans-serif}.twin-home :is(p,h1,h2,h3,h4){margin:0}.twin-hero{max-width:1600px;margin:auto;padding:65px 5vw 0;background:radial-gradient(ellipse at 80% 30%,#143b3f55,transparent 60%)}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;min-height:610px}.twin-home .eyebrow{font-size:10px!important;font-weight:700;letter-spacing:2px;color:var(--tw-accent)!important;line-height:1.8}.twin-home h1{font-size:clamp(35px,3.4vw,56px);line-height:1.27;letter-spacing:-2.3px;font-weight:750;margin:24px 0}.twin-home h1 em{font-style:normal;color:var(--tw-accent)}.twin-home .lead{font-size:16px;line-height:1.95;color:#aec1ce;max-width:480px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.twin-home .micro{font-size:11px!important;color:var(--tw-muted);margin-top:16px!important}.brand-tags{display:flex;gap:24px;font-size:12px;margin-top:36px}.brand-tags span:nth-child(1){color:#66b5ff}.brand-tags span:nth-child(2){color:#b29cff}.brand-tags span:nth-child(3){color:#75e1c5}.ft-stage{border:1px solid #43627066;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#163342,#0b1925);box-shadow:0 40px 80px #0004}.stage-bar{display:flex;justify-content:space-between;gap:8px;padding:16px 18px;background:#0b1925;font-size:9px;letter-spacing:1px;color:#c5d6dd}.stage-bar small{color:#8eacb8;font-size:9px}#scene{height:380px;position:relative;width:100%;overflow:hidden}#scene canvas{display:block;width:100%;height:100%}.scene-fallback{display:block;padding:80px;text-align:center;color:#87afa9}.cad-caption{display:none}.stage-kpis{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 15px;background:#0b1925dd;border-top:1px solid var(--tw-border)}.stage-kpis div{padding:0 12px;border-right:1px solid var(--tw-border)}.stage-kpis div:last-child{border:0}.stage-kpis small{font-size:8px;letter-spacing:1px;color:#8aabba}.stage-kpis b{display:block;font-size:16px;margin:8px 0;color:#e0edf4}.stage-kpis span{font-size:10px;color:#7f9aa8}.hero-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--tw-border);padding:25px 0;margin-top:50px;font-size:10px;letter-spacing:1px;color:#8ba2ae}.hero-foot a{color:inherit;text-decoration:none}.twin-section{padding:100px 5vw;max-width:1500px;margin:auto}.section-title{margin-bottom:45px}.section-title h2{font-size:clamp(28px,3vw,42px);line-height:1.4;letter-spacing:-1.5px;margin-top:14px}.section-title>p:last-child:not(.eyebrow){color:#9fb6c3;font-size:15px;margin-top:16px;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{--tone:#66b5ff;background:#101f2b;border:1px solid var(--tw-border);border-top:2px solid var(--tone);border-radius:9px;padding:28px;display:flex;flex-direction:column;overflow:hidden}.product-card.violet{--tone:#b29cff}.product-card.teal{--tone:#75e1c5}.product-card>small{color:var(--tone);font-size:9px;letter-spacing:1.5px}.product-card h3{font-size:28px;letter-spacing:-1px;margin:25px 0 8px}.product-card h4{font-weight:500;color:#d4e1e8;font-size:14px}.product-card img{width:100%;height:170px;object-fit:cover;object-position:top;border-radius:6px;margin:25px 0 20px;border:1px solid #ffffff15}.product-card>p{font-size:13px;line-height:1.9;color:#9eb5c2;min-height:75px}.product-card ul{padding:0;list-style:none;color:#ccdce6;font-size:12px;line-height:2.4;margin:22px 0 25px}.product-card li:before{content:'+';color:var(--tone);margin-right:9px}.data-output{border-top:1px solid #ffffff12;padding-top:19px;margin-top:auto}.data-output small{font-size:8px;letter-spacing:1.5px;color:var(--tone);display:block;margin-bottom:8px}.data-output b{font-size:12px;font-weight:500}.mini-layout,.mes-preview{height:170px;flex-shrink:0;margin:25px 0 20px;background:#0b1722;border-radius:6px;border:1px solid #ffffff12;padding:18px}.mini-layout>span{display:block;background:#a28cff13;border:1px solid #a28cff25;text-align:center;padding:6px;font-size:8px;letter-spacing:2px;color:#bca8fc}.mini-layout>div{display:flex;align-items:center;gap:10px;margin:9px 0}.mini-layout b{flex:1;padding:8px 3px;background:#22334a;text-align:center;font-size:8px;font-weight:500;border:1px solid #a28cff38;border-radius:3px}.mini-layout i{font-style:normal;color:#b29cff}.mes-preview>span{font-size:8px;letter-spacing:1px;color:#7598a2}.mes-preview>b{font-size:16px;display:flex;justify-content:space-between;align-items:center;margin-top:6px}.mes-preview i{font-size:8px;font-style:normal;color:#75e1c5;background:#75e1c513;padding:5px 8px;border-radius:3px}.mes-steps{display:flex;gap:5px;margin-top:17px}.mes-steps span{flex:1;text-align:center;font-size:9px;border:1px solid #75e1c544;background:#75e1c510;padding:9px 3px;color:#75e1c5}.mes-result{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:8px;color:#86a3ad}.mes-result strong{font-size:12px;color:#75e1c5}.flow-section{background:#0c1c27;padding:90px 5vw;border-block:1px solid var(--tw-border)}.flow-section>*{max-width:1340px;margin-inline:auto}.flow{display:flex;align-items:center;gap:18px}.flow>button{flex:1;background:#132837;border:1px solid #ffffff18;padding:25px;text-align:left;color:#e5eff6;cursor:pointer;border-radius:7px}.flow>button.active{border-color:#a4f3cf;background:#15312f}.flow small{font-size:10px;color:#93b6bf}.flow b{display:block;font-size:24px;letter-spacing:-.8px;margin:12px 0}.flow span{font-size:12px;color:#9db6c3}.flow>i{color:#8bb4ad;font-style:normal;font-size:24px}.flow-detail{display:flex;gap:24px;align-items:center;padding:26px 30px;margin-top:22px;background:#07131b;border:1px solid #ffffff10;border-radius:6px}.flow-detail>span{font-size:9px;letter-spacing:1px;color:#a4f3cf;white-space:nowrap}.flow-detail p{font-size:14px;line-height:1.8;color:#bdced6}.feedback{text-align:center;font-size:10px;letter-spacing:1.8px;color:#9cb9b0;border:1px dashed #a4f3cf40;border-top:0;max-width:90%;padding:20px 10px;border-radius:0 0 30px 30px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefits article{border-top:1px solid #ffffff25;padding-top:25px}.benefits small{font-size:11px;color:#a4f3cf}.benefits h3{font-size:19px;margin:20px 0 14px;letter-spacing:-.5px}.benefits p{font-size:13px;line-height:1.9;color:#96acbc}.start-panel{display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(110deg,#173b35,#152433);margin:0 5vw 80px;padding:55px;border:1px solid #a4f3cf30;border-radius:12px}.start-panel h2{font-size:33px;letter-spacing:-1px;line-height:1.4;margin:12px 0 20px}.start-panel p:last-child{color:#a8c1c6;font-size:14px;line-height:1.8}.start-panel>div:last-child{display:flex;flex-direction:column;gap:12px;min-width:245px}.start-panel>div:last-child>a:last-child{text-align:center;color:#b4c8cb;font-size:12px;margin-top:7px}.page-home .footer{background:#08141e}.page-home main{padding-bottom:1px}@media(max-width:1150px){.ft-brand span{display:none}.ft-nav nav{gap:15px}.ft-nav-actions{gap:12px}.hero-grid{gap:20px;grid-template-columns:1fr 1fr}.twin-home h1{font-size:38px}.product-card{padding:22px}.flow>button{padding:20px}.stage-kpis b{font-size:14px}}@media(max-width:850px){.ft-nav{padding:15px 20px;gap:12px}.ft-nav nav{display:none}.ft-brand{font-size:19px}.ft-nav-actions>a:first-child,.ft-nav-actions>a:nth-child(2){display:none}.ft-nav-actions{font-size:11px;gap:12px}.ft-small{font-size:10px;padding:9px 12px}.twin-hero{padding:45px 22px 0}.hero-grid{grid-template-columns:1fr}.twin-home h1{font-size:42px}.ft-stage{margin-top:20px}#scene{height:350px}.hero-foot{margin-top:30px;font-size:8px;flex-wrap:wrap}.hero-foot>span:nth-child(2){display:none}.twin-section,.flow-section{padding:65px 22px}.product-grid{grid-template-columns:1fr}.product-card img{height:220px}.product-card>p{min-height:0}.benefits{grid-template-columns:1fr 1fr}.flow{flex-direction:column;gap:10px}.flow>button{width:100%;padding:22px}.flow>i{transform:rotate(90deg)}.flow-detail{flex-direction:column;align-items:flex-start;gap:12px}.start-panel{margin:0 22px 50px;padding:30px;display:block}.start-panel h2{font-size:27px}.start-panel>div:last-child{margin-top:28px}.stage-kpis b{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ft-btn{transition:none}}

.ft-stage .machine-note{display:none}.ft-stage{position:relative}

/* AutoSim-X's cinematic scene fills the opening viewport. */
@media(min-width:851px){
 .twin-hero{max-width:none;padding:0}
 .hero-grid{position:relative;display:block;min-height:max(740px,calc(100svh - 80px));isolation:isolate}
 .hero-copy{position:relative;z-index:2;width:36%;padding:clamp(95px,15vh,165px) 0 170px;margin-left:4vw;pointer-events:none}
 .hero-copy a{pointer-events:auto}
 .hero-copy h1{font-size:clamp(32px,3.2vw,58px)}
 .hero-copy .lead{font-size:clamp(13px,1.1vw,17px)}
 .hero-copy .brand-tags{gap:16px;flex-wrap:wrap}
 .hero-grid .ft-stage{position:absolute;inset:0;margin:0;border:0;border-radius:0;box-shadow:none;z-index:0}
 .hero-grid #scene{position:absolute;inset:0;height:100%;width:100%}
 .hero-grid .stage-bar{position:absolute;top:24px;right:4vw;z-index:1;background:#0b192599;border:1px solid #ffffff18;border-radius:5px;min-width:330px}
 .hero-grid .stage-kpis{position:absolute;bottom:28px;right:4vw;width:46%;z-index:1;border:1px solid #ffffff20;border-radius:7px;backdrop-filter:blur(8px)}
 .twin-hero .hero-foot{margin:0;padding:22px 4vw}
}
@media(max-width:850px){
 .hero-grid .ft-stage{margin:30px -22px 0;border-radius:0;border-inline:0}
 .hero-grid #scene{height:clamp(420px,68svh,720px)}
}

.mes-animation-section{max-width:none;padding:85px 4vw;background:#0a1922}
.mes-animation-section .section-title{max-width:1340px;margin:0 auto 32px}
.mes-stage{max-width:1600px;margin:0 auto}
.mes-scene{height:clamp(500px,72svh,850px);position:relative;overflow:hidden}
.mes-scene canvas{display:block;width:100%;height:100%}
@media(max-width:850px){.mes-animation-section{padding:55px 0}.mes-animation-section .section-title{padding:0 22px}.mes-stage{border-radius:0;border-inline:0}.mes-scene{height:400px}}

@media(min-width:851px){.hero-grid:after{content:"";position:absolute;inset:0 auto 0 0;width:52%;z-index:1;pointer-events:none;background:linear-gradient(90deg,#07121bea 0%,#07121bb3 52%,transparent 100%)}}