:root{color-scheme:dark;--color-bg: #0f1016;--color-bg-secondary: #161722;--color-surface: rgba(30, 31, 46, .72);--color-surface-solid: #1e1f2e;--color-surface-muted: rgba(42, 43, 61, .6);--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-faint: #64748b;--color-border: rgba(79, 81, 105, .5);--color-border-soft: rgba(255, 255, 255, .08);--color-accent: #7c3aed;--color-accent-strong: #8b5cf6;--color-accent-soft: rgba(124, 58, 237, .15);--color-cyan: #06b6d4;--color-cyan-soft: rgba(6, 182, 212, .16);--gradient-accent: linear-gradient(180deg, #8b5cf6, #7c3aed);--gradient-text: linear-gradient(90deg, #c4b5fd, #67e8f9);--gradient-panel: linear-gradient(180deg, rgba(30, 31, 46, .94), rgba(22, 23, 34, .86));--shadow-panel: 0 24px 70px rgba(15, 16, 22, .55);--shadow-glow: 0 0 34px rgba(124, 58, 237, .22), 0 0 24px rgba(6, 182, 212, .12);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--container: 72rem;--container-wide: 86rem;--container-narrow: 52rem;--space-section: clamp(4rem, 8vw, 7rem);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg);scroll-behavior:smooth}body{margin:0;color:var(--color-text);background:radial-gradient(circle at 18% -10%,rgba(124,58,237,.24),transparent 24rem),radial-gradient(circle at 85% 14%,rgba(6,182,212,.13),transparent 26rem),linear-gradient(180deg,#11121a 0%,var(--color-bg) 42%,#0c0d13 100%);font-family:var(--font-sans);line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:0}p{color:var(--color-text-muted)}.skip-link{position:absolute;top:1rem;left:1rem;z-index:20;padding:.7rem 1rem;color:var(--color-text);background:var(--color-accent);border-radius:var(--radius-md);transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.container--wide{width:min(100% - 2rem,var(--container-wide))}.container--narrow{width:min(100% - 2rem,var(--container-narrow))}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,var(--container-wide));margin:0 auto;padding:1rem 0;background:linear-gradient(180deg,#11121af5,#11121ab8);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--color-text);font-size:clamp(1.18rem,2vw,1.45rem);font-weight:760}.brand-symbol{width:42px;height:20px;background:linear-gradient(90deg,var(--color-accent-strong),var(--color-cyan));mask:url(/brand/harmonywhiz-mark.svg) center / contain no-repeat}.brand-accent{color:var(--color-accent-strong)}.site-nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem);color:var(--color-text-muted);font-size:.92rem;font-weight:650}.site-nav a,.site-footer a{transition:color .16s ease}.site-nav a:hover,.site-nav a:focus-visible,.site-nav .is-active,.site-footer a:hover,.site-footer a:focus-visible{color:#c4b5fd}.hero-section{overflow-x:clip;padding:clamp(1.2rem,3vw,2.8rem) 0 clamp(1rem,2vw,1.75rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(22rem,1.08fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center}.hero-copy{display:grid;gap:1.2rem}.hero-logo{width:clamp(3.8rem,6vw,5rem);height:auto;filter:drop-shadow(0 0 18px rgba(124,58,237,.42))}.hero-copy h1{max-width:13.2ch;font-size:clamp(2.55rem,4.55vw,4rem);font-weight:780}.text-gradient{color:transparent;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text}.hero-copy p{max-width:39rem;font-size:clamp(1.08rem,1.8vw,1.32rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;padding-top:.6rem}.button-link{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;padding:.78rem 1.05rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:.94rem;font-weight:730;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.button-link:hover,.button-link:focus-visible{transform:translateY(-1px)}.button-link--primary{color:var(--color-text);background:var(--gradient-accent);box-shadow:var(--shadow-glow)}.button-link--secondary{color:#cbd5e1;background:#2a2b3d6b;border-color:var(--color-border)}.product-preview{position:relative}.product-preview:before{position:absolute;inset:-1.2rem;z-index:-1;content:"";background:linear-gradient(180deg,#7c3aed47,#06b6d414),#1e1f2e9e;border:1px solid rgba(167,139,250,.18);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel)}.app-window{overflow:hidden;background:#11121a;border:1px solid rgba(167,139,250,.24);border-radius:var(--radius-lg);box-shadow:0 26px 60px #0000006b}.window-bar{display:flex;align-items:center;gap:.5rem;min-height:2.2rem;padding:0 .9rem;color:var(--color-text-muted);background:linear-gradient(180deg,#1e1f2ef2,#161722e6);border-bottom:1px solid var(--color-border-soft);font-size:.78rem;font-weight:650}.window-dot{width:.56rem;height:.56rem;background:var(--color-accent);border-radius:999px;box-shadow:0 0 14px #7c3aedb3}.window-dot:nth-child(2){background:var(--color-cyan);box-shadow:0 0 14px #06b6d48c}.window-dot:nth-child(3){background:#4f5169;box-shadow:none;margin-right:.45rem}.product-preview img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:left top}.section-band{padding:var(--space-section) 0;border-top:1px solid rgba(79,81,105,.26)}#philosophy.section-band{padding-top:clamp(2.5rem,5vw,4rem)}.philosophy-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(18rem,.75fr);gap:clamp(2rem,6vw,5rem);align-items:start}.section-copy{display:grid;gap:1.15rem}.section-copy h2{max-width:14ch;font-size:clamp(2.35rem,4.2vw,4.1rem)}.section-copy p,.privacy-content p,.privacy-content li{font-size:1.02rem}.feature-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.feature-list li{display:flex;align-items:center;gap:.8rem;min-height:3rem;padding:.75rem .9rem;color:#dbe4f0;background:#1e1f2e94;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff08}.feature-list li:before{flex:0 0 auto;width:.72rem;height:.72rem;content:"";background:linear-gradient(135deg,var(--color-accent-strong),var(--color-cyan));border-radius:2px;box-shadow:0 0 14px #06b6d459}.workflow-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;background:var(--color-border-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg)}.workflow-step{min-height:9rem;padding:1.25rem;background:var(--gradient-panel)}.workflow-step span{display:block;margin-bottom:1.8rem;color:var(--color-cyan);font-size:.78rem;font-weight:780}.workflow-step h3{margin-bottom:.5rem;font-size:1.04rem}.workflow-step p{font-size:.92rem}.privacy-hero{padding:clamp(3rem,7vw,6rem) 0 clamp(2rem,5vw,4rem)}.back-link{display:inline-flex;width:fit-content;margin-bottom:1.5rem;color:#c4b5fd;font-size:.92rem;font-weight:720}.back-link:hover,.back-link:focus-visible{color:#67e8f9}.privacy-hero h1{max-width:12ch;margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem)}.privacy-content{display:grid;gap:2rem;padding-bottom:var(--space-section)}.privacy-content section{display:grid;gap:.85rem;padding-top:1.85rem;border-top:1px solid rgba(79,81,105,.26)}.privacy-content h2{font-size:clamp(1.5rem,3vw,2rem)}.privacy-content ul{display:grid;gap:.6rem;margin:0;padding-left:1.2rem;color:var(--color-text-muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100% - 2rem,var(--container-wide));margin:0 auto;padding:2.4rem 0 3.4rem;border-top:1px solid rgba(79,81,105,.32)}.site-footer p,.site-footer a{color:var(--color-text-muted);font-size:.9rem}@media(max-width:920px){.hero-grid,.philosophy-grid{grid-template-columns:1fr}.hero-copy h1{max-width:13ch}.product-preview{max-width:46rem}.workflow-panel{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.site-header{position:static;align-items:flex-start;padding-top:1rem}.site-nav{gap:.9rem;font-size:.86rem}.brand{font-size:1.08rem}.brand-symbol{width:34px;height:16px}.hero-section{padding-top:3rem}.hero-copy h1,.privacy-hero h1{font-size:clamp(2.45rem,10.6vw,3.35rem)}.hero-actions{align-items:stretch;flex-direction:column}.button-link{width:100%}.workflow-panel{grid-template-columns:1fr}.workflow-step{min-height:auto}.product-preview:before{inset:-.5rem}.site-footer{align-items:flex-start;flex-direction:column}}