:root{--bg:#000;--surface:#0a0c10;--surface-hover:#101319;--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.16);--text-primary:#f5f6f8;--text-secondary:#9ba1ac;--text-tertiary:#7c8492;--status-live:#4ade80;--status-dev:#ffb74d;--spectrum-red:#ff4d6d;--spectrum-orange:#ff9f43;--spectrum-yellow:#ffd93d;--spectrum-green:#4ade80;--spectrum-blue:#38bdf8;--spectrum-violet:#a78bfa;--spectrum-gradient:linear-gradient(90deg,var(--spectrum-red),var(--spectrum-orange),var(--spectrum-yellow),var(--spectrum-green),var(--spectrum-blue),var(--spectrum-violet),var(--spectrum-red));--font-family:"Helvetica Neue",Arial,-apple-system,BlinkMacSystemFont,sans-serif;--ease-standard:cubic-bezier(0.4,0,0.2,1);--content-max:1120px;--gutter:clamp(24px,5vw,48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased}a,body{color:var(--text-primary)}a{text-decoration:none}::selection{background:var(--text-primary);color:var(--bg)}a:focus-visible,button:focus-visible{outline:1px solid var(--text-primary);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.page-shell{max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter)}.section{border-top:1px solid var(--border);padding:clamp(80px,11vw,150px) 0}.section-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(48px,6vw,72px)}.section-title{margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}.section-intro{margin:0;max-width:50ch;font-size:clamp(17px,1.8vw,20px);line-height:1.5;color:var(--text-secondary)}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.spectrum-bar{position:fixed;top:0;left:0;right:0;height:1px;z-index:2147483647;overflow:hidden;pointer-events:none}.spectrum-bar__track{width:300%;height:1px;background:linear-gradient(90deg,#ff4d6d,#ff9f43,#ffd93d,#4ade80,#38bdf8,#a78bfa,#ff4d6d,#ff9f43,#ffd93d,#4ade80,#38bdf8,#a78bfa,#ff4d6d);animation:xus-spectrum 60s linear infinite;will-change:transform}@keyframes xus-spectrum{0%{transform:translateZ(0)}to{transform:translate3d(-66.666%,0,0)}}@media (prefers-reduced-motion:reduce){.spectrum-bar__track{animation:none;transform:none}}.site-header{position:fixed;top:1px;left:0;right:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transition:background .2s var(--ease-standard),border-color .2s var(--ease-standard),-webkit-backdrop-filter .2s var(--ease-standard);transition:background .2s var(--ease-standard),border-color .2s var(--ease-standard),backdrop-filter .2s var(--ease-standard);transition:background .2s var(--ease-standard),border-color .2s var(--ease-standard),backdrop-filter .2s var(--ease-standard),-webkit-backdrop-filter .2s var(--ease-standard)}.site-header.is-scrolled{background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border)}.header-inner{width:100%;padding:0 clamp(20px,3vw,40px);height:64px;display:flex;align-items:center;justify-content:space-between}.wordmark{white-space:nowrap;font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;font-weight:400;color:var(--text-secondary);transition:color .18s var(--ease-standard)}.nav-link:hover{color:var(--text-primary)}@media (max-width:640px){.nav-links{display:none}}.x-gradient{display:inline-block;padding:.1em .1em .16em;margin:-.1em -.1em -.16em;background-image:linear-gradient(90deg,#ff4d6d,#ff9f43,#ffd93d,#4ade80,#38bdf8,#a78bfa,#ff4d6d,#ff9f43,#ffd93d,#4ade80,#38bdf8,#a78bfa,#ff4d6d);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:xus-xgrad 28s linear infinite}@keyframes xus-xgrad{0%{background-position:0 50%}to{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.x-gradient{animation:none}}[data-reveal]{transition:opacity .42s var(--ease-standard),transform .42s var(--ease-standard)}[data-reveal].is-hidden{opacity:0;transform:translateY(14px)}@media (prefers-reduced-motion:reduce){[data-reveal].is-hidden{opacity:1;transform:none}}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:calc(64px + clamp(80px, 14vh, 150px)) 0 clamp(80px,12vh,120px)}.hero-headline{white-space:nowrap;margin:0;font-size:clamp(64px,15vw,184px);letter-spacing:-.045em;line-height:.95}.hero-headline,.hero-sub{text-align:center;font-weight:500;color:var(--text-primary)}.hero-sub{margin:clamp(28px,3.4vw,40px) auto 0;max-width:34ch;font-size:clamp(24px,3vw,38px);letter-spacing:-.03em;line-height:1.15}.hero-support{margin:clamp(40px,6vw,64px) auto 0;max-width:60ch;text-align:center;font-size:16px;font-weight:400;line-height:1.7;color:var(--text-tertiary);text-wrap:pretty}.hero-support .verb{color:var(--text-primary);font-weight:500}.hero-cta-row{margin-top:clamp(32px,5vw,48px);display:flex;justify-content:center}.hero-cta{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--text-secondary);transition:color .2s var(--ease-standard)}.hero-cta:hover{color:var(--text-primary)}.products-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media (min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}.product-card{display:flex;flex-direction:column;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:clamp(28px,3.4vw,40px);transition:background .2s var(--ease-standard),border-color .2s var(--ease-standard),transform .2s var(--ease-standard)}a.product-card:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-2px)}.product-card.is-dev{opacity:.86}.product-card__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.product-card__name{font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px}.status-pill__dot{width:5px;height:5px;border-radius:999px}.status-pill--live{color:var(--status-live);border:1px solid rgba(74,222,128,.32)}.status-pill--live .status-pill__dot{background:var(--status-live)}.status-pill--dev{color:var(--status-dev);border:1px solid rgba(255,183,77,.32)}.status-pill--dev .status-pill__dot{background:var(--status-dev)}.product-card__desc{margin:0;max-width:46ch;font-size:16px;font-weight:400;line-height:1.6;color:var(--text-secondary);text-wrap:pretty}.product-card__meta{margin-top:auto;padding-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.platform-tag{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.product-link{font-size:14px;font-weight:500;color:var(--text-primary)}.product-link__arrow{color:var(--text-secondary)}.product-card__dev-meta{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:10px}.product-note{font-size:14px;font-weight:400;line-height:1.5;color:var(--text-tertiary)}.philosophy-lead{margin:0 0 clamp(56px,7vw,88px);max-width:60ch;font-size:clamp(19px,2.1vw,24px);font-weight:400;letter-spacing:-.015em;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}.philosophy-lead strong{color:var(--text-primary);font-weight:400}.principle-list{display:flex;flex-direction:column}.principle-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-gap:clamp(16px,4vw,64px);gap:clamp(16px,4vw,64px);padding:clamp(28px,3.4vw,40px) 0;border-top:1px solid var(--border)}.principle-row:last-child{border-bottom:1px solid var(--border)}.principle-title{margin:0;font-size:clamp(17px,1.9vw,21px);font-weight:500;letter-spacing:-.02em;line-height:1.3;color:var(--text-primary)}.principle-body{margin:0;max-width:56ch;font-size:16px;font-weight:400;line-height:1.65;color:var(--text-secondary);text-wrap:pretty}.principle-extra{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.underline-link{font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--text-primary);padding-bottom:6px;border-bottom:1px solid var(--border-hover);transition:border-color .2s var(--ease-standard)}.underline-link:hover{border-color:var(--text-primary)}.spectrum-hairline{height:1px;background:var(--spectrum-gradient);opacity:.7}.pull-quote{margin:clamp(28px,3.5vw,40px) 0 0;max-width:36ch;font-size:clamp(26px,4vw,44px);font-weight:400;letter-spacing:-.03em;line-height:1.18;color:var(--text-primary);text-wrap:pretty}.pull-quote .muted{color:var(--text-tertiary)}.contact-block{display:flex;flex-direction:column;gap:clamp(24px,3vw,32px)}.contact-line{margin:0;max-width:46ch;font-size:clamp(18px,2vw,22px);font-weight:400;letter-spacing:-.015em;line-height:1.45;color:var(--text-secondary)}.contact-email{align-self:flex-start;font-size:clamp(22px,3.6vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);word-break:break-word;padding-bottom:8px;border-bottom:1px solid var(--border-hover);transition:border-color .2s var(--ease-standard)}.contact-email:hover{border-color:var(--text-primary)}.tip-line{margin:clamp(8px,1.5vw,16px) 0 0;font-size:14px;font-weight:400;color:var(--text-tertiary)}.site-footer{border-top:1px solid var(--border)}.footer-inner{max-width:var(--content-max);margin:0 auto;padding:40px var(--gutter) 56px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:24px 40px}.footer-copyright,.footer-email,.footer-link,.footer-static{font-size:13px;font-weight:400;color:var(--text-tertiary)}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 24px}.footer-link{transition:color .18s var(--ease-standard)}.footer-link:hover{color:var(--text-primary)}.hwb-hero{padding:clamp(120px,20vh,220px) 0 clamp(64px,9vw,110px)}.hwb-title{margin:clamp(20px,3vw,28px) 0 0;max-width:18ch;font-size:clamp(40px,7.5vw,88px);font-weight:500;letter-spacing:-.04em;line-height:1.02;color:var(--text-primary)}.hwb-intro{margin:clamp(28px,3.4vw,40px) 0 0;max-width:58ch;font-size:clamp(18px,2vw,23px);font-weight:400;letter-spacing:-.015em;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}.hwb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.hwb-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:clamp(28px,3.4vw,40px);display:flex;flex-direction:column;gap:16px}.hwb-card h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.hwb-card p{margin:0;font-size:16px;line-height:1.65;color:var(--text-secondary);text-wrap:pretty}.workflow-intro{margin:clamp(16px,2vw,24px) 0 clamp(48px,6vw,72px);max-width:54ch;font-size:clamp(17px,1.8vw,20px);line-height:1.5;color:var(--text-secondary)}.workflow-step{display:grid;grid-template-columns:auto minmax(0,.9fr) minmax(0,1.7fr);grid-gap:clamp(14px,3vw,48px);gap:clamp(14px,3vw,48px);padding:clamp(28px,3.4vw,40px) 0;border-top:1px solid var(--border)}.workflow-step:last-child{border-bottom:1px solid var(--border)}@media (max-width:700px){.workflow-step{grid-template-columns:1fr;gap:12px}}.workflow-step__index{font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--text-tertiary)}.workflow-step__title{margin:0;font-weight:500;color:var(--text-primary)}.workflow-step__title,.workflow-step__tool{font-size:clamp(18px,1.9vw,22px);letter-spacing:-.02em;line-height:1.3}.workflow-step__tool{display:block;margin-top:6px;font-weight:600;color:#fff}.workflow-step__body{margin:0;max-width:58ch;font-size:16px;line-height:1.7;color:var(--text-secondary);text-wrap:pretty}.hwb-closer{padding-bottom:clamp(96px,12vw,160px)}.quote-divider{max-width:26ch}.hwb-closer-quote{margin:clamp(28px,3.5vw,40px) 0 0;max-width:34ch;font-size:clamp(26px,4vw,44px);font-weight:400;letter-spacing:-.03em;line-height:1.18;color:var(--text-primary);text-wrap:pretty}.hwb-closer-quote .muted{color:var(--text-tertiary)}.hwb-closer-links{margin-top:clamp(40px,5vw,56px);display:flex;flex-wrap:wrap;gap:16px 32px}.hwb-closer-links a{font-size:15px;font-weight:500;color:var(--text-primary)}.hwb-closer-links a:hover{color:#fff}