.home{--ink:#2e3d45;--muted:#839098;--line:#e7ecee;--accent:#697f8a;min-height:100dvh;display:flex;flex-direction:column;color:var(--ink);background:#fff}
.home .platform-header{height:70px;min-height:70px;padding:0 28px;border-bottom:1px solid var(--line);justify-content:flex-start}
.workspace-brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.workspace-brand img{width:30px;height:37px;object-fit:contain;opacity:.8}.workspace-brand span{font-size:14px;letter-spacing:1.7px;color:#72818a}.workspace-brand b{font-size:23px;letter-spacing:-.8px;color:#293a43;margin-right:10px;font-weight:500}
.home main.journey-layout{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;max-width:none;margin:0;padding:0;min-height:680px;width:100%}
.service-menu{border-right:1px solid var(--line);padding:30px 20px}.menu-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.3px;color:#99a4aa;margin:0 10px 24px}.menu-label span{font-size:10px}
.service-menu .service-list{display:flex;flex-direction:column}.service-menu [data-service]{position:relative;display:flex;flex-direction:column;text-align:left;width:100%;padding:24px 12px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;gap:10px}.service-menu [data-service] small{font-size:10px;letter-spacing:1.1px;color:#96a2a9}.service-menu [data-service] strong{font-size:19px;font-weight:500;letter-spacing:-.5px}.service-menu [data-service]>span{font-size:12px;color:#8b979e;line-height:1.6}.service-menu [data-service] i{position:absolute;right:13px;top:48px;font-style:normal;color:#a0adb4;font-size:15px}.service-menu [data-service].is-active{background:#f4f7f8}.service-menu [data-service].is-active:before{content:'';position:absolute;top:22px;bottom:22px;left:-20px;width:2px;background:#758e9b}.service-menu [data-service]:hover{background:#f7f9fa}.menu-note{font-size:12px;line-height:1.8;color:#a0a9ae;margin:28px 12px}
.journey-stage{padding:30px clamp(28px,4vw,72px) 20px;min-width:0;background:linear-gradient(145deg,#fff 40%,#fafcfc)}.stage-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#9aa6ac;margin-bottom:50px}.stage-top span:last-child{letter-spacing:0;font-size:12px}.journey-heading>p{font-size:11px;letter-spacing:1.7px;color:#91a0a8;margin:0 0 18px}.journey-heading h1{font-weight:400;letter-spacing:-1.3px;font-size:clamp(27px,2.7vw,40px);line-height:1.4;margin:0 0 18px}.journey-heading>span{font-size:14px;line-height:1.8;color:#8a969d}
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,54px);margin:40px 0 35px}.flow-step{min-width:0;position:relative}.flow-step+.flow-step:before{content:'→';position:absolute;top:75px;left:calc(clamp(24px,3vw,54px) / -2 - 7px);font-size:18px;color:#bec9ce}.diagram{height:180px;background:#f5f8f9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #edf1f3;margin-bottom:24px}.diagram svg{width:100%;height:150px}.diagram-caption{position:absolute;bottom:9px;text-align:center;font-size:10px;letter-spacing:.5px;color:#98a5ad}.flow-step>small{font-size:10px;letter-spacing:1.4px;color:#9da9b0}.flow-step h2{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:12px 0}.flow-step>p{font-size:13px;line-height:1.9;color:#85939b;margin:0}
.layer-diagram{flex-direction:column;gap:9px;padding:20px}.layer-row{display:flex;align-items:center;gap:9px;border:1px solid #e4eaed;background:white;width:100%;max-width:200px;padding:9px 12px;font-size:12px;color:#7b8e98}.layer-row i{width:7px;height:7px;border-radius:1px;background:#a2b4bf}.layer-row span{margin-left:auto;color:#a0b0ba}.drawing-sheet{background:#fff;border:1px solid #dfe6e9;width:75%;padding:11px 13px;transform:rotate(-3deg)}.drawing-sheet>span,.drawing-sheet>div{font-size:10px;color:#95a3ab}.drawing-sheet svg{height:90px;display:block}.drawing-sheet>div{text-align:right}.file-shape{border:1px solid #d5dfe4;background:#fff;display:flex;flex-direction:column;width:104px;height:125px;padding:17px 14px;gap:16px}.file-shape span{font-size:9px;color:#a5b0b7;letter-spacing:1px}.file-shape strong{font-size:25px;font-weight:400;color:#8b9faa}.file-shape i{font-style:normal;font-size:10px;color:#acb6bc}.materials-diagram{padding:24px;flex-direction:column;gap:12px}.materials-diagram>div{display:flex;align-items:center;width:100%;gap:10px;font-size:12px;color:#81919a}.materials-diagram i{width:22px;height:22px;background:#dfe5e7;border:1px solid #d7dfe3}.materials-diagram>div:nth-child(2) i{background:#ccdbe1}.materials-diagram>div:nth-child(3) i{background:#dcd6ca}.materials-diagram b{font-size:10px;font-weight:400;margin-left:auto;color:#a2aeb4}.specification-diagram dl{margin:0;width:78%;font-size:12px}.specification-diagram dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e0e7eb}.specification-diagram dt{color:#8999a3}.specification-diagram dd{margin:0;color:#a2b0b8}.mini-table{width:82%;background:#fff;border:1px solid #dde5e9;padding:10px}.mini-table>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f3;font-size:10px;color:#94a4ad}.mini-table i{height:3px;background:#d7e1e6;margin:4px 0}.mini-table footer{font-size:10px;color:#8b9ca6;text-align:right;padding-top:12px}
.journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px}.journey-bottom>p{font-size:12px;color:#9aa5ac;margin:0;line-height:1.7}.journey-bottom>a{font-size:14px;border-bottom:1px solid #9fafb8;padding:10px 0;color:#526975;min-width:185px;display:flex;justify-content:space-between;gap:25px}.journey-bottom>a:hover{color:#253d4a;border-color:#253d4a}.diagram-note{font-size:10px;color:#acb6bc;margin-top:20px}.home .home-foot{border-top:1px solid var(--line);padding:12px 28px;display:flex;justify-content:space-between;color:#a7b0b6;font-size:10px;letter-spacing:1px}
.journey-stage article.entering{animation:panel-in .35s ease both}.entering .flow-step{animation:step-in .6s both}.entering .flow-step:nth-child(2){animation-delay:.1s}.entering .flow-step:nth-child(3){animation-delay:.2s}.entering .layer-row{animation:step-in .6s both}.entering .layer-row:nth-child(2){animation-delay:.2s}.entering .layer-row:nth-child(3){animation-delay:.4s}.entering .unfold-left{animation:spread-left 1s ease both}.entering .unfold-right{animation:spread-right 1s ease both}.entering .unfold-top{animation:spread-top 1s ease both}.entering .unfold-bottom{animation:spread-bottom 1s ease both}.entering .packed-parts{animation:step-in 1s ease both}.entering .point-pulse{animation:point-in 1s ease both;transform-box:fill-box;transform-origin:center}
@keyframes panel-in{from{opacity:.4}to{opacity:1}}@keyframes step-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spread-left{from{transform:translateX(37px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes spread-right{from{transform:translateX(-37px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes spread-top{from{transform:translateY(37px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spread-bottom{from{transform:translateY(-37px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes point-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.3);opacity:1}100%{transform:scale(1)}}
@media(min-width:1700px){.home main.journey-layout{grid-template-columns:280px minmax(0,1fr)}.journey-stage{padding-left:6vw;padding-right:6vw}.stage-top{margin-bottom:65px}.flow{margin-top:50px}.diagram{height:210px}.flow-step+.flow-step:before{top:90px}}
@media(max-width:1100px){.home main.journey-layout{grid-template-columns:220px minmax(0,1fr)}.service-menu{padding:25px 14px}.service-menu [data-service]{padding:22px 9px}.service-menu [data-service]>span{font-size:11px}.service-menu [data-service].is-active:before{left:-14px}.journey-stage{padding:26px}.flow{gap:22px}.flow-step+.flow-step:before{left:-17px}.diagram{height:155px}.flow-step h2{font-size:15px}.flow-step>p br{display:none}.journey-bottom{align-items:flex-start}}
@media(max-width:760px){.home .platform-header{padding:0 20px;height:64px;min-height:64px}.workspace-brand{gap:10px}.workspace-brand img{width:24px;height:30px}.workspace-brand span{font-size:11px;letter-spacing:1px}.workspace-brand b{font-size:22px;margin-right:5px}.home main.journey-layout{display:block;min-height:0}.service-menu{padding:15px 16px;border-right:0;border-bottom:1px solid var(--line)}.menu-label,.menu-note{display:none}.service-menu .service-list{flex-direction:row;gap:8px}.service-menu [data-service]{padding:13px 10px;gap:6px;border:1px solid var(--line);border-radius:3px;flex:1;min-width:0}.service-menu [data-service] small{font-size:8px;letter-spacing:0}.service-menu [data-service] strong{font-size:15px}.service-menu [data-service]>span,.service-menu [data-service] i,.service-menu [data-service].is-active:before{display:none}.journey-stage{padding:23px 20px}.stage-top{margin-bottom:28px}.journey-heading h1{font-size:28px}.journey-heading>span{font-size:13px}.flow{grid-template-columns:1fr;gap:30px;margin:30px 0}.flow-step{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:18px;align-content:center}.diagram{grid-row:1/4;height:128px;margin:0}.flow-step>small{align-self:end}.flow-step h2{font-size:16px;margin:9px 0}.flow-step>p{font-size:12px;line-height:1.7}.flow-step+.flow-step:before{content:'↓';left:53px;top:-27px;font-size:16px}.diagram svg{height:110px}.layer-diagram{padding:10px;gap:6px}.layer-row{padding:7px;font-size:10px;gap:5px}.diagram-caption{font-size:8px;bottom:3px}.drawing-sheet{width:85%;padding:8px}.drawing-sheet svg{height:70px}.file-shape{height:103px;width:82px;padding:12px 10px;gap:12px}.file-shape strong{font-size:21px}.file-shape span{font-size:8px}.materials-diagram{padding:12px;gap:9px}.materials-diagram>div{font-size:9px;gap:6px}.materials-diagram b{display:none}.materials-diagram i{width:17px;height:17px}.specification-diagram dl{font-size:9px;width:85%}.mini-table{width:90%;padding:6px}.mini-table>div{font-size:8px;gap:4px;padding:6px 0}.mini-table footer{font-size:8px}.journey-bottom{flex-direction:column;gap:12px}.journey-bottom>a{width:100%}.home .home-foot{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){.home *{animation:none!important;transition:none!important}}

/* Match the FORMSITEDIA header wordmark hierarchy. */
.home .workspace-brand{gap:10px;color:#25282c}
.home .workspace-brand img{width:24px;height:32px;opacity:1;filter:brightness(0) opacity(.9)}
.home .workspace-brand span{font-family:Arial,sans-serif;font-size:17px;letter-spacing:-.55px;color:inherit}
.home .workspace-brand b{font-family:Arial,sans-serif;font-size:inherit;font-weight:700;letter-spacing:inherit;color:inherit;margin:0}
@media(max-width:650px){.home .workspace-brand span{font-size:16px}.home .workspace-brand img{width:19px;height:26px}}

/* Sidebar brand and real interface guide. */
.home main.journey-layout{min-height:calc(100dvh - 40px)}
.service-menu .workspace-brand{align-items:flex-start;white-space:normal;margin:0 10px 42px;gap:10px}
.service-menu .workspace-brand span{font-size:17px;line-height:1.4;max-width:176px}
.service-menu .workspace-brand img{flex:none;margin-top:3px}
.service-menu a[data-service]{cursor:pointer;text-decoration:none}
.service-menu [data-service]:focus-visible{outline:2px solid #697f8a;outline-offset:2px}
.coming-soon{color:#87959d;font-size:14px;padding:10px 0}
.actual-shot{height:250px;display:flex;justify-content:center;background:#fff;border:1px solid #e7ecee;margin-bottom:22px;overflow:hidden}
.actual-shot img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}
.actual-flow{gap:28px;margin-top:30px}.actual-flow .flow-step>small{font-size:12px;letter-spacing:0}.actual-flow .flow-step>p{font-size:14px}
.stage-top{margin-bottom:30px}
@media(max-width:1100px){.service-menu .workspace-brand{margin-left:8px;margin-right:0}.service-menu .workspace-brand span{font-size:16px}.actual-shot{height:220px}}
@media(max-width:760px){.service-menu .workspace-brand{margin:5px 0 22px;align-items:center}.service-menu .workspace-brand span{max-width:none}.service-menu [data-service]>span{display:block;font-size:11px}.actual-shot{grid-row:1/4;height:170px;margin:0}.actual-flow .flow-step{grid-template-columns:135px minmax(0,1fr)}.actual-flow .flow-step>p{font-size:13px}.actual-flow .flow-step+.flow-step:before{left:60px}.home main.journey-layout{min-height:0}}

.journey-stage article[hidden]{display:none!important}

/* Keep the mark and the two-line title at the same height. */
.home .service-menu .workspace-brand{align-items:center;gap:10px}
.home .service-menu .workspace-brand img{width:36px;height:44px;margin:0;flex:none;object-fit:contain}
.home .service-menu .workspace-brand span{font-size:16px;line-height:22px;letter-spacing:-.45px;max-width:none;white-space:nowrap}
.home .service-menu .workspace-brand b{display:block;font-size:inherit;line-height:inherit}

/* Reserve an explicit gutter for connectors, independent of card content. */
.home .flow{--flow-gap:36px;column-gap:var(--flow-gap)}
.home .flow-step+.flow-step:before{left:calc(var(--flow-gap) / -2);top:75px;width:16px;line-height:20px;text-align:center;transform:translateX(-50%);font-size:14px;pointer-events:none}
.home .actual-flow .flow-step+.flow-step:before{top:115px}
@media(min-width:761px){.home .flow-step:nth-child(3n + 1):before{content:none}}
@media(max-width:760px){.home .flow{row-gap:38px}.home .flow-step+.flow-step:before{content:'↓';left:60px;top:-29px;transform:translateX(-50%)}.home .actual-flow .flow-step+.flow-step:before{top:-29px;left:67px}}

/* Six readable feature cards, with arrows exclusively in grid gutters. */
.home .journey-stage{padding-top:24px}.home .stage-top{margin-bottom:18px}
#journey-0 .journey-heading>p{margin-bottom:8px}#journey-0 .journey-heading h1{font-size:26px;line-height:1.35;margin-bottom:18px;letter-spacing:-.8px}
.home .six-guide{gap:24px 36px;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.home .six-guide .flow-step{display:block;background:#f7f9fa;border:1px solid #d4dde2;border-radius:5px;padding:15px;box-shadow:0 2px 5px #243d4a05}
.home .six-guide .card-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.home .six-guide .card-heading small{font-size:12px;color:#536e7c;font-weight:700}.home .six-guide h2{font-size:17px;font-weight:600;margin:0;color:#273a44}
.home .six-guide .actual-shot{height:clamp(130px,20vh,180px);margin-bottom:12px;border-color:#e0e6e9;background:white}.home .six-guide .actual-shot img{object-fit:contain;object-position:center}
.home .six-guide .flow-step>p{color:#50616b;font-size:14px;line-height:1.65;margin:0;min-height:46px}.home .six-guide .flow-step:before{top:50%;margin-top:-10px;left:-19px;color:#8498a3}
@media(max-width:1100px) and (min-width:761px){.home .six-guide{column-gap:26px;--flow-gap:26px}.home .six-guide .flow-step{padding:12px}.home .six-guide .flow-step:before{left:-14px}.home .six-guide h2{font-size:16px}}
@media(max-width:760px){#journey-0 .journey-heading h1{font-size:23px}.home .six-guide{grid-template-columns:1fr;row-gap:34px}.home .six-guide .flow-step:before{top:-28px;left:50%;margin-top:0}.home .six-guide .actual-shot{height:180px}.home .six-guide .flow-step>p{min-height:0}}