body{background:radial-gradient(circle at 72% 0%,rgba(85,107,47,.13),transparent 30%),radial-gradient(circle at 16% 18%,rgba(160,102,52,.08),transparent 28%),#0a0a0a}.habitats-ledger-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 76%);mask-image:linear-gradient(to bottom,black,transparent 76%)}.habitats-shell{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 74% 8%,rgba(85,107,47,.14),transparent 30%),radial-gradient(circle at 90% 44%,rgba(184,123,59,.08),transparent 25%),linear-gradient(105deg,#0a0a0a,#10100d 58%,#060606)}.habitats-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}.habitats-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(85,107,47,.08) 74%,transparent 100%),radial-gradient(circle at 83% 55%,rgba(160,136,80,.1),transparent 30%);mix-blend-mode:screen;opacity:.22;pointer-events:none}.habitats-display{position:relative;border-radius:20px;padding:12px;background:linear-gradient(180deg,#ffffff24,#ffffff05 12%),linear-gradient(180deg,#242424,#070707 72%),#080808;border:1px solid rgba(255,255,255,.18);box-shadow:0 42px 120px #000000a3,0 0 54px #556b2f0e,34px -18px 72px #b1733213,inset 0 1px #fff3}.habitats-display:before{content:"";position:absolute;top:7px;right:18px;width:38%;height:42px;border-radius:999px;background:radial-gradient(ellipse at 80% 40%,rgba(201,139,65,.28),rgba(201,139,65,.08) 38%,transparent 72%);filter:blur(14px);opacity:.68;pointer-events:none}.habitats-screen{position:relative;overflow:hidden;border-radius:7px;background:#f6f6f4;box-shadow:inset 0 0 0 1px #0000002e,inset 0 -42px 48px #00000029}.habitats-live-stage{position:absolute;top:0;left:0;width:1480px;height:900px;transform:scale(var(--habitats-frame-scale, .48));transform-origin:top left;transition:opacity .18s ease,transform .22s ease}.habitats-screen iframe{display:block;width:1480px;height:900px;border:0;background:#fafafa;pointer-events:none}.habitats-live-stage.is-changing{opacity:0;transform:scale(calc(var(--habitats-frame-scale, .48) * .99))}.habitats-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.12);background:#ffffff05}.habitats-slide-control{display:block;text-align:left;border:0;border-right:1px solid rgba(255,255,255,.1);background:transparent;padding:18px 14px 16px;min-height:84px;position:relative;transition:background .22s ease,color .22s ease}.habitats-slide-control:last-child{border-right:0}.habitats-slide-control:hover,.habitats-slide-control[aria-checked=true]{background:linear-gradient(180deg,#556b2f29,#556b2f09)}.habitats-slide-control:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:#556b2f00;transition:background .22s ease,box-shadow .22s ease}.habitats-slide-control[aria-checked=true]:after{background:#556b2feb;box-shadow:0 0 18px #556b2f61}.habitats-slide-control:focus-visible{outline:1px solid rgba(229,229,229,.72);outline-offset:-3px}.habitats-step-number{display:block;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:1px;color:#556b2fe0;margin-bottom:22px}.habitats-step-title{display:block;color:#e8e8e8;font-size:15px;line-height:1.08;font-weight:500}.product-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 82% 0%,rgba(85,107,47,.12),transparent 34%),#111111c7}.product-card:after{content:attr(data-num);position:absolute;right:1rem;bottom:-1.1rem;font-family:IBM Plex Mono,monospace;font-size:clamp(4.5rem,9vw,8rem);line-height:1;color:#ffffff07;pointer-events:none}.workflow-row{position:relative;border-top:1px solid rgba(255,255,255,.1);transition:background .22s ease}.workflow-row:hover{background:#ffffff06}.security-panel{background:radial-gradient(circle at 12% 0%,rgba(85,107,47,.18),transparent 28%),linear-gradient(180deg,#ffffff0b,#ffffff04),#0d0d0d}@media(max-width:767px){.habitats-display{padding:10px;border-radius:14px}.habitats-step-grid{grid-template-columns:1fr}.habitats-slide-control{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.habitats-slide-control:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){.habitats-live-stage,.habitats-live-stage.is-changing{transition:none;transform:scale(var(--habitats-frame-scale, .48))}}