h1,h2,h3{font-family:var(--font-display);color:var(--foreground);margin:0;overflow-wrap:break-word;min-width:0;text-wrap:balance}
h1{font-size:clamp(40px,5vw,68px);font-weight:700;line-height:1.08;letter-spacing:-0.035em}
h2{font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1.12;letter-spacing:-0.03em}
h3{font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-0.015em}
p{margin:0;text-wrap:pretty}
.wordmark{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-0.025em;line-height:1;white-space:nowrap;flex-shrink:0;color:var(--foreground)}
.site-header{position:sticky;top:0;z-index:40;background:var(--header-glass);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;width:var(--container);max-width:var(--max);margin-inline:auto}
.nav-desk{display:flex;align-items:center;gap:32px;margin-left:auto}
.nav-desk a{font-size:16px;font-weight:500;color:var(--muted);text-decoration:none}
.header-actions{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 22px;border:1px solid var(--primary);border-radius:var(--radius-cta);background:var(--primary);color:var(--primary-foreground);font-family:var(--font-sans);font-weight:600;font-size:16px;line-height:1.2;letter-spacing:-0.005em;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn--ghost{background:var(--surface);color:var(--foreground);border-color:var(--border-strong)}
.btn--header{min-height:44px;padding:10px 18px}
.btn--block{width:100%}
.btn--inverse{background:var(--foreground-inverse);color:var(--foreground);border-color:var(--foreground-inverse)}
.menu-toggle{display:none;min-height:44px;min-width:44px;padding:10px 16px;border:1px solid var(--border-strong);background:var(--surface);color:var(--foreground);font-weight:500;font-size:16px;cursor:pointer;border-radius:var(--radius-cta);white-space:nowrap;flex-shrink:0}
.menu-drawer{position:fixed;inset:0;z-index:60;background:var(--surface-inverse);color:var(--foreground-inverse);padding:12px var(--gutter) 32px;display:flex;flex-direction:column}
.menu-drawer[hidden]{display:none!important}
.menu-drawer__top{display:flex;justify-content:space-between;align-items:center;min-height:56px;margin-bottom:32px}
.menu-drawer__top .wordmark{color:var(--foreground-inverse)}
.menu-drawer nav{display:flex;flex-direction:column;flex:1}
.menu-drawer nav a{display:flex;align-items:center;min-height:56px;font-weight:600;font-size:28px;letter-spacing:-0.02em;line-height:1.2;text-decoration:none;border-bottom:1px solid var(--footer-rule)}
.menu-drawer__close{min-height:44px;padding:10px 16px;border:1px solid var(--footer-rule);border-radius:var(--radius-cta);background:transparent;color:var(--foreground-inverse);font-weight:500;font-size:16px;cursor:pointer}
.section-head{max-width:720px;margin:0 0 40px}
.section-head h2{margin:0 0 12px}
.section-head p{font-size:19px;line-height:1.6;color:var(--muted);max-width:60ch}
.section-head--row{max-width:none;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 32px;margin-bottom:32px}
.section-head--row h2{margin:0}
.hero{padding:56px 0 40px}
.hero h1{max-width:18ch;margin:0 0 20px}
.hero__lead{font-size:clamp(19px,1.5vw,21px);line-height:1.55;color:var(--body-ink);max-width:52ch;margin:0 0 32px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}
.hero__facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font-size:16px;line-height:1.5;color:var(--muted)}
.hero__facts li{display:inline-flex;align-items:center}
.hero__facts li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--border-strong);margin:0 14px}
.work{padding:24px 0 96px}
.work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.work-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);min-width:0}
.work-card__shot{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--border);background:var(--surface-muted)}
.work-card__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 240ms ease-out}
.work-card__body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:8px}
.work-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px}
.work-card__body p{font-size:18px;line-height:1.55;color:var(--muted);max-width:52ch}
.domain-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:16px;font-weight:500;color:var(--accent);text-decoration:none}
.domain-link .arrow{flex-shrink:0}
.included{padding:96px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px;min-width:0}
.feature-card h3{margin:0 0 10px}
.feature-card p{font-size:18px;line-height:1.6;color:var(--body-ink);max-width:54ch}
.included .feature-card{background:var(--background)}
.who{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px 24px}
.who__label{font-size:16px;font-weight:600;color:var(--foreground)}
.who__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.who__list li{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:16px;line-height:1.3;color:var(--body-ink)}
.who__list li:has(a){padding:0;border:0;background:transparent}
.who__list a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--accent);font-weight:500;text-decoration:none}
.pricing{padding:96px 0 112px}
.pricing__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:32px;align-items:start}
.price-stack{display:grid;gap:20px;min-width:0}
.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px;min-width:0}
.price-card--featured{border-color:var(--border-featured);padding:32px}
.price-card__top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:0 0 14px}
.price{margin:0;display:flex;align-items:baseline;gap:8px}
.price__amount{font-size:36px;font-weight:700;letter-spacing:-0.03em;line-height:1.1;color:var(--foreground)}
.price__note{font-size:16px;color:var(--muted)}
.price-card__lead{font-size:19px;line-height:1.5;font-weight:500;color:var(--foreground);margin:0 0 18px;max-width:46ch}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;font-size:18px;line-height:1.5;color:var(--body-ink)}
.checks .check{color:var(--accent);margin-top:3px}
.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:32px;min-width:0;box-shadow:var(--shadow-card)}
.form-card h3{font-size:26px;letter-spacing:-0.02em;margin:0 0 8px}
.form-lead{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 24px}
.field{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}
.field label{font-size:16px;font-weight:500;color:var(--foreground)}
.field input{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-input);background:var(--input-bg);color:var(--foreground);font-size:16px}
.field input::placeholder{color:var(--muted);opacity:.85}
.field input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--focus-ring)}
.field input.is-error{border-color:var(--destructive)}
.field-error{font-size:15px;line-height:1.4;color:var(--destructive)}
.form-status{margin:18px 0 0;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted);font-size:16px;line-height:1.5}
.form-status[data-state="error"]{border-color:var(--destructive);color:var(--destructive)}
.form-status strong{display:block;margin-bottom:2px;color:var(--foreground)}
.form-contact{margin:20px 0 0;font-size:16px;line-height:1.5;color:var(--muted)}
.site-footer{background:var(--surface-inverse);color:var(--foreground-inverse);padding:64px 0 28px}
.site-footer__inner{width:var(--container);max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px;padding-bottom:40px;border-bottom:1px solid var(--footer-rule)}
.wordmark--footer{color:var(--foreground-inverse)}
.site-footer__blurb{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--footer-muted);max-width:36ch}
.site-footer__links,.site-footer__contact{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.site-footer__links a,.site-footer__contact a,.site-footer__contact span{font-size:16px;color:var(--foreground-inverse);text-decoration:none}
.site-footer__meta{width:var(--container);max-width:var(--max);margin:20px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:14px;color:var(--footer-muted)}
.page-hero{padding:56px 0 72px}
.page-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:56px;align-items:center}
.page-hero h1{margin:0 0 20px;font-size:clamp(40px,4.4vw,60px);max-width:20ch}
.page-hero p{font-size:clamp(19px,1.5vw,21px);line-height:1.55;color:var(--body-ink);max-width:46ch;margin:0 0 28px}
.page-hero__photo{min-width:0;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border);aspect-ratio:4/3}
.page-hero__photo img{width:100%;height:100%;object-fit:cover}
.demo{padding:88px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.demo__card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px;max-width:880px}
.demo__name{font-size:16px;font-weight:600;color:var(--muted);margin:0 0 16px}
.tabs{display:inline-flex;gap:4px;padding:4px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-cta);margin:0 0 24px}
.tabs button{min-height:44px;padding:8px 18px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:16px;font-weight:500;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-card)}
.demo-panel h3{margin:0 0 16px}
.demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}
.demo-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-input);padding:12px 14px;min-width:0}
.demo-field dt{font-size:14px;color:var(--muted);margin:0 0 2px}
.demo-field dd{margin:0;font-size:17px;font-weight:500}
.demo-photos__label{font-size:16px;font-weight:500;margin:0 0 10px}
.demo-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-photos figure{margin:0;border-radius:var(--radius-input);overflow:hidden;aspect-ratio:4/3;border:1px solid var(--border)}
.demo-photos img{width:100%;height:100%;object-fit:cover}
.inbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-input);padding:20px}
.inbox__subject{font-size:19px;font-weight:600;margin:0 0 4px}
.inbox__from{font-size:15px;color:var(--muted);margin:0 0 14px}
.inbox__body{font-family:var(--font-sans);font-size:17px;line-height:1.6;white-space:pre-wrap;margin:0 0 16px;color:var(--body-ink)}
.trades{padding:88px 0 24px}
.trades .feature-card{background:var(--surface)}
@media (max-width:960px){
  .nav-desk{display:none}
  .menu-toggle{display:inline-flex;align-items:center}
  .pricing__grid,.page-hero__grid{grid-template-columns:minmax(0,1fr)}
  .site-footer__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .site-footer__brand{grid-column:1 / -1}
}
@media (max-width:760px){
  .work__grid,.feature-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .work{padding:16px 0 72px}
  .included,.pricing,.demo{padding:72px 0}
  .section-head{margin-bottom:28px}
  .section-head--row{display:block}
  .section-head--row h2{margin:0 0 8px}
  .feature-card,.price-card,.form-card,.demo__card{padding:24px}
  .price-card--featured{padding:24px}
  .work-card__body{padding:20px 22px 24px}
  .demo-fields{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .btn--header{display:none}
  .hero{padding:40px 0 32px}
  .hero__actions .btn{flex:1 1 100%}
  .hero__facts{flex-direction:column;gap:4px}
  .hero__facts li::before,.hero__facts li+li::before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--muted);margin:0 10px 0 0}
  .site-footer__inner{grid-template-columns:minmax(0,1fr)}
}
@media (hover:hover) and (pointer:fine){
.nav-desk a:hover{color:var(--foreground)}
.btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn--ghost:hover{background:var(--surface-muted);border-color:var(--border-strong)}
.work-card__shot:hover img{transform:scale(1.015)}
.domain-link:hover{text-decoration:underline;text-underline-offset:3px}
.who__list a:hover{text-decoration:underline;text-underline-offset:3px}
.site-footer__links a:hover,.site-footer__contact a:hover{text-decoration:underline;text-underline-offset:3px}
}
body.is-menu-open{overflow:hidden}
.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.turnstile-slot{min-height:65px;margin:0 0 18px}
.form-status__email{font-weight:600;user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
.nav-desk a,.domain-link,.site-footer__links a,.site-footer__contact a,.site-footer__contact span{display:inline-flex;align-items:center;min-height:44px}
.notfound{padding:96px 0 120px}
.notfound__inner{max-width:760px}
.notfound__kicker{font-weight:600;font-size:16px;color:var(--muted);margin:0 0 12px}
.notfound h1{margin:0 0 16px;max-width:16ch}
.notfound p{font-size:19px;line-height:1.6;color:var(--body-ink);margin:0 0 32px;max-width:48ch}
.notfound__actions{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:430px){.notfound__actions .btn{width:100%}}
html,body{overflow-x:clip}
input,select,textarea{font-size:16px}
@media (max-width:768px){input,select,textarea{font-size:max(16px,1em)}}
.btn,button,[role="tab"],.menu-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
a{-webkit-tap-highlight-color:transparent}
.menu-drawer{min-height:100svh;min-height:100dvh}
.btn,.menu-toggle,.tabs button{transition:transform 180ms ease-out,opacity 180ms ease-out}
.btn:active:not(:disabled),.menu-toggle:active:not(:disabled),.tabs button:active:not(:disabled){transform:scale(.98)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled),.menu-toggle:active:not(:disabled),.tabs button:active:not(:disabled){transform:none}}
.doc{padding:72px 0 104px}
.doc__inner{max-width:760px}
.doc h1{margin:0 0 20px}
.doc__lead{font-size:21px;line-height:1.55;margin:0 0 40px;font-weight:500;color:var(--foreground)}
.doc h2{font-size:clamp(22px,2.2vw,26px);line-height:1.3;letter-spacing:-0.02em;margin:40px 0 10px;padding-top:24px;border-top:1px solid var(--border)}
.doc p{font-size:18px;line-height:1.65;color:var(--body-ink);margin:0 0 12px;max-width:64ch}
.doc__meta{margin-top:48px!important;font-size:15px!important;color:var(--muted)!important}