/* Object capture field guide and its small entry points on marketing pages. */
@media (min-width:1011px) and (max-width:1200px){
  .nav-in{gap:18px}
  .nav-links{gap:clamp(12px,1.5vw,18px);margin-left:0}
  .nav-links a,.nav-login{font-size:13.5px}
  .nav-cta{gap:10px}
  .nav-cta .btn{padding-inline:12px;font-size:13px}
}
.guide-inline{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.ground .guide-inline{color:var(--acc)}
.hardware .guide-inline{color:var(--lime)}

.capture-guide{background:var(--night);color:var(--dtext)}
.guide-hero{position:relative;overflow:hidden;padding:74px 0 86px;background:radial-gradient(ellipse at 73% 24%,rgba(79,61,240,.32),transparent 53%),var(--night)}
.guide-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 70% 18%,#000,transparent 65%)}
.guide-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:40px;align-items:center}
.guide-hero h1{font-size:clamp(44px,5.3vw,72px);max-width:11.5em}
.guide-lede{max-width:36em;color:var(--dmut);font-size:18px;line-height:1.65;margin:0 0 28px}
.guide-orbit{max-width:530px;margin-inline:auto;width:100%;border:1px solid var(--dline);border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(79,61,240,.13),transparent 75%),rgba(255,255,255,.025);overflow:hidden}
.guide-orbit svg{display:block;width:100%;height:auto}
.guide-orbit text{fill:var(--dmut);font:500 11px var(--mono);letter-spacing:.08em}
.guide-orbit figcaption{padding:0 24px 22px;border-top:0;background:transparent;color:var(--dmut);font:400 12px var(--mono)}
.guide-rule{position:relative;margin-top:54px;padding:28px 32px 30px;border:1px solid rgba(205,245,100,.48);border-radius:22px;background:linear-gradient(110deg,rgba(205,245,100,.12),rgba(79,61,240,.12));box-shadow:0 25px 60px -45px rgba(205,245,100,.45)}
.guide-rule-label,.guide-number,.guide-download-kicker{display:block;color:var(--lime);font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.guide-rule strong{display:block;margin:12px 0 8px;color:#fff;font-size:clamp(23px,3vw,34px);line-height:1.2;letter-spacing:-.025em}
.guide-rule p{max-width:70em;color:var(--dtext);font-size:16px}

.guide-body{background:var(--ground);color:var(--ink);padding:80px 0 90px}
.guide-body :focus-visible{outline-color:var(--acc)}
.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:72px;align-items:start}
.guide-contents{position:sticky;top:92px;padding:18px 0;border-top:3px solid var(--acc)}
.guide-contents p{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--mut);margin-bottom:12px}
.guide-contents li a{display:flex;align-items:center;min-height:40px;color:var(--ink2);font-size:13.5px;font-weight:700}
.guide-contents li a:hover{color:var(--acc)}
.guide-content{max-width:790px}
.guide-section{padding:0 0 58px;margin-bottom:58px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.guide-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.guide-number{color:var(--acc)}
.guide-section h2{margin:13px 0 22px;color:var(--ink);font-size:clamp(31px,3.6vw,47px)}
.guide-section p{color:var(--ink2);font-size:16px;line-height:1.75;margin-top:14px}
.guide-section p:first-of-type{margin-top:0}
.guide-section strong{color:var(--ink)}
.guide-lighting{position:relative;padding:32px;margin:0 0 58px;background:#fff;border:1px solid #dcd6ff;border-left:5px solid var(--acc);border-radius:0 18px 18px 0;box-shadow:0 22px 55px -48px rgba(79,61,240,.6)}
.guide-mini-steps{counter-reset:focus;display:grid;gap:10px;margin:22px 0}
.guide-mini-steps li{position:relative;counter-increment:focus;padding:16px 20px 16px 56px;border-radius:12px;background:#fff;color:var(--ink2);font-size:15px;line-height:1.6}
.guide-mini-steps li::before{content:counter(focus,decimal-leading-zero);position:absolute;left:18px;top:17px;color:var(--acc);font:500 12px var(--mono)}
.guide-download{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:26px;border:1px solid #d8d2ff;border-radius:18px;background:#fff}
.guide-download-kicker{color:var(--acc)}
.guide-download h3{margin-top:8px;color:var(--ink);font-size:21px}
.guide-download p{font-size:14px;line-height:1.6;margin-top:7px;max-width:44em}
.guide-download .btn{flex:none}
.guide-section .guide-fineprint{font-size:13px;color:var(--mut)}

.guide-checklist{padding:82px 0 96px;background:radial-gradient(ellipse at 14% 4%,rgba(79,61,240,.23),transparent 55%),var(--night2);scroll-margin-top:60px}
.guide-checklist-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px}
.guide-checklist h2{color:#fff;margin-bottom:20px}
.guide-checklist p:not(.eyebrow){max-width:24em;color:var(--dmut);font-size:17px}
.guide-checklist-cta{margin-top:26px}
.guide-checklist-cta+.guide-back{margin-top:10px}
.guide-back{display:inline-flex;align-items:center;gap:8px;margin-top:22px;min-height:44px;color:var(--lime);font-weight:700}
.guide-back:hover{text-decoration:underline;text-underline-offset:4px}
.guide-checks{display:grid;gap:12px}
.guide-checks li{position:relative;padding:17px 20px 17px 54px;border:1px solid var(--dline);border-radius:13px;background:rgba(255,255,255,.035);color:var(--dtext);font-size:15px}
.guide-checks li::before{content:"✓";position:absolute;left:20px;top:15px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:800;font-size:14px}
@media(max-width:900px){
  .guide-hero-grid,.guide-layout,.guide-checklist-grid{grid-template-columns:1fr}
  .guide-hero-grid{gap:34px}
  .guide-orbit{max-width:590px}
  .guide-layout{gap:30px}
  .guide-contents{position:static;display:block;padding:18px 0 14px;border-bottom:1px solid var(--line)}
  .guide-contents ol{display:flex;flex-wrap:wrap;gap:0 18px}
  .guide-contents li a{min-height:36px}
  .guide-checklist-grid{gap:34px}
}
@media(max-width:560px){
  .guide-hero{padding:44px 0 60px}
  .guide-hero h1{font-size:42px}
  .guide-lede{font-size:16px}
  .guide-orbit figcaption{padding:0 16px 16px;font-size:11px}
  .guide-rule{margin-top:32px;padding:22px}
  .guide-rule p{font-size:14px}
  .guide-body{padding:56px 0 64px}
  .guide-section{padding-bottom:44px;margin-bottom:44px}
  .guide-lighting{margin:0 0 44px;padding:23px 20px}
  .guide-section p{font-size:15px}
  .guide-download{flex-direction:column;align-items:stretch;padding:20px}
  .guide-download .btn{width:100%}
  .guide-checklist{padding:64px 0 72px}
}

/* Capture-path diagram: viewpoint maps (angle × height) comparing a continuous path with bad patterns. */
.capture-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0 8px}
.cp-panel{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.cp-panel-do{grid-column:1/-1;border-color:#d8d2ff;box-shadow:0 22px 55px -48px rgba(79,61,240,.6)}
.cp-panel-dont{border-color:#f3d2d4}
.cp-panel p{margin:0;color:var(--ink2);font-size:14px;line-height:1.55}
.cp-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cp-head strong{color:var(--ink);font-size:16px;line-height:1.3}
.cp-badge{padding:4px 10px;border-radius:999px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.cp-badge-do{background:var(--lime);color:var(--ink)}
.cp-badge-dont{background:#C8323A;color:#fff}
.cp-svg{display:block;width:100%;height:auto}
.cp-row{stroke:var(--line);stroke-width:1.5}
.cp-col{stroke:var(--line);stroke-dasharray:3 5}
.cp-lab,.cp-ax{fill:var(--mut);font:500 13px var(--mono);letter-spacing:.06em}
.cp-ax{font-size:12px}
.cp-axt{font-size:11px;letter-spacing:.1em}
.cp-path{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.cp-ring{fill:#fff;stroke:var(--acc);stroke-width:2.5}
.cp-step{fill:var(--lime);stroke:var(--ink);stroke-width:2}
.cp-dir{stroke:var(--acc);stroke-width:2}
.cp-arrhead{fill:var(--acc)}
.cp-tag rect{fill:var(--ink)}
.cp-tag text{fill:#fff;font:500 11px var(--mono)}
.cp-bad{fill:none;stroke:#C8323A;stroke-width:2;stroke-dasharray:7 5;stroke-linejoin:round}
.cp-badpt{fill:#C8323A}
.cp-num{fill:#fff;font:500 11px var(--mono)}
.cp-seg{fill:none;stroke:var(--mut);stroke-width:2.5;stroke-linecap:round}
.cp-segpt{fill:#fff;stroke:var(--mut);stroke-width:2.5}
.cp-gap{stroke:#C8323A;stroke-width:1.5;stroke-dasharray:3 5}
.cp-x circle{fill:#fff;stroke:#C8323A;stroke-width:2}
.cp-x path{stroke:#C8323A;stroke-width:2.2;stroke-linecap:round}
.cp-hole{fill:rgba(200,50,58,.06);stroke:#C8323A;stroke-width:1.2;stroke-dasharray:4 4}
.cp-holet{fill:#C8323A;font:500 11px var(--mono);letter-spacing:.1em}
.cp-legend{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--ink2);font-size:13.5px}
.cp-legend li{display:flex;align-items:center;gap:8px}
.cp-legend i{flex:none;display:inline-block}
.cp-key-ring{width:12px;height:12px;border-radius:50%;border:2.5px solid var(--acc);background:#fff}
.cp-key-step{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--lime)}
.cp-key-path{width:22px;height:3px;border-radius:2px;background:var(--acc)}
.capture-path figcaption{grid-column:1/-1;padding:4px 2px 0;color:var(--mut);font:400 12.5px/1.6 var(--mono)}
@media(max-width:700px){
  .capture-path{grid-template-columns:1fr}
  .cp-panel{padding:16px}
}
.capture-path figcaption{border:0;background:transparent}
@media(max-width:700px){
  .cp-panel-do .cp-lab{font-size:19px}
  .cp-panel-do .cp-ax{font-size:17px}
  .cp-panel-do .cp-axt{display:none}
  .cp-panel-do .cp-tag text{font-size:13px}
}

/* Per-section diagrams (camera, lighting, focus, set, video) share the capture-path panels. */
.cp-panel-do.cp-panel-half{grid-column:auto}
.guide-lighting .cp-panel{background:var(--ground)}
.cp-prod{fill:var(--accs);stroke:var(--acc);stroke-width:2}
.cp-prodl{fill:none;stroke:var(--acc);stroke-width:1.5;opacity:.55}
.cp-prod-warm{fill:#FFD9A8;stroke:#C97A2B;stroke-width:2}
.cp-cam{fill:var(--ink)}
.cp-lamp path:first-child{fill:var(--lime);stroke:var(--ink);stroke-width:1.5}
.cp-ray{fill:none;stroke:#8FB13A;stroke-width:2;stroke-linecap:round}
.cp-frbg{fill:var(--ground)}
.cp-frbg-warm{fill:#F6D9B8}
.cp-frame{fill:none;stroke:var(--ink2);stroke-width:1.5}
.cp-set,.cp-setbad,.cp-lockt,.cp-badt,.cp-axbad,.cp-bdt{font:500 11px var(--mono);letter-spacing:.06em}
.cp-set{fill:var(--acc)}
.cp-setbad,.cp-badt,.cp-axbad{fill:#C8323A}
.cp-axbad{font-size:12px}
.cp-lockband{fill:var(--lime)}
.cp-lockt{fill:var(--ink)}
.cp-badband{fill:#fff;stroke:#C8323A;stroke-width:1.5;stroke-dasharray:4 4}
.cp-orbit{fill:none;stroke:var(--accl);stroke-width:1.5;stroke-dasharray:5 6}
.cp-shadow{fill:rgba(14,15,31,.18)}
.cp-ghost{fill:rgba(200,50,58,.1);stroke:#C8323A;stroke-width:1.5;stroke-dasharray:4 3}
.cp-flash{fill:rgba(205,245,100,.5)}
.cp-tent{fill:#fff;stroke:var(--acc);stroke-width:1.5;stroke-dasharray:6 5}
.cp-softray{stroke:#8FB13A;stroke-width:2.5;stroke-linecap:round}
.cp-table{fill:none;stroke:var(--ink2);stroke-width:1.5}
.cp-turn,.cp-brace{fill:none;stroke:var(--ink2);stroke-width:1.8}
.cp-move{fill:none;stroke:#C8323A;stroke-width:1.8}
.cp-arrink{fill:var(--ink2)}
.cp-arrbad{fill:#C8323A}
.cp-lit{fill:var(--lime);stroke:var(--ink);stroke-width:1.5}
.cp-dark{fill:var(--ink2);stroke:var(--ink);stroke-width:1.5}
.cp-mk .o,.cp-mk .c{fill:#fff}
.cp-mk .o{stroke:var(--ink);stroke-width:1}
.cp-mk .i{fill:var(--ink)}
.cp-backdrop{fill:#2B2D45}
.cp-bdt{fill:var(--dmut)}
.cp-plat{fill:#ECEAF7;stroke:var(--ink2);stroke-width:1.5}
.cp-platside{fill:#C9C5E0;stroke:var(--ink2);stroke-width:1.5}
.cp-tabletop{fill:#ECECF2;stroke:var(--line)}
.cp-stripes{fill:url(#cg-stripe);stroke:var(--line)}
.cp-vpath{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.cp-vframe{fill:var(--acc)}
.cp-smear{fill:rgba(200,50,58,.35)}
.cp-tl{stroke:var(--ink2);stroke-width:3;stroke-linecap:round}
.cp-pin{stroke:#C8323A;stroke-width:1.5;stroke-dasharray:3 3}

/* Hero setup illustration: turntable, fixed softboxes and a dome of camera frustums on one spiral path. */
.hs-path{stroke:var(--accl);stroke-width:1.8;stroke-linecap:round}
.hs-plane{fill:rgba(205,245,100,.22);stroke:var(--lime);stroke-width:1.1;stroke-linejoin:round}
.hs-frus{fill:none;stroke:var(--lime);stroke-width:.9;opacity:.85}
.hs-far{opacity:.32}
.hs-plat{fill:#1B1C33;stroke:rgba(255,255,255,.28);stroke-width:1.2}
.hs-platside{fill:#121326;stroke:rgba(255,255,255,.16);stroke-width:1.2}
.hs-tag-o{fill:#fff}
.hs-tag-i{fill:#07080F}
.hs-prod{fill:url(#hs-prodfill);stroke:#fff;stroke-width:2}
.hs-prodl{fill:none;stroke:var(--acc);stroke-width:1.6;opacity:.6}
.hs-shadow{fill:rgba(0,0,0,.45)}
.hs-boxface{fill:#FFF6D8;stroke:#fff;stroke-width:1.2}
.hs-boxbody{fill:none;stroke:rgba(255,255,255,.35);stroke-width:1}
.hs-beam{stroke:none}
.hs-chip rect{fill:var(--lime)}
.guide-orbit .hs-chip text{fill:var(--ink);font-size:10.5px}
.hs-lead{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1}
.hs-dot{fill:#fff}
.guide-orbit .hs-lab{fill:var(--dtext);font-size:10.5px}
.guide-orbit .hs-num{fill:var(--lime)}
.hs-cam{fill:var(--lime);stroke:#07080F;stroke-width:1.2}
/* full-width 560-unit diagrams scale ~1.4x the 360-unit ones on desktop; keep rendered labels equal */
@media(min-width:901px){
  .cp-svg-wide .cp-lab{font-size:9.4px}
  .cp-svg-wide .cp-ax{font-size:8.6px}
  .cp-svg-wide .cp-axt,.cp-svg-wide .cp-tag text,.cp-svg-wide .cp-num,.cp-svg-wide .cp-set,.cp-svg-wide .cp-setbad,.cp-svg-wide .cp-lockt,.cp-svg-wide .cp-badt,.cp-svg-wide .cp-axbad,.cp-svg-wide .cp-bdt{font-size:8px}
}
