@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--black: #000000;--pine: #0f3b2b;--pine-2: #082219;--cream: #f3ead8;--cream-dim: rgba(243, 234, 216, .72);--white: #ffffff;--muted: rgba(255, 255, 255, .68);--line: rgba(255, 255, 255, .12);--line-strong: rgba(243, 234, 216, .22);--green: #22c55e;--rust: #c4572b;--red: #ff2d24;--gold: #d7ad43;--panel: rgba(8, 12, 10, .78);--panel-strong: rgba(12, 19, 16, .94);--radius: 28px;--radius-sm: 16px;--shadow: 0 28px 90px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 10%,rgba(196,87,43,.22),transparent 30rem),radial-gradient(circle at 0% 20%,rgba(34,197,94,.16),transparent 28rem),linear-gradient(180deg,#07110d,#000 42%,#000);color:var(--white);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,black,transparent 76%);mask-image:linear-gradient(180deg,black,transparent 76%)}button,input{font:inherit}button{border:0;cursor:pointer}code{color:var(--cream)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{width:min(100%,1440px);margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(34px,env(safe-area-inset-bottom))}.brand-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px 2px;background:linear-gradient(180deg,#000000eb,#000000a3);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.wordmark,.nav-links a,.hero-actions a{color:var(--white);text-decoration:none}.wordmark{font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(1.45rem,5vw,2.15rem);letter-spacing:.04em}.nav-links{display:flex;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-links a{min-height:42px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid transparent;border-radius:999px;color:var(--cream-dim)}.nav-links a:hover{border-color:var(--line);color:var(--white)}.hero-grid{min-height:calc(100svh - 82px);display:grid;align-items:center;gap:32px;padding:48px 0 38px}.hero-copy{display:grid;gap:20px}.hero-script{margin:0;color:var(--gold);font-family:Georgia,serif;font-size:clamp(1.15rem,4vw,1.9rem);font-style:italic}.hero-copy h1,.section-heading h2,.tracker-head h2{margin:0;font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.015em;text-wrap:balance}.hero-copy h1{max-width:11ch;font-size:clamp(4.7rem,18vw,11.5rem);line-height:.82}.hero-copy p:not(.hero-script),.tracker-head p,.section-heading span,.product-card p,.instruction-card p,.empty-stage p{color:var(--muted);line-height:1.55}.hero-copy p:not(.hero-script){max-width:620px;margin:0;font-size:clamp(1rem,2.7vw,1.22rem)}.hero-actions,.import-actions,.transport-panel,.tiny-grid{display:grid;gap:10px}.primary-button,.secondary-button,.speed-pill,.step-button{min-height:54px;border-radius:999px;transition:transform .18s ease,border-color .18s ease,opacity .18s ease,background-color .18s ease}.primary-button,.secondary-button{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-weight:800}.primary-button{border:1px solid rgba(34,197,94,.35);background:linear-gradient(135deg,var(--green),#9cf8b5);color:#001108;box-shadow:0 18px 42px #22c55e3d}.record-button{background:linear-gradient(135deg,var(--red),#ff8a65);border-color:#ff2d2461;color:#220200;box-shadow:0 18px 42px #ff2d2438}.secondary-button,.speed-pill,.step-button{border:1px solid var(--line);background:#ffffff0e;color:var(--white)}.primary-button:disabled,.secondary-button:disabled,.speed-pill:disabled{opacity:.42;cursor:not-allowed;transform:none}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.speed-pill:not(:disabled):active{transform:scale(.98)}.hero-board{position:relative;padding:10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(140deg,rgba(243,234,216,.12),transparent 42%),#ffffff0a;box-shadow:var(--shadow)}.hero-board img{display:block;width:100%;border-radius:22px;background:var(--cream)}.hero-board-card{position:absolute;right:22px;bottom:22px;display:grid;gap:4px;min-width:190px;padding:18px;border:1px solid rgba(243,234,216,.28);border-radius:20px;background:#061610db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-board-card span,.section-heading span,.tracker-head>div>span,.product-card-copy span,.instruction-card span,.anchor-grid span,.tracker-metrics span{color:var(--cream-dim);font-size:.74rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero-board-card strong{color:var(--cream);font-family:Bebas Neue,Impact,sans-serif;font-size:2rem;letter-spacing:.04em}.drop-section,.tracker-section{padding:54px 0;border-top:1px solid var(--line)}.section-heading{display:grid;gap:10px;margin-bottom:20px}.section-heading h2,.tracker-head h2{font-size:clamp(3.1rem,10vw,6.8rem);line-height:.88}.product-grid{display:grid;gap:14px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#ffffff0f,#ffffff06)}.product-card img,.product-art{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:top center;background:var(--cream)}.product-art{display:grid;place-items:center;background:radial-gradient(circle,rgba(215,173,67,.16),transparent 44%),linear-gradient(135deg,var(--pine),var(--pine-2))}.product-art strong{color:var(--cream);font-family:Bebas Neue,Impact,sans-serif;font-size:4.6rem;letter-spacing:.06em}.product-card-copy{display:grid;gap:8px;padding:18px}.product-card h3,.instruction-card h3,.empty-stage h3{margin:0}.product-card h3{color:var(--cream);font-size:1.35rem}.product-card p{margin:0}.tracker-head{display:grid;gap:18px;margin-bottom:18px}.tracker-head p{max-width:720px;margin:12px 0 0}.tracker-metrics,.anchor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tracker-metrics div,.anchor-grid div{min-height:78px;display:grid;align-content:center;gap:6px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#ffffff0b}.tracker-metrics strong,.anchor-grid strong{color:var(--cream);font-size:1.05rem}.studio-card{overflow:hidden;border:1px solid rgba(243,234,216,.18);border-radius:34px;background:radial-gradient(circle at 26% 0%,rgba(255,45,36,.16),transparent 28rem),linear-gradient(180deg,#ffffff13,#ffffff06),#000000c7;box-shadow:var(--shadow)}.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border-bottom:1px solid var(--line)}.step-button{height:auto;min-height:66px;display:grid;align-content:center;gap:4px;padding:10px;opacity:1;text-align:left}.step-button span{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.step-button strong{color:var(--cream);font-size:.9rem}.step-button.active{border-color:#22c55e66;background:linear-gradient(135deg,#22c55e33,#ffffff0a)}.studio-layout{display:grid;gap:18px;padding:14px}.studio-layout.placement-focus{grid-template-columns:1fr}.video-column,.control-column,.instruction-stack,.shape-panel,.speed-panel,.export-panel{display:grid;gap:12px}.video-stage{position:sticky;top:76px;overflow:hidden;min-height:310px;aspect-ratio:var(--video-aspect, 16 / 9);border:1px solid rgba(255,255,255,.14);border-radius:28px;background:radial-gradient(circle at 50% 30%,rgba(34,197,94,.1),transparent 24rem),#030303}.video-column.placement-focus .video-stage{position:relative;top:auto;min-height:min(82svh,980px);max-height:none}.video-stage.shape-mode{min-height:clamp(420px,78svh,760px);aspect-ratio:auto}.video-frame{position:absolute;top:0;right:0;bottom:0;left:0}.video-stage.shape-mode .video-frame{top:28%}.tracer-video{display:block;width:100%;height:100%;max-height:72svh;background:#000;object-fit:contain}.trace-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;touch-action:none}.trace-overlay.placing{cursor:crosshair}.placement-banner{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(255,45,36,.38);border-radius:18px;background:#000000b8;box-shadow:0 16px 40px #0000006b;pointer-events:none}.placement-banner strong{color:var(--white);font-size:.96rem}.placement-banner span{color:var(--cream-dim);font-size:.82rem}.trace-svg{width:100%;height:100%}.trace-guide{fill:none;stroke:#f3ead86b;stroke-width:.42;stroke-dasharray:1.6 1.35}.trace-line{--trace-glow: .82;fill:none;stroke:var(--red);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 calc(8px * var(--trace-glow)) rgba(255,45,36,.9)) drop-shadow(0 0 calc(22px * var(--trace-glow)) rgba(255,45,36,.58))}.track-point{pointer-events:none}.track-point.detected{fill:#6eff9de0;filter:drop-shadow(0 0 5px rgba(34,197,94,.75))}.track-point.projected{fill:#d7ad43cc;filter:drop-shadow(0 0 4px rgba(215,173,67,.55))}.trace-handle{cursor:grab;pointer-events:auto}.trace-handle circle:first-child{fill:#fffffff5;stroke:var(--red);stroke-width:.6;filter:drop-shadow(0 0 8px rgba(255,45,36,.7))}.trace-handle circle:last-child{fill:var(--red);stroke:none;pointer-events:none}.trace-handle.apex circle:first-child{fill:var(--cream);stroke:var(--green)}.trace-handle.active circle:first-child{stroke-width:.7}.empty-stage{min-height:360px;display:grid;place-items:center;align-content:center;gap:14px;padding:28px;text-align:center}.camera-guide{position:relative;width:min(66vw,280px);aspect-ratio:9 / 16;border:2px solid rgba(255,255,255,.75);border-radius:34px;background:linear-gradient(180deg,#ffffff0d,#ffffff04)}.camera-guide span:first-child{position:absolute;left:18%;top:15%;width:42%;height:52%;border:1px dashed rgba(255,255,255,.5);border-radius:26px}.camera-guide span:last-child{position:absolute;right:18%;bottom:20%;width:52px;height:42px;border:2px dashed rgba(255,45,36,.9);border-radius:14px;box-shadow:0 0 28px #ff2d243d}.empty-stage h3{color:var(--cream);font-size:1.45rem}.empty-stage p{max-width:380px;margin:0}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:18px;color:var(--muted);line-height:1.45;background:#ffffff0b}.notice.error{border-color:#ff2d244d;color:#ffd7d5;background:#ff2d241a}.transport-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.range-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--cream-dim);font-size:.88rem;font-weight:800}.range-row strong{color:var(--cream)}input[type=range]{width:100%;min-height:46px;margin:0;accent-color:var(--green)}.control-column,.control-column.placement-focus{align-content:start}.focus-panel{display:grid;gap:12px;padding:16px;border:1px solid rgba(255,45,36,.28);border-radius:22px;background:radial-gradient(circle at 14% 0%,rgba(255,45,36,.1),transparent 12rem),#ffffff0b}.focus-panel span{color:var(--cream-dim);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.focus-panel strong{color:var(--cream);font-size:1rem}.focus-notice{border-color:#ff2d243d}.instruction-card,.lab-panel,.shape-panel,.speed-panel,.export-panel,.detect-panel,.anchor-grid,.timeline-field{padding:14px;border:1px solid var(--line);border-radius:22px;background:#ffffff0b}.instruction-card{display:grid;gap:10px}.lab-panel{display:grid;gap:12px;border-color:#d7ad4338;background:radial-gradient(circle at 16% 0%,rgba(215,173,67,.1),transparent 13rem),#ffffff0b}.instruction-card.active{border-color:#22c55e66;background:linear-gradient(135deg,#22c55e29,#ffffff0a)}.instruction-card h3{color:var(--cream);font-size:1.18rem}.instruction-card p{margin:0;font-size:.93rem}.shape-panel{gap:16px}.detect-panel{display:grid;gap:12px;border-color:#22c55e3d;background:radial-gradient(circle at 14% 0%,rgba(34,197,94,.12),transparent 13rem),#ffffff0b}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-pill{min-height:44px;border:1px solid var(--line);border-radius:16px;background:#ffffff0b;color:var(--cream-dim);font-size:.78rem;font-weight:800}.profile-pill.active{border-color:#d7ad436b;background:#d7ad4329;color:var(--cream)}.active-lab{border-color:#22c55e59;color:#bfffd3}.detect-stats{display:flex;flex-wrap:wrap;gap:8px}.detect-stats span{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--cream-dim);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0a}.shape-note{margin:-2px 0 0;color:var(--cream-dim);font-size:.86rem;line-height:1.45}.speed-panel{gap:10px}.preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.speed-pill{min-height:46px;font-weight:800}.speed-pill.active{border-color:#22c55e6b;background:#22c55e2e;color:#bfffd3}.anchor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.anchor-grid div{min-height:66px;padding:0;border:0;background:transparent}.export-button{min-height:60px}.export-panel{border-color:#22c55e47;background:radial-gradient(circle at 18% 0%,rgba(34,197,94,.14),transparent 15rem),#ffffff0b}.export-panel p{margin:0;color:var(--cream-dim);font-size:.88rem;line-height:1.45}@media (min-width: 760px){.site-shell{padding-inline:24px}.hero-actions,.import-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1040px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)}.tracker-head{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:end}.studio-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.72fr);padding:18px}.studio-layout.placement-focus{grid-template-columns:minmax(0,1fr)}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.control-column{max-height:calc(100svh - 104px);overflow:auto;padding-right:4px}.control-column.placement-focus{max-height:none;overflow:visible;padding-right:0}}@media (max-width: 640px){.site-shell{padding-inline:12px}.brand-nav{align-items:flex-start;flex-direction:column}.nav-links{width:100%;justify-content:space-between;gap:4px}.nav-links a{padding:0 8px;font-size:.7rem}.hero-grid{padding-top:24px}.hero-copy h1{font-size:clamp(4.1rem,21vw,6.2rem)}.hero-board-card{left:18px;right:18px;bottom:18px}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.step-button{min-height:58px}.tracker-metrics{grid-template-columns:1fr}.transport-panel,.preset-row,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-stage{position:relative;top:auto;min-height:260px;max-height:72svh;border-radius:22px}.video-stage.shape-mode{min-height:min(82svh,620px)}.video-stage.shape-mode .video-frame{top:24%}}