@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Instrument+Sans:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap");:root{--bg:#0f1512;--panel:#172019;--line:#2a372e;--text:#eaf0e6;--mute:#9db0a2;--seal:#d8ff5a;--warn:#ffb27a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Instrument Sans,system-ui,sans-serif}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.top{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw}.top nav{display:flex;gap:24px;color:var(--mute)}.logo{font-weight:700;font-size:22px;letter-spacing:-.5px}.logo i{color:var(--seal);font-style:normal}main{padding:0 5vw 80px;max-width:1280px;margin:auto}h1{font-size:clamp(40px,7vw,76px);line-height:1;letter-spacing:-3px;margin:0 0 20px}h2{font-size:32px;letter-spacing:-1px;margin:0 0 8px}.mute{color:var(--mute)}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--text);font:inherit;cursor:pointer}.btn.seal{background:var(--seal);color:var(--bg);border-color:var(--seal);font-weight:700}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--seal);outline-offset:2px}.btn:disabled{opacity:.5}.stack,form.stack{gap:14px;max-width:460px}.stack,form.stack,label{display:flex;flex-direction:column}label{gap:6px;color:var(--mute);font-size:14px}input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 14px;font:inherit}.err{color:var(--warn)}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.chip{font-family:JetBrains Mono,monospace;font-size:12px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);background:var(--panel)}.chip.ok{background:var(--seal);color:var(--bg);border-color:var(--seal)}.chip.bad{color:var(--warn);border-color:#5a3d22}.photo{aspect-ratio:4/3;border-radius:12px;background:#1d2a22 50%/cover;border:1px solid var(--line);position:relative}.chain{display:flex;flex-direction:column}.chain .link{margin-left:60px;height:20px;border-left:2px dashed var(--seal)}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.hero{display:grid;grid-gap:48px;gap:48px;grid-template-columns:1.1fr 1fr;align-items:center;min-height:70vh}@media(max-width:860px){.hero{grid-template-columns:1fr}}.cam{position:relative;aspect-ratio:3/4;max-height:56vh;border-radius:20px;border:1px solid var(--line);background:#16211a 50%/cover;display:grid;place-items:center}.cam b{position:absolute;inset:28px;border:2px solid var(--seal);border-radius:12px;opacity:.7}.bar{display:flex;gap:4px}.bar i{flex:1 1;height:4px;border-radius:2px;background:var(--line)}.bar i.on{background:var(--seal)}.cmp{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#16211a 50%/cover}.cmp .top-layer{position:absolute;inset:0;background:50%/cover}.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.cmp .h{position:absolute;top:0;bottom:0;width:3px;background:var(--seal);pointer-events:none}pre{white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.logo,h1,h2{font-family:Bricolage Grotesque,Instrument Sans,sans-serif;font-weight:800}h1{letter-spacing:-.045em;line-height:.95}h1,h2{text-wrap:balance}h2{letter-spacing:-.03em}p{text-wrap:pretty}main{animation:pagein .6s cubic-bezier(.2,.7,.2,1) both}@keyframes pagein{0%{opacity:0;transform:translateY(14px)}}.top{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:linear-gradient(var(--bg),transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top nav{align-items:center}.top nav a:not(.btn){position:relative}.top nav a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--seal);transform:scaleX(0);transform-origin:left;transition:transform .3s}.top nav a:not(.btn):hover:after{transform:scaleX(1)}.btn{transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px)}.btn.seal:hover{box-shadow:0 8px 28px -6px rgba(216,255,90,.55)}.btn.sm{min-height:38px;padding:0 18px}.card{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}a.card:hover{transform:translateY(-5px);border-color:var(--seal)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:40px 5vw;border-top:1px solid var(--line)}.hero2{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:56px;gap:56px;align-items:center;min-height:82vh}@media(max-width:860px){.hero2{grid-template-columns:1fr}}.hero2 h1{font-size:clamp(46px,8vw,104px)}.heroimg{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--line);aspect-ratio:5/6}.heroimg img{width:100%;height:100%;object-fit:cover;display:block;animation:slow 18s ease-in-out infinite alternate}@keyframes slow{to{transform:scale(1.08)}}.scan{position:absolute;left:0;right:0;height:3px;background:var(--seal);box-shadow:0 0 24px 6px rgba(216,255,90,.5);animation:scan 4.5s ease-in-out infinite}@keyframes scan{0%,to{top:6%}50%{top:94%}}.mq{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;margin:48px -5vw}.mq div{display:flex;gap:48px;width:max-content;animation:mq 30s linear infinite}.mq span{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--mute)}.mq b{color:var(--seal)}@keyframes mq{to{transform:translateX(-50%)}}.steps{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.step img{width:100%;border-radius:14px;display:block;margin-bottom:16px;transition:transform .6s}.step:hover img{transform:scale(1.03)}.step{overflow:hidden}.sect{padding:80px 0 20px}.sect h2{font-size:clamp(32px,5vw,56px)}.shots{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media(max-width:700px){.shots{grid-template-columns:1fr}}.shots img{width:100%;border-radius:16px;display:block}.cta{margin:80px 0 0;padding:64px 32px;border-radius:28px;background:var(--seal);color:var(--bg);text-align:center}.cta h2{font-size:clamp(34px,6vw,64px)}.cta .btn{background:var(--bg);color:var(--text);border-color:var(--bg)}.chip{transition:background .3s}.photo{transition:transform .5s}.card:hover .photo{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}