/* Field Technology: job-pack and evidence system. */
body.ft-site{--gp-bg:#f4f1e9;--gp-ink:#151713;--gp-muted:#59605a;--gp-line:#c9c7bd;--gp-panel:#fbfaf5;--gp-accent:#ffb000;--gp-accent-ink:#17130a;--gp-focus:#007c91;--gp-display:"Arial Narrow",Impact,Haettenschweiler,sans-serif;--gp-body:Inter,Arial,sans-serif;--gp-mono:"IBM Plex Mono",Consolas,monospace;background-image:linear-gradient(90deg,transparent 49.8%,rgba(21,23,19,.035) 50%,transparent 50.2%);background-size:72px 72px}
.ft-branch{position:sticky;z-index:80;top:0;background:rgba(244,241,233,.94);border-bottom:1px solid var(--gp-line);backdrop-filter:blur(14px)}
.ft-branch .gp-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px}.ft-branch strong{font:800 .72rem var(--gp-mono);letter-spacing:.11em;text-transform:uppercase}.ft-branch nav{display:flex;gap:.35rem;overflow:auto;scrollbar-width:none}.ft-branch a{padding:.45rem .7rem;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:.75rem;font-weight:800}.ft-branch a:hover,.ft-branch a[aria-current=page]{background:#171913;color:#fff}
.ft-hero{padding:clamp(4rem,8vw,8rem) 0 3rem;background:#171913;color:#f9f6ed}.ft-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center}.ft-hero .gp-breadcrumb,.ft-hero .gp-lead{color:#bec5bc}.ft-hero .gp-display{font-size:clamp(3.6rem,7.2vw,7.8rem);text-transform:uppercase}.ft-hero .gp-display em{display:block;color:#ffb000;font-family:Georgia,serif;font-size:.58em;font-weight:400;letter-spacing:-.04em;text-transform:none}.ft-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;border:1px solid #3a3e37;background:#3a3e37}.ft-stat{padding:1rem;background:#20231d}.ft-stat strong{display:block;color:#ffb000;font:800 .88rem var(--gp-mono)}.ft-stat span{display:block;margin-top:.3rem;color:#d2d7ce;font-size:.76rem}
.ft-jobpack{position:relative;min-height:510px;padding:1rem;background:#e3ddd0;color:#171913;transform:rotate(1.2deg);box-shadow:0 24px 80px #0008}.ft-photo{height:270px;overflow:hidden;background:#70756c}.ft-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05)}.ft-photo-note{position:absolute;top:1.9rem;right:1.9rem;padding:.4rem .6rem;background:#ffb000;font:800 .62rem var(--gp-mono);letter-spacing:.08em;text-transform:uppercase}.ft-ticket{margin-top:1rem;padding:1rem;border:1px solid #a8a498;background:#f7f4ea}.ft-ticket-head{display:flex;justify-content:space-between;gap:1rem;font:800 .68rem var(--gp-mono);letter-spacing:.08em}.ft-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:1rem}.ft-progress span{padding:.65rem .35rem;background:#d7d3c8;text-align:center;font:700 .58rem var(--gp-mono);text-transform:uppercase}.ft-progress .is-active{background:#ffb000}.ft-sync{display:flex;align-items:center;justify-content:space-between;margin-top:.85rem;padding-top:.8rem;border-top:1px dashed #999488;font-size:.7rem}.ft-sync b{color:#006f77}
.ft-routes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:1rem}.ft-routes .gp-route-card:nth-child(2),.ft-routes .gp-route-card:nth-child(5){transform:translateY(2rem)}.ft-routes .gp-route-card:hover{transform:translateY(-4px)}
.ft-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.ft-step{position:relative;padding:1.4rem;min-height:180px;border:1px solid var(--gp-line);background:var(--gp-panel)}.ft-step:not(:last-child)::after{content:"";position:absolute;z-index:2;top:2rem;right:-.5rem;width:1rem;height:1rem;border-top:2px solid #171913;border-right:2px solid #171913;transform:rotate(45deg);background:var(--gp-panel)}.ft-step b{font:800 .65rem var(--gp-mono);color:#007c91}.ft-step h3{margin:2.7rem 0 .5rem;font-size:1.05rem}.ft-step p{margin:0;color:var(--gp-muted);font-size:.83rem}
.ft-demo{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--gp-line);background:#191c17;color:#f5f3e9}.ft-demo-copy{padding:clamp(1.5rem,4vw,3.5rem)}.ft-demo-copy p{color:#bdc5ba}.ft-device{margin:1.5rem;padding:1rem;border:1px solid #4b5148;border-radius:1.3rem;background:#f6f3ea;color:#171913}.ft-demo-bar{display:flex;align-items:center;justify-content:space-between;padding:.7rem;border-bottom:1px solid #ccc7ba;font:800 .67rem var(--gp-mono)}.ft-state{display:inline-flex;align-items:center;gap:.4rem}.ft-state::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#008594}.ft-task{display:grid;gap:.7rem;padding:1rem}.ft-task label{display:grid;gap:.25rem;font-size:.72rem;font-weight:800}.ft-task input,.ft-task select,.ft-task textarea{width:100%;padding:.7rem;border:1px solid #aaa599;border-radius:.35rem;background:#fff}.ft-task button{min-height:45px;border:0;border-radius:.35rem;background:#ffb000;font-weight:900;cursor:pointer}.ft-task button:hover{background:#ffc53d}.ft-demo-result{min-height:42px;padding:.7rem;border:1px solid #c9c5b9;background:#ece8dc;font-size:.75rem}.ft-demo-result[data-state=pending]{border-color:#c68300}.ft-demo-result[data-state=synced]{border-color:#008594;background:#e4f4f3}.ft-demo-note{display:block;margin-top:.7rem;color:#8e988b;font-size:.68rem}
.ft-media-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.ft-media-strip figure{margin:0;position:relative;overflow:hidden;min-height:360px;background:#333}.ft-media-strip img{width:100%;height:100%;object-fit:cover}.ft-media-strip figcaption{position:absolute;right:.7rem;bottom:.7rem;left:.7rem;padding:.6rem;background:#151713dc;color:#fff;font-size:.67rem}
.ft-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ft-card-grid .gp-card:nth-child(3n){grid-column:span 2}.ft-section-copy{max-width:760px}.ft-section-copy>p{color:var(--gp-muted);font-size:1.03rem}
@media(max-width:920px){.ft-hero-grid,.ft-demo,.ft-media-strip{grid-template-columns:1fr}.ft-jobpack{min-height:450px;transform:none}.ft-routes{grid-template-columns:repeat(2,1fr)}.ft-routes .gp-route-card:nth-child(2),.ft-routes .gp-route-card:nth-child(5){transform:none}.ft-workflow{grid-template-columns:repeat(2,1fr)}.ft-step::after{display:none}}
@media(max-width:620px){.ft-branch .gp-container{align-items:flex-start;flex-direction:column;padding-block:.6rem}.ft-branch nav{width:100%}.ft-hero{padding-top:3rem}.ft-stats,.ft-routes,.ft-workflow,.ft-card-grid{grid-template-columns:1fr}.ft-card-grid .gp-card:nth-child(3n){grid-column:auto}.ft-jobpack{min-height:405px;padding:.65rem}.ft-photo{height:210px}.ft-device{margin:.8rem}.ft-media-strip figure{min-height:280px}}
