
/* AutoDirector Field Proof v1.0 — scoped styles, responsive and theme safe */
.fieldproof { color:#f4f6f4; background:#0c1917; position:relative; overflow:hidden; padding:clamp(60px,8vw,126px) 0; isolation:isolate; }
.fieldproof::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 15% 12%,rgba(178,247,69,.10),transparent 41%),linear-gradient(125deg,transparent 20%,rgba(43,108,97,.12)); z-index:-1; }
.fieldproof-container { max-width:1360px; margin:0 auto; padding:0 clamp(20px,5vw,70px); }
.fieldproof-eyebrow { display:flex; gap:14px; align-items:center; font-weight:700; letter-spacing:.19em; text-transform:uppercase; font-size:.73rem; color:#b8f06a; margin-bottom:clamp(20px,3vw,35px); }
.fieldproof-eyebrow::before { content:""; display:block; width:32px; height:1px; background:currentColor; }
.fieldproof-layout { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:clamp(30px,6vw,90px); align-items:center; }
.fieldproof-copy h2 { font-family:inherit; font-size:clamp(2.6rem,5.2vw,5.6rem); line-height:1.02; letter-spacing:-.055em; font-weight:750; max-width:760px; margin:0 0 26px; color:white; }
.fieldproof-copy h2 em { font-style:normal; color:#c0ee85; }
.fieldproof-copy p { max-width:650px; line-height:1.74; font-size:clamp(.97rem,1.14vw,1.11rem); color:#c7d5d2; margin:0 0 26px; }
.fieldproof-tag { display:inline-flex; align-items:center; gap:9px; font-size:.7rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; border:1px solid rgba(190,243,123,.42); border-radius:999px; padding:11px 16px; color:#d4f6ab; background:rgba(178,240,105,.06); }
.fieldproof-tag::before { content:""; width:7px; height:7px; background:#b1ed70; border-radius:50%; box-shadow:0 0 13px rgba(177,237,112,.4); }
.fieldproof-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0; }
.fieldproof-link { display:inline-flex; justify-content:center; align-items:center; padding:13px 20px; min-height:46px; border-radius:3px; text-decoration:none!important; font-weight:720; font-size:.84rem; transition:transform .2s ease, background .2s ease; }
.fieldproof-link:hover { transform:translateY(-2px); }
.fieldproof-link:focus-visible { outline:3px solid #c0ee85; outline-offset:3px; }
.fieldproof-link.primary { background:#c4f28d; color:#102016!important; }
.fieldproof-link.secondary { border:1px solid #55746c; color:#e8f3ed!important; background:rgba(255,255,255,.03); }
.fieldproof-limit { font-size:.82rem!important; line-height:1.55!important; color:#9ab3ad!important; padding-left:14px; border-left:2px solid #5b786b; max-width:690px; }
.fieldproof-visual { min-width:0; }
.fieldproof-player { display:block; position:relative; width:100%; border-radius:12px; overflow:hidden; border:1px solid rgba(230,255,231,.18); background:#172a25; aspect-ratio:16/9; box-shadow:0 35px 100px rgba(0,0,0,.35); }
.fieldproof-player a.fieldproof-poster { display:block; position:relative; height:100%; width:100%; color:white!important; text-decoration:none!important; overflow:hidden; }
.fieldproof-poster img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.66) saturate(.78); transition:transform .5s ease; }
.fieldproof-poster:hover img { transform:scale(1.03); }
.fieldproof-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 42%,rgba(0,0,0,.63)); }
.fieldproof-player-meta { position:absolute; top:20px; left:20px; display:flex; align-items:center; gap:10px; font-size:.67rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.fieldproof-player-meta span { width:7px; height:7px; background:#c8f48d; border-radius:50%; }
.fieldproof-play { display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:76px; height:76px; border:1px solid rgba(255,255,255,.65); background:rgba(5,22,17,.61); border-radius:50%; backdrop-filter:blur(8px); transition:background .2s ease; }
.fieldproof-play::after { content:""; border-left:20px solid #fff; border-top:12px solid transparent; border-bottom:12px solid transparent; margin-left:6px; }
.fieldproof-poster:hover .fieldproof-play { background:rgba(24,88,54,.88); }
.fieldproof-poster:focus-visible { outline:4px solid #c0ee85; outline-offset:-6px; }
.fieldproof-poster-bottom { position:absolute; bottom:23px; left:25px; right:25px; display:flex; justify-content:space-between; align-items:end; gap:12px; color:#fff; font-size:.78rem; line-height:1.4; }
.fieldproof-poster-bottom strong { display:block; font-size:.95rem; }
.fieldproof-caption { margin-top:12px; font-size:.76rem; color:#a7c0b5; line-height:1.6; }
.fieldproof-video { display:block; width:100%; height:100%; aspect-ratio:16/9; object-fit:contain; background:#000; }
.fieldproof-video:focus-visible { outline:3px solid #c0ee85; outline-offset:2px; }
@media(max-width:850px) { .fieldproof-layout { grid-template-columns:1fr; gap:28px; } .fieldproof-copy h2 { max-width:650px; } .fieldproof-visual { max-width:800px; } }
@media(max-width:480px) { .fieldproof { padding:55px 0; } .fieldproof-copy h2 { font-size:clamp(2.35rem,11vw,3.4rem); } .fieldproof-player-meta { top:12px; left:12px; font-size:.58rem; } .fieldproof-play { width:61px; height:61px; } .fieldproof-poster-bottom { bottom:13px; left:14px; right:14px; } .fieldproof-poster-bottom strong { font-size:.79rem; } .fieldproof-poster-bottom small { display:none; } .fieldproof-actions { flex-direction:column; } .fieldproof-link { width:100%; } }
@media(prefers-reduced-motion:reduce) { .fieldproof * { transition:none!important; animation:none!important; } }

/* Actual AutoDirector field photograph, separate from explanatory product demos */
.fieldproof-still { margin:22px 0 0; padding:14px; border:1px solid rgba(213,242,207,.18); border-radius:12px; background:rgba(255,255,255,.035); }
.fieldproof-still a {display:block; overflow:hidden; border-radius:6px; background:#07100f;}
.fieldproof-still img {display:block; width:100%; height:auto; object-fit:contain; transition: transform .3s ease; }
.fieldproof-still a:hover img { transform:scale(1.01); }
.fieldproof-still a:focus-visible {outline:3px solid #c0ee85;outline-offset:3px;}
.fieldproof-still figcaption {display:grid; gap:5px; padding:14px 3px 2px; font-size:.83rem; line-height:1.55; color:#cadbd4;}
.fieldproof-still figcaption strong {font-size:.69rem; letter-spacing:.14em; color:#c4ef88;}
@media(prefers-reduced-motion:reduce){ .fieldproof-still img {transition:none;} }
/* Prevent sticky navigation covering linked section title. */
#field-deployment {scroll-margin-top:112px;}
