:root{--bg:#1b1b1f;--bg-deep:#101014;--card:#161618;--card-2:#1e1e24;--line:#2e2e32;--text:#dfdfd6;--muted:#8b8b93;--brand:#a8b1ff;--brand-2:#5c73e7;--green:#3dd68c;--green-2:#1f9d63;--radius:16px;--nav-h:64px;--shadow:0 24px 80px #00000073}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.page{background:radial-gradient(900px 480px at 80% 0%, #5c73e729, transparent 55%), radial-gradient(700px 420px at 10% 20%, #3dd68c14, transparent 50%), var(--bg);min-height:100vh}.wrap{width:min(1120px,100% - 40px);margin:0 auto}.nav{z-index:40;height:var(--nav-h);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#1b1b1fc7;align-items:center;display:flex;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:700;display:flex}.brand img{border-radius:8px;width:32px;height:32px}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#ffffff0f}.nav-cta{background:linear-gradient(180deg, var(--brand), var(--brand-2))!important;color:#0b0b10!important;padding:8px 14px!important;font-weight:700!important}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:88px 0 48px;display:grid}.kicker{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}h1,h2,h3{letter-spacing:-.03em;margin:0 0 14px;line-height:1.12}h1{font-size:clamp(40px,6vw,64px);font-weight:800}h1 span{background:linear-gradient(90deg, #fff, var(--brand));color:#0000;-webkit-background-clip:text;background-clip:text}h2{font-size:clamp(28px,4vw,40px)}.lead{color:var(--muted);max-width:560px;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:650;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg, var(--brand), var(--brand-2));color:#0b0b10;box-shadow:0 10px 30px #5c73e747}.btn-ghost{border-color:var(--line);background:#ffffff08}.window{box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff05);border-radius:18px;padding:10px;position:relative}.window:before{content:"";z-index:-1;background:radial-gradient(circle,#3dd68c2e,#0000 62%);animation:4.8s ease-in-out infinite pulse;position:absolute;inset:-18%}.window img{border-radius:12px;width:100%}@keyframes pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.section{padding:72px 0}.grid-3,.grid-4,.shots,.compare-grid{gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.shots{grid-template-columns:1.4fr 1fr}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .2s,border-color .2s}.card:hover{border-color:#3d3d48;transform:translateY(-3px)}.card h3{font-size:18px}.card p,.muted{color:var(--muted);margin:0}.shot{border-radius:var(--radius);border:1px solid var(--line);background:#0c0c10;min-height:220px;overflow:hidden}.shot-lg{min-height:360px}.crop{width:100%;height:100%;min-height:inherit;background:url(/images/koala/preview.png) 50%/cover no-repeat}.crop-full{background-position:50% 8%;background-size:100%}.crop-power{background-position:58% 62%;background-size:160%}.crop-stats{background-position:55% 28%;background-size:170%}.crop-node{background-position:55% 88%;background-size:190%}.seo-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.slider{border:1px solid var(--line);-webkit-user-select:none;user-select:none;cursor:ew-resize;aspect-ratio:16/10;background:#000;border-radius:14px;position:relative;overflow:hidden}.slider img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slider-after{clip-path:inset(0 0 0 var(--pos))}.slider-bar{top:0;bottom:0;left:var(--pos);background:#fff;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #00000059}.slider-knob{top:50%;left:var(--pos);color:#111;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%)}.tag{background:#0000008c;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:12px}.tag-off{left:12px}.tag-on{color:var(--green);right:12px}.table{border-collapse:collapse;border:1px solid var(--line);border-radius:14px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px}.table th{color:var(--muted);background:#121216;font-size:13px}.table td{background:var(--card)}.client-shot{border:1px solid var(--line);background:#0c0c10;border-radius:14px;overflow:hidden}.footer{border-top:1px solid var(--line);color:var(--muted);padding:36px 0 48px;font-size:13px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-keys{color:#6f6f76;margin-top:16px;font-size:12px;line-height:1.7}.seo-cloud .lead{max-width:720px}@media (width<=860px){.hero,.grid-3,.grid-4,.shots,.compare-grid{grid-template-columns:1fr}.nav-links{flex-wrap:wrap;justify-content:flex-end}.nav-links a{padding:6px 8px;font-size:12px}.hero{padding-top:48px}}