:root{--hh-bg: #0a0d12;--hh-bg-alt: #141826;--hh-surface: rgba(20, 26, 38, .72);--hh-surface-hi: rgba(28, 36, 52, .85);--hh-border: rgba(255, 255, 255, .08);--hh-border-hi: rgba(255, 255, 255, .16);--hh-text: #e6edf3;--hh-text-dim: #9ba6b5;--hh-text-mute: #5a6472;--hh-accent: #5fd1ad;--hh-accent-2: #7b9dff;--hh-accent-3: #ff8c42;--hh-glow-mint: rgba(95, 209, 173, .35);--hh-glow-violet: rgba(123, 157, 255, .35);--hh-font-sans: "Space Grotesk", -apple-system, "PingFang SC", "Helvetica Neue", sans-serif;--hh-font-display: "Space Grotesk", -apple-system, "PingFang SC", sans-serif;--hh-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--hh-z-nav: 20;--hh-z-modal: 100;--hh-bp-phone: 600px;--hh-bp-tablet: 900px;--hh-bp-desktop: 1200px;--hh-bp-wide: 1536px;--hh-safe-top: env(safe-area-inset-top, 0px);--hh-safe-right: env(safe-area-inset-right, 0px);--hh-safe-bottom: env(safe-area-inset-bottom, 0px);--hh-safe-left: env(safe-area-inset-left, 0px);--hh-page-pad-x: clamp(16px, 4vw, 32px);--hh-page-pad-y: clamp(20px, 5vh, 48px);--hh-touch-target: 44px}html{min-width:320px}body{min-height:100dvh}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}input,textarea,select{font-size:16px}[data-hh-device=phone] .hh-desktop-only,[data-hh-device=phone] .hh-tablet-landscape-only,[data-hh-device=desktop] .hh-mobile-only{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.hh-nav{position:sticky;top:0;z-index:var(--hh-z-nav, 20);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + var(--hh-safe-top)) var(--hh-page-pad-x) 14px;background:#0a0d12a6;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--hh-border)}html,body,#root{overflow-x:hidden}.hh-nav-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--hh-text);text-decoration:none}.hh-nav-wordmark{font-family:var(--hh-font-display, "Space Grotesk", -apple-system, "PingFang SC", sans-serif);font-size:17px;font-weight:700;letter-spacing:2.5px}.hh-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.hh-nav-user{min-width:0;max-width:220px;overflow:hidden;color:var(--hh-text-dim);font:13px/1 var(--hh-font-mono);text-overflow:ellipsis;white-space:nowrap}.hh-landing{min-height:100dvh;overflow-x:hidden}.hh-landing-hero,.hh-landing-features,.hh-landing-cta-section{padding-left:var(--hh-page-pad-x)!important;padding-right:var(--hh-page-pad-x)!important}.hh-landing-hero-inner,.hh-landing-section-inner,.hh-landing-cta-inner{min-width:0}.hh-landing-h1,.hh-section-title{overflow-wrap:anywhere}.hh-hero-accent-line{display:inline}.hh-primary-btn,.hh-secondary-btn{min-height:var(--hh-touch-target, 44px);display:inline-flex!important;align-items:center;justify-content:center;max-width:100%;white-space:nowrap}.hh-feature-grid,.hh-stats-bar{container-type:inline-size}.hh-feature-card{min-width:0}.hh-login-wrap{min-height:100dvh!important}.hh-login-panel{width:100%;max-width:380px;min-width:0}.hh-login-card{max-width:100%}.hh-login-card input,.hh-login-card button{min-height:var(--hh-touch-target, 44px)}.hh-login-modal-overlay{z-index:var(--hh-z-modal, 100)!important;overflow:auto;-webkit-overflow-scrolling:touch}.hh-login-modal{max-height:calc(100dvh - var(--hh-safe-top) - var(--hh-safe-bottom) - 24px);overflow:auto;-webkit-overflow-scrolling:touch}.hh-modal-close{min-width:32px;min-height:32px}.hh-projects-shell{min-height:100dvh}.hh-projects-body{width:min(1200px,100%);margin:0 auto;padding:clamp(20px,4vw,32px) var(--hh-page-pad-x) calc(40px + var(--hh-safe-bottom))}.hh-projects-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:clamp(28px,5vw,40px)}.hh-projects-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.hh-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.hh-project-empty{text-align:center;padding:clamp(52px,8vw,80px) 20px 60px}.hh-project-empty-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:720px;margin:56px auto 0}.hh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--hh-z-modal, 100);display:flex;align-items:center;justify-content:center;padding:max(20px,var(--hh-safe-top)) max(20px,var(--hh-safe-right)) max(20px,var(--hh-safe-bottom)) max(20px,var(--hh-safe-left));overflow:auto;background:#05070ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hh-create-modal{width:100%;max-height:calc(100dvh - var(--hh-safe-top) - var(--hh-safe-bottom) - 24px);overflow:hidden;background:#141a26d9;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--hh-border);border-radius:16px;box-shadow:0 20px 80px #000000a6;transition:max-width .28s cubic-bezier(.4,0,.2,1)}.hh-create-modal.step-1{max-width:440px}.hh-create-modal.step-2{max-width:560px}.hh-create-modal-body{max-height:calc(100dvh - var(--hh-safe-top) - var(--hh-safe-bottom) - 122px);overflow:auto;padding:24px;-webkit-overflow-scrolling:touch}.hh-create-actions{display:flex;gap:10px;justify-content:flex-end}.hh-create-option{min-height:74px}.hh-create-option small{font-size:inherit}.hh-product-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;perspective:1100px}.hh-product-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 34%,rgba(10,13,18,.88),rgba(10,13,18,.2) 35%,transparent 62%),linear-gradient(180deg,rgba(10,13,18,.16),rgba(10,13,18,.72) 72%,var(--hh-bg) 100%),radial-gradient(ellipse at center,rgba(95,209,173,.11),transparent 58%)}.hh-stage-grid{position:absolute;left:50%;bottom:-19%;width:min(980px,112vw);aspect-ratio:1.7;transform:translate(-50%) rotateX(64deg);transform-origin:center bottom;background-image:linear-gradient(rgba(95,209,173,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(123,157,255,.12) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.55;animation:hhGridDrift 10s linear infinite}.hh-stage-beam{position:absolute;left:50%;top:50%;width:min(880px,100vw);height:1px;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(95,209,173,.64),rgba(123,157,255,.46),transparent);filter:drop-shadow(0 0 18px rgba(95,209,173,.36));opacity:.42}.hh-stage-beam.beam-a{transform:translate(-50%,-50%) rotate(-16deg);animation:hhBeamA 7s ease-in-out infinite}.hh-stage-beam.beam-b{transform:translate(-50%,-50%) rotate(18deg);animation:hhBeamB 8s ease-in-out infinite}.hh-device-shell{position:absolute;left:50%;top:56%;width:min(760px,calc(100vw - 40px));aspect-ratio:1.92;transform:translate(-50%,-44%) rotateX(58deg) rotate(-7deg);border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(145deg,#1c24348f,#080b10c2),linear-gradient(90deg,#5fd1ad14,#7b9dff14);box-shadow:0 42px 130px #000000b8,inset 0 1px #ffffff21,0 0 72px #5fd1ad24;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);overflow:hidden;animation:hhDeviceFloat 6s ease-in-out infinite}.hh-device-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,transparent 40%,rgba(255,255,255,.18) 48%,transparent 56%,transparent 100%);transform:translate(-120%);animation:hhGlassSweep 6.5s ease-in-out infinite}.hh-device-topbar,.hh-device-footer{position:absolute;left:18px;right:18px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e6edf3b8;font:10px/1 var(--hh-font-mono);letter-spacing:1.8px}.hh-device-topbar{top:16px}.hh-device-topbar span:last-child{color:var(--hh-accent);text-shadow:0 0 12px var(--hh-glow-mint)}.hh-device-footer{bottom:14px;justify-content:center}.hh-floor-wire{position:absolute;top:50px;right:58px;bottom:48px;left:58px;border:1px solid rgba(95,209,173,.35);background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:26px 26px;box-shadow:inset 0 0 40px #5fd1ad14}.hh-room{position:absolute;border:1px solid rgba(123,157,255,.42);background:#7b9dff0b}.hh-room span{position:absolute;left:10px;top:8px;color:#e6edf39e;font:10px/1 var(--hh-font-sans)}.room-living{left:0;top:0;width:54%;height:58%}.room-study{right:0;top:0;width:38%;height:44%}.room-bed{right:0;bottom:0;width:38%;height:48%}.room-entry{left:0;bottom:0;width:54%;height:34%}.hh-device-node{position:absolute;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#07100e;font:700 11px/1 var(--hh-font-sans);background:var(--hh-accent);box-shadow:0 0 0 6px #5fd1ad1f,0 0 28px #5fd1ad8c;animation:hhNodePulse 2.4s ease-in-out infinite}.node-light{left:28%;top:30%}.node-ac{right:22%;top:24%;background:var(--hh-accent-2);box-shadow:0 0 0 6px #7b9dff1f,0 0 28px #7b9dff80;animation-delay:.4s}.node-cam{right:20%;bottom:23%;background:#ffb050;box-shadow:0 0 0 6px #ffb0501f,0 0 28px #ffb05073;animation-delay:.8s}.hh-scanline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:linear-gradient(180deg,transparent,rgba(95,209,173,.28),transparent);height:34px;transform:translateY(-42px);animation:hhScan 3.8s linear infinite}.hh-live-stack{position:absolute;right:max(42px,8vw);top:30%;z-index:3;width:min(300px,32vw);display:grid;gap:10px}.hh-live-row{display:grid;grid-template-columns:auto auto;gap:6px 10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--row-accent) 36%,transparent);border-radius:10px;background:#0a0d1294;box-shadow:0 0 28px color-mix(in srgb,var(--row-accent) 18%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:hhTelemetryIn .6s ease both,hhTelemetryFloat 4.5s ease-in-out infinite}.hh-live-row span{color:#e6edf3e0;font:600 13px/1 var(--hh-font-sans)}.hh-live-row strong{justify-self:end;color:var(--row-accent);font:700 12px/1 var(--hh-font-mono)}.hh-live-row small{grid-column:1 / -1;color:#9ba6b5bd;font:10px/1 var(--hh-font-mono)}.hh-workflow{position:relative;padding:88px var(--hh-page-pad-x) 72px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#141a2629,#0a0d125c),repeating-linear-gradient(90deg,transparent 0 68px,rgba(255,255,255,.025) 68px 69px)}.hh-workflow-inner{width:min(1120px,100%);margin:0 auto}.hh-workflow-head{margin-bottom:42px!important}.hh-flowline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.09);background:#ffffff14}.hh-flow-step{position:relative;min-height:220px;padding:24px;overflow:hidden;background:linear-gradient(155deg,#141a26db,#0a0d12f0),linear-gradient(90deg,#5fd1ad14,#7b9dff0d)}.hh-flow-step:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--hh-accent),var(--hh-accent-2),#ffb050);transform:scaleX(.2);transform-origin:left;opacity:.68;transition:transform .42s cubic-bezier(.4,0,.2,1)}.hh-flow-step:hover:after{transform:scaleX(1)}.hh-flow-index{margin-bottom:58px;color:#5fd1add1;font:600 12px/1 var(--hh-font-mono);letter-spacing:2px}.hh-flow-step h3{margin:0 0 10px;color:var(--hh-text);font:700 18px/1.2 var(--hh-font-display)}.hh-flow-step p{margin:0;color:var(--hh-text-dim);font:13px/1.65 var(--hh-font-sans)}.hh-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.hh-reveal.is-visible{opacity:1;transform:translateY(0)}.hh-feature-card{position:relative;overflow:hidden}.hh-feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.09),transparent);transform:translate(-120%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.hh-feature-card:hover:after{transform:translate(120%)}@keyframes hhGridDrift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@keyframes hhDeviceFloat{0%,to{transform:translate(-50%,-44%) rotateX(58deg) rotate(-7deg) translateY(0)}50%{transform:translate(-50%,-44%) rotateX(58deg) rotate(-7deg) translateY(-10px)}}@keyframes hhGlassSweep{0%,38%{transform:translate(-120%)}68%,to{transform:translate(120%)}}@keyframes hhScan{0%{transform:translateY(-42px);opacity:0}12%,82%{opacity:1}to{transform:translateY(calc(100% + 42px));opacity:0}}@keyframes hhNodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes hhBeamA{0%,to{opacity:.24;transform:translate(-50%,-50%) rotate(-16deg) scaleX(.72)}50%{opacity:.54;transform:translate(-50%,-50%) rotate(-11deg) scaleX(1)}}@keyframes hhBeamB{0%,to{opacity:.18;transform:translate(-50%,-50%) rotate(18deg) scaleX(.62)}50%{opacity:.46;transform:translate(-50%,-50%) rotate(12deg) scaleX(.96)}}@keyframes hhTelemetryIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes hhTelemetryFloat{0%,to{translate:0 0}50%{translate:0 -5px}}@media (max-width: 720px){.hh-nav{align-items:flex-start;padding-top:calc(12px + var(--hh-safe-top))}.hh-nav-wordmark{font-size:15px;letter-spacing:1.8px}.hh-nav-actions{gap:8px;flex:0 0 auto}.hh-nav-user{display:none}.hh-landing-hero{min-height:auto!important;padding-top:52px!important;padding-bottom:40px!important}.hh-landing-hero-inner{max-width:100%}.hh-product-stage{opacity:.62}.hh-stage-grid{bottom:-10%;width:140vw}.hh-stage-beam,.hh-live-stack{display:none}.hh-device-shell{top:49%;width:520px;max-width:none;opacity:.58;transform:translate(-50%,-54%) rotateX(58deg) rotate(-7deg) scale(.78)}.hh-device-topbar,.hh-device-footer{display:none}.hh-floor-wire{top:34px;right:36px;bottom:34px;left:36px}.hh-room span{display:none}.hh-device-node{width:26px;height:26px;font-size:9px}.hh-eyebrow{max-width:100%;justify-content:center;white-space:normal;letter-spacing:1px!important}.hh-landing-h1{max-width:340px;margin-left:auto!important;margin-right:auto!important;font-size:clamp(30px,8.4vw,33px)!important;line-height:1.08!important;margin-bottom:18px!important}.hh-hero-accent-line{display:block}.hh-landing-lead{font-size:15px!important;line-height:1.65!important;margin-bottom:28px!important}.hh-landing-lead br,.hh-landing-cta-copy br{display:none}.hh-hero-break{display:block}.hh-landing-ctas{display:grid!important;grid-template-columns:1fr;width:100%;margin-bottom:36px!important}.hh-primary-btn,.hh-secondary-btn{width:100%}.hh-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:18px!important;width:100%!important}.hh-stat-item{min-width:0}.hh-landing-features{padding-top:52px!important;padding-bottom:52px!important}.hh-workflow{padding-top:56px;padding-bottom:56px}.hh-flowline{grid-template-columns:1fr}.hh-flow-step{min-height:168px}.hh-flow-index{margin-bottom:36px}.hh-section-head{margin-bottom:32px!important}.hh-feature-grid{grid-template-columns:1fr!important;gap:14px!important}.hh-landing-cta-section{padding-top:60px!important;padding-bottom:64px!important}.hh-landing-bullets{align-items:flex-start;flex-direction:column;gap:12px!important;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.hh-footer{align-items:flex-start!important;flex-direction:column;padding:24px var(--hh-page-pad-x) calc(24px + var(--hh-safe-bottom))!important}.hh-login-wrap{align-items:flex-start!important}.hh-login-title{font-size:24px!important}.hh-login-card{padding:22px!important;border-radius:14px!important}.hh-login-modal-overlay{align-items:flex-end!important;padding:12px 12px max(12px,var(--hh-safe-bottom))!important}.hh-login-modal{max-width:none!important;max-height:calc(100dvh - var(--hh-safe-top) - 12px);padding-top:18px}.hh-login-modal .hh-login-card{border-radius:16px 16px 12px 12px!important}.hh-login-modal-head{margin-bottom:14px!important}.hh-modal-close{top:0!important;right:0!important}.hh-projects-stats{grid-template-columns:1fr}.hh-projects-header{align-items:flex-start;flex-direction:column}.hh-projects-grid{grid-template-columns:1fr;gap:16px}.hh-project-empty-steps{grid-template-columns:1fr;margin-top:40px}.hh-modal-overlay{align-items:flex-end;padding:12px 12px max(12px,var(--hh-safe-bottom))}.hh-create-modal{max-height:calc(100dvh - var(--hh-safe-top) - 12px);border-radius:18px 18px 12px 12px}.hh-create-modal.step-1,.hh-create-modal.step-2{max-width:none}.hh-create-modal-body{max-height:calc(100dvh - var(--hh-safe-top) - var(--hh-safe-bottom) - 116px);padding:20px}.hh-create-actions{flex-direction:column-reverse}.hh-create-option{align-items:flex-start!important;min-height:92px;padding-right:14px!important}.hh-create-option>div:nth-of-type(2){min-width:0}.hh-create-option>div:last-child{align-self:flex-start;margin-left:58px}}@media (min-width: 721px) and (max-width: 1180px){.hh-landing-hero{padding-top:64px!important}.hh-live-stack{right:24px;width:250px}.hh-flowline{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hh-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.hh-stage-grid,.hh-stage-beam,.hh-device-shell,.hh-device-shell:after,.hh-device-node,.hh-scanline,.hh-live-row,.hh-feature-card:after{animation:none!important;transition:none!important}.hh-reveal{opacity:1;transform:none}}