.hx{--hx-bg:#faf6ec;--hx-bg-deep:#f1e8d0;--hx-panel:#fffdf7;--hx-panel-2:#ffffff;--hx-line:#e3d9bf;--hx-line-strong:#d6c89e;--hx-ink:#2c2210;--hx-muted:#6e5f3e;--hx-accent:#8a6210;--hx-accent-strong:#6e4e0c;--hx-accent-soft:#f1e4c0;--hx-accent-ink:#fffaee;--hx-live:#3f7a2e;--hx-danger:#b3272d;--hx-radius:28px;--hx-radius-sm:16px;--hx-shadow-sm:0 1px 2px rgba(59,43,12,0.05),0 2px 8px -4px rgba(59,43,12,0.08);--hx-shadow-md:0 2px 6px rgba(59,43,12,0.06),0 18px 36px -14px rgba(59,43,12,0.18);--hx-shadow-lg:0 4px 10px rgba(59,43,12,0.06),0 30px 64px -20px rgba(59,43,12,0.24),0 2px 40px -6px rgba(138,98,16,0.14);--hx-font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--hx-font-body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;--hx-font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--hx-font-serif:"Instrument Serif",Georgia,serif;--hx-ease:cubic-bezier(0.16,1,0.3,1);font-family:var(--hx-font-body);color:var(--hx-ink);min-height:100vh;line-height:1.6;background:radial-gradient(64rem 34rem at 86% -10rem,rgba(138,98,16,.14),transparent 62%),radial-gradient(46rem 30rem at -8% 62rem,rgba(63,122,46,.06),transparent 70%),var(--hx-bg);position:relative;isolation:isolate}.hx-grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.1 0 0 0 0 0.08 0 0 0 0 0.02 0 0 0 0.65 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hx>*{position:relative;z-index:1}.hx ::selection{background:var(--hx-accent);color:var(--hx-accent-ink)}.hx a{color:inherit;text-decoration:none}.hx .wrap{max-width:92rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.hx a:focus-visible,.hx button:focus-visible{outline:2px solid var(--hx-accent-strong);outline-offset:3px;border-radius:6px}#how,#pricing,#work{scroll-margin-top:5.5rem}.hx-mono{font-family:var(--hx-font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--hx-accent)}.hx-serif{font-family:var(--hx-font-serif);font-style:italic;font-weight:400;color:var(--hx-accent-strong)}.hx-reveal{opacity:0;translate:0 18px}.hx-reveal.is-visible{animation:hx-rise .7s var(--hx-ease) var(--hx-delay,0s) both}@keyframes hx-rise{to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:reduce){.hx-reveal{opacity:1;translate:0 0;animation:none!important}}.hx-nav-wrap{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(250,246,236,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hx-line)}.hx-nav{justify-content:space-between;padding:1.05rem 0}.hx-brand,.hx-nav{display:flex;align-items:center}.hx-brand{font-family:var(--hx-font-display);font-weight:700;font-size:1.15rem;letter-spacing:.01em;gap:.6rem}.hx-brand:before{content:"";width:.6rem;height:.6rem;border-radius:2px;background:var(--hx-accent);transform:rotate(45deg);flex-shrink:0}.hx-nav nav{display:flex;gap:1.6rem;align-items:center;font-size:.9rem;color:var(--hx-muted)}.hx-nav nav a{white-space:nowrap}.hx-nav nav a:not(.hx-cta):hover{color:var(--hx-ink)}.hx-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--hx-accent);color:var(--hx-accent-ink)!important;font-weight:700;padding:.6rem 1.35rem;border-radius:999px;font-size:.88rem;white-space:nowrap;box-shadow:var(--hx-shadow-sm);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.hx-cta:hover{background:var(--hx-accent-strong);transform:translateY(-1px);box-shadow:var(--hx-shadow-md)}@media (prefers-reduced-motion:reduce){.hx-cta:hover{transform:none}}.hx-ghost{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--hx-line-strong);padding:.58rem 1.3rem;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--hx-ink)!important;background:var(--hx-panel-2);transition:border-color .15s ease,background .15s ease}.hx-ghost:hover{border-color:var(--hx-accent);background:var(--hx-accent-soft)}.hx-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;grid-gap:clamp(2rem,4vw,4rem);gap:clamp(2rem,4vw,4rem);padding:clamp(2.75rem,7vh,4.5rem) 0 clamp(3.5rem,8vh,5.5rem)}.hx-hero-copy{padding-top:clamp(.5rem,2vh,2rem)}.hx-eyebrow{display:inline-flex;align-items:center;margin-bottom:1.1rem}.hx-hero h1{font-family:var(--hx-font-display);font-weight:700;font-size:clamp(2.35rem,3.6vw,3.4rem);line-height:1.08;letter-spacing:-.02em;max-width:15ch}.hx-hero h1 .hx-serif{font-size:1.06em}.hx-hero-copy>p{color:var(--hx-muted);font-size:clamp(1rem,1.4vw,1.12rem);max-width:42ch;margin:1.4rem 0 2rem}.hx-hero-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.hx-builder{display:grid;grid-gap:.85rem;gap:.85rem}.hx-builder-chips{display:flex;gap:.5rem;flex-wrap:wrap}.hx-chip-btn{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-family:var(--hx-font-body);font-weight:600;font-size:.82rem;padding:.45rem .9rem;border-radius:999px;cursor:pointer;border:1px solid var(--hx-line-strong);background:var(--hx-panel-2);color:var(--hx-muted);box-shadow:var(--hx-shadow-sm);transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.hx-chip-btn:hover{border-color:var(--hx-accent);color:var(--hx-ink);transform:translateY(-1px)}.hx-chip-btn.is-active{background:var(--hx-ink);border-color:var(--hx-ink);color:var(--hx-bg)}@media (prefers-reduced-motion:reduce){.hx-chip-btn:hover{transform:none}}.hx-browser{border-radius:1.5rem 1.5rem 1.1rem 1.1rem;border:1px solid var(--hx-line);background:var(--hx-panel-2);box-shadow:var(--hx-shadow-lg);overflow:hidden}.hx-browser-bar{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;background:var(--hx-ink);color:#cdbf9e}.hx-browser-dots{display:flex;gap:.3rem;flex-shrink:0}.hx-browser-dots span{width:.5rem;height:.5rem;border-radius:50%;background:rgba(205,191,158,.35)}.hx-browser-url{flex:1 1;min-width:0;text-align:center;font-family:var(--hx-font-mono);font-size:.73rem;letter-spacing:.01em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.3rem .8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hx-swatches{display:flex;gap:.4rem;flex-shrink:0}.hx-swatch{width:1.35rem;height:1.35rem;border-radius:50%;padding:0;cursor:pointer;border:2px solid rgba(255,255,255,.5);background:conic-gradient(var(--sw-a) 0 50%,var(--sw-b) 50% 100%);box-shadow:0 0 0 1px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .15s ease}.hx-swatch:hover{transform:scale(1.12)}.hx-swatch.is-active{box-shadow:0 0 0 1px rgba(0,0,0,.25),0 0 0 3px var(--hx-accent)}@media (prefers-reduced-motion:reduce){.hx-swatch:hover{transform:none}}.hx-frame-wrap{position:relative;background:var(--hx-bg-deep)}.hx-frame{display:block;width:100%;height:clamp(21rem,44vw,32rem);border:0;background:var(--hx-panel)}.hx-loadbar{position:absolute;top:0;left:0;height:2px;width:35%;opacity:0;background:linear-gradient(90deg,transparent,var(--hx-accent),transparent);transform:translateX(-100%);z-index:2}.is-loading .hx-loadbar{opacity:1;animation:hx-load 1s linear infinite}@keyframes hx-load{0%{transform:translateX(-100%)}to{transform:translateX(340%)}}@media (prefers-reduced-motion:reduce){.is-loading .hx-loadbar{animation:none;opacity:.6}}.hx-frame-skeleton{height:clamp(21rem,44vw,32rem);padding:2.25rem 2rem;display:grid;grid-gap:1rem;gap:1rem;align-content:start}.hx-sk-band{display:block;height:.85rem;border-radius:999px;max-width:70%;background:linear-gradient(90deg,var(--hx-line) 25%,var(--hx-line-strong) 37%,var(--hx-line) 63%);background-size:400% 100%;animation:hx-shimmer 1.6s ease-in-out infinite}.hx-sk-hero{height:8rem;max-width:100%;border-radius:1.25rem}.hx-sk-short{max-width:42%}@keyframes hx-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.hx-sk-band{animation:none}}.hx-frame-error{height:clamp(21rem,44vw,32rem);display:grid;place-items:center;grid-gap:.9rem;gap:.9rem;text-align:center;padding:2rem;color:var(--hx-muted);font-size:.9rem}.hx-frame-error p{max-width:32ch}.hx-frame-error .hx-ghost{font-size:.82rem;padding:.5rem 1.1rem}.hx-builder-caption{text-align:center;padding-top:.15rem}.hx-builder-caption strong{color:var(--hx-ink);font-style:normal}.hx-auto-toggle{display:inline-flex;align-items:center;justify-content:center;vertical-align:-2px;width:1.3rem;height:1.3rem;margin-right:.4rem;padding:0;cursor:pointer;border:1px solid var(--hx-line-strong);border-radius:50%;background:var(--hx-panel-2);color:var(--hx-muted);transition:border-color .15s ease,color .15s ease}.hx-auto-toggle:hover{border-color:var(--hx-accent);color:var(--hx-ink)}.hx-section{padding:clamp(3.25rem,8vh,5.5rem) 0;border-top:1px solid var(--hx-line)}.hx-head{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2.1rem;flex-wrap:wrap}.hx-head h2{font-family:var(--hx-font-display);font-size:clamp(1.55rem,3vw,2.15rem);font-weight:700;letter-spacing:-.02em}.hx-head p{color:var(--hx-muted);max-width:38ch}.hx-work-section{background:var(--hx-panel);border-top:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line);padding:clamp(3.25rem,8vh,5.5rem) 0}.hx-work-note{color:var(--hx-ink);background:var(--hx-bg);border:1px solid var(--hx-line);border-left:3px solid var(--hx-accent);border-radius:10px;padding:.9rem 1.2rem;font-size:.92rem;max-width:68ch;margin:-.6rem 0 2.1rem}.hx-work{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-gap:1.1rem;gap:1.1rem}.hx-case{background:var(--hx-panel-2);border:1px solid var(--hx-line);border-radius:var(--hx-radius-sm);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.hx-case:hover{border-color:var(--hx-accent);transform:translateY(-3px);box-shadow:var(--hx-shadow-md)}@media (prefers-reduced-motion:reduce){.hx-case:hover{transform:none}}.hx-case-link{display:flex;flex-direction:column;height:100%;color:inherit}.hx-shot{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--hx-line);background:var(--hx-bg-deep)}.hx-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s ease}.hx-case:hover .hx-shot img{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.hx-case:hover .hx-shot img{transform:none}}.hx-case-body{display:flex;flex-direction:column;gap:.6rem;padding:1.35rem 1.45rem 1.45rem;flex:1 1}.hx-case h3{font-family:var(--hx-font-display);font-size:1.12rem}.hx-case p{color:var(--hx-muted);font-size:.9rem;flex:1 1}.hx-tags{display:flex;gap:.4rem;flex-wrap:wrap}.hx-tag{font-family:var(--hx-font-mono);font-size:.68rem;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--hx-line);border-radius:1rem;padding:.2rem .6rem}.hx-tag,.hx-tag.demo{color:var(--hx-muted)}.hx-tag.live{color:var(--hx-live);border-color:#bcd8ae;background:#eef6e8}.hx-case.flag{grid-column:1/-1}.hx-case.flag .hx-case-link{flex-direction:column}@media (min-width:56rem){.hx-case.flag .hx-case-link{flex-direction:row}.hx-case.flag .hx-shot{flex:0 0 46%;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--hx-line);border-radius:0 4.5rem 0 0/0 3.5rem 0 0}.hx-case.flag .hx-case-body{padding:2.1rem;justify-content:center}}.hx-case .hx-visit{display:inline-flex;align-items:center;gap:.3rem;color:var(--hx-accent-strong);font-size:.85rem;font-weight:600}.hx-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));grid-gap:1.6rem;gap:1.6rem}.hx-how-step{position:relative;padding:1.6rem 1.5rem 0;border-top:1px solid var(--hx-line)}.hx-how-n{position:absolute;top:-.05rem;right:0;font-size:.72rem;color:var(--hx-line-strong)}.hx-how-icon{color:var(--hx-accent);margin-bottom:.9rem}.hx-how-step h3{font-family:var(--hx-font-display);font-size:1.12rem;margin-bottom:.55rem}.hx-how-step p{color:var(--hx-muted);font-size:.92rem;max-width:34ch}.hx-pricing-section{padding:clamp(3.25rem,8vh,5.5rem) 0;border-top:1px solid var(--hx-line)}.hx-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));grid-gap:1.2rem;gap:1.2rem}.hx-price-card{background:var(--hx-panel-2);border:1px solid var(--hx-line);border-radius:var(--hx-radius);padding:2rem clamp(1.4rem,3vw,2.1rem);display:grid;grid-gap:.6rem;gap:.6rem;align-content:start}.hx-price-card-accent{background:var(--hx-ink);color:var(--hx-bg);border-color:var(--hx-ink)}.hx-price-card-accent .hx-price-tag{color:#d9c691}.hx-price-card-accent p{color:#cabf9f}.hx-price-tag{color:var(--hx-accent);font-weight:600}.hx-price-amt{font-family:var(--hx-font-display);font-size:clamp(2.4rem,5vw,3.1rem);font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hx-price-unit{font-size:1.1rem;font-weight:600;color:var(--hx-muted)}.hx-price-card-accent .hx-price-unit{color:#cabf9f}.hx-price-card>p{color:var(--hx-muted);max-width:32ch;margin-bottom:.4rem}.hx-price-list{display:grid;grid-gap:.55rem;gap:.55rem;list-style:none;padding:0;margin:.4rem 0 0}.hx-price-list li{display:flex;gap:.55rem;align-items:flex-start;font-size:.88rem}.hx-price-list svg{flex-shrink:0;margin-top:.15rem;color:var(--hx-accent)}.hx-price-card-accent .hx-price-list svg{color:#d9c691}.hx-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(16.5rem,1fr));grid-gap:1.1rem;gap:1.1rem}.hx-svc{background:var(--hx-panel-2);border:1px solid var(--hx-line);border-radius:20px;padding:1.8rem 1.6rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.hx-svc:hover{border-color:var(--hx-accent);transform:translateY(-3px);box-shadow:var(--hx-shadow-md)}@media (prefers-reduced-motion:reduce){.hx-svc:hover{transform:none}}.hx-svc svg{color:var(--hx-accent)}.hx-svc h3{font-family:var(--hx-font-display);font-size:1.1rem;margin:.9rem 0 .5rem}.hx-svc p{color:var(--hx-muted);font-size:.9rem}.hx-price{display:block;margin-top:1.1rem}.hx-services-contact{display:flex;align-items:center;gap:.5rem;margin-top:1.8rem;color:var(--hx-muted);font-size:.92rem}.hx-services-contact a{color:var(--hx-accent-strong);font-weight:600}.hx-services-contact svg{color:var(--hx-accent);flex-shrink:0}.hx-band{position:relative;overflow:hidden;border-top:1px solid var(--hx-line);background:var(--hx-panel);padding:clamp(3.25rem,9vh,5.5rem) 0}.hx-band-mark{position:absolute;top:50%;right:-7rem;width:24rem;height:24rem;border:1.5px solid var(--hx-accent);opacity:.14;border-radius:30px;transform:translateY(-50%) rotate(45deg);pointer-events:none}.hx-band-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.hx-band h2{font-family:var(--hx-font-display);font-size:clamp(1.7rem,3.6vw,2.5rem);letter-spacing:-.02em;max-width:22ch;margin-top:.5rem}.hx-band .hx-cta{padding:.9rem 1.9rem;font-size:1rem}.hx-footer{border-top:1px solid var(--hx-line);padding:2.2rem 0 2.6rem;color:var(--hx-muted);font-size:.85rem}.hx-footer-inner{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;align-items:center;justify-content:space-between}.hx-footer-brand{display:flex;align-items:center;gap:.9rem}.hx-footer-mark{font-size:1rem}.hx-footer-nav{display:flex;gap:1.2rem;flex-wrap:wrap}.hx-footer-nav a:hover{color:var(--hx-ink)}.hx-footer-contact{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.hx-footer-contact a{color:var(--hx-accent-strong);font-weight:600}.hx-footer-copy{color:var(--hx-muted)}.hx-legal{padding:clamp(3rem,8vh,5rem) 0 clamp(4rem,10vh,6rem)}.hx-legal .wrap{max-width:46rem}.hx-legal h1{font-family:var(--hx-font-display);font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:.6rem;letter-spacing:-.02em}.hx-legal .hx-legal-updated{color:var(--hx-muted);font-size:.85rem;margin-bottom:2.5rem;display:block}.hx-legal h2{font-family:var(--hx-font-display);font-size:1.2rem;margin:2.1rem 0 .7rem}.hx-legal li,.hx-legal p{color:var(--hx-muted);font-size:.95rem;margin-bottom:.9rem}.hx-legal ul{padding-left:1.2rem}.hx-legal a{color:var(--hx-accent-strong);font-weight:600}.hx-legal strong{color:var(--hx-ink)}@media (max-width:68rem){.hx-hero{grid-template-columns:1fr}.hx-hero-copy{max-width:42rem}}@media (max-width:30rem){.hx-nav nav{gap:.7rem}.hx-nav nav a:not(.hx-cta){display:none}.hx-cta{padding:.5rem .9rem;font-size:.82rem}.hx-hero h1{max-width:100%}.hx-band-inner{gap:1.5rem}.hx-footer-inner{justify-content:flex-start}}@media (max-width:24rem){.hx-browser-url{display:none}}