/* generated by app/scripts/sync-agent-home.mjs from the site (../../site-agent): do not edit here */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/agent/assets/fonts/Archivo-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/agent/assets/fonts/Archivo.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url(/agent/assets/fonts/Geist-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url(/agent/assets/fonts/Geist.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(/agent/assets/fonts/GeistMono-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(/agent/assets/fonts/GeistMono.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.lp-root{
  --paper-0:#FBF8F2;--paper-50:#F7F2EA;--paper-100:#F3EDE3;--paper-200:#EAE2D5;--paper-300:#DCD2C2;--paper-400:#C7BCA9;
  --stone-500:#9C9487;--stone-600:#6F685E;--stone-700:#4C4740;
  --ink-800:#2B2926;--ink-900:#1B1A18;--ink-950:#121110;
  --signal-500:#E5482B;--signal-600:#C63A20;--signal-100:#F8DCD2;
  --positive-600:#2E6B45;--positive-100:#DDE8DC;--negative-600:#A9331F;
  --surface-page:var(--paper-100);--surface-raised:var(--paper-50);--surface-card:var(--paper-0);--surface-sunken:var(--paper-200);
  --surface-inverse:var(--ink-950);--surface-inverse-raised:var(--ink-900);--surface-inverse-card:var(--ink-800);
  --text-strong:var(--ink-950);--text-body:var(--ink-800);--text-muted:var(--stone-600);--text-faint:var(--stone-500);
  --text-inverse:var(--paper-100);--text-inverse-muted:#B5AC9E;--text-signal:var(--signal-600);
  --border-hairline:rgba(18,17,16,.14);--border-soft:rgba(18,17,16,.24);--border-strong:var(--ink-950);
  --border-inverse-hairline:rgba(243,237,227,.16);--border-inverse-strong:var(--paper-100);
  --focus-ring:var(--signal-500);--selection:var(--ink-950);--selection-text:var(--paper-100);

  --font-display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --font-body:'Geist','Helvetica Neue',Arial,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,Menlo,monospace;
  --font-hand:'Covered By Your Grace','Marker Felt',cursive;
  --display-weight:800;--display-stretch:92%;--display-tracking:-0.045em;--display-leading:.9;
  --fs-mega:clamp(56px,11vw,168px);--fs-display-1:clamp(48px,7.4vw,112px);--fs-display-2:clamp(38px,5vw,76px);--fs-display-3:clamp(30px,3.4vw,52px);
  --fs-h4:clamp(22px,2vw,28px);--fs-h5:19px;--fs-body-lg:clamp(18px,1.45vw,21px);--fs-body:16px;--fs-body-sm:14px;--fs-caption:12.5px;--fs-label:11px;--fs-hand:clamp(20px,1.8vw,26px);
  --lh-body:1.5;--lh-tight:1.2;--tracking-label:.18em;--tracking-body:-0.005em;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  --section-pad-y:clamp(64px,9vw,128px);--gutter:clamp(20px,3.2vw,40px);--container:1360px;--container-narrow:880px;
  --radius-0:0;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;
  --border-w:1px;--border-w-strong:1.5px;
  --shadow-paper:0 1px 0 rgba(18,17,16,.06),0 2px 6px -2px rgba(18,17,16,.10);
  --shadow-lift:0 1px 0 rgba(18,17,16,.05),0 14px 32px -12px rgba(18,17,16,.28);
  --shadow-window:0 30px 60px -24px rgba(0,0,0,.55),0 0 0 1px rgba(243,237,227,.08);
  --shadow-offset:4px 4px 0 var(--ink-950);
  --ease-out:cubic-bezier(.2,.7,.2,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-snap:cubic-bezier(.16,1,.3,1);
  --dur-fast:120ms;--dur-base:220ms;--dur-slow:480ms;--dur-drift:6s;
  --z-nav:50;--z-overlay:80;--z-toast:90;--z-modal:100;

  --texture-grain:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMjAnIGhlaWdodD0nMjIwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nLjg1JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDAuMDcgIDAgMCAwIDAgMC4wNjYgIDAgMCAwIDAgMC4wNiAgMCAwIDAgLjU1IDAnLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbiknLz48L3N2Zz4=");
  --grain-opacity:.22;--halftone-dot:radial-gradient(circle at center,var(--ink-950) 32%,transparent 34%);--halftone-size:6px;
  --image-filter-print:grayscale(1) contrast(1.18) brightness(1.02);--image-filter-print-hard:grayscale(1) contrast(1.6) brightness(1.05);
}
/* base the site's own stylesheet gives every page, scoped with :where() so it stays as weak as the site's bare element rules (the app's Tailwind reset runs underneath) */
html:has(.lp-root){background:#F3EDE3}
body:has(.lp-root){background:transparent}
@media (prefers-color-scheme:dark){html:has(.lp-root){background:#121110}}
.lp-root{color:var(--text-body);font-family:var(--font-body);font-size:16px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.lp-root) *{box-sizing:border-box}
:where(.lp-root) a{color:var(--text-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:where(.lp-root) a:hover{text-decoration-thickness:2px}
:where(.lp-root) :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
:where(.lp-root) :is(h1,h2,h3,h4){text-wrap:balance}
:where(.lp-root) p{text-wrap:pretty}
:where(.lp-root) svg.icon{display:inline-block}
:where(.lp-root) ::selection{background:var(--selection);color:var(--selection-text)}
:where(.lp-root) .icon{display:inline-block;flex-shrink:0;vertical-align:middle}
:where(.lp-root) .skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink-950);color:var(--paper-100);padding:10px 14px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
:where(.lp-root) .skip-link:focus{left:12px}
:where(.lp-root) .mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface-page);border-bottom:1.5px solid var(--ink-950);padding:8px var(--gutter) 24px;z-index:var(--z-overlay)}
:where(.lp-root) .mobile-menu{background:var(--ink-950)}
:where(.lp-root) .mobile-menu.open{display:block;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
:where(.lp-root) .mobile-menu.open{min-height:calc(100dvh - 64px)}
/* Pilgud Agent landing page (/product, /et/product).
   Ink and paper only. Motion follows the Workspace 2027 motion spec
   (pilgud-wt/shared-notes/motion/motion-spec.md): appears, working,
   approved, learned – nothing ambient. Loaded only on this page. */

.lp-root{
  --lp-paper:var(--paper-100);--lp-card:var(--paper-0);--lp-sunk:var(--paper-200);
  --lp-ink:var(--ink-950);--lp-body:var(--ink-800);--lp-muted:var(--stone-600);
  --lp-line:rgba(18,17,16,.13);--lp-line-2:rgba(18,17,16,.26);
  --dur-press:90ms;--dur-1:120ms;--dur-2:220ms;--dur-row:320ms;--dur-3:480ms;--dur-settle:640ms;
  --stagger:40ms;
  --snap:cubic-bezier(.16,1,.3,1);--ease-o:cubic-bezier(.215,.61,.355,1);--ease-i:cubic-bezier(.55,0,1,.45);
  --spring-row:linear(0,.122,.337,.537,.692,.801,.874,.922,.952,.971,.983,.99,.994,.996,.998,.999,1);
  --spring-settle:linear(0,.059,.197,.365,.532,.682,.804,.897,.963,1.006,1.03,1.041,1.043,1.04,1.033,1.026,1.019,1.012,1.007,1.004,1.001,.999,.999,.998,1);
  --lp-max:1240px;
  color-scheme:light;
}
/* Dark: the same two inks swapped (Workspace 2027 tokens). The rest of the site has no dark mode yet, so this page carries its own. */
@media (prefers-color-scheme:dark){
  .lp-root:not([data-theme="light"]){
    --paper-0:#1B1A18;--paper-50:#171614;--paper-100:#121110;--paper-200:#24221F;--paper-300:#34312C;
    --ink-950:#F3EDE3;--ink-900:#EAE2D5;--ink-800:#E2DACD;--stone-600:#B5AC9E;--stone-500:#8F877B;
    --surface-page:#121110;--surface-raised:#171614;--surface-card:#1B1A18;--surface-sunken:#24221F;
    --surface-inverse:#F3EDE3;--surface-inverse-raised:#EAE2D5;--text-inverse:#121110;--text-inverse-muted:#4C4740;
    --text-strong:#F3EDE3;--text-body:#E2DACD;--text-muted:#B5AC9E;--text-faint:#8F877B;
    --border-hairline:rgba(243,237,227,.14);--border-soft:rgba(243,237,227,.26);--border-strong:#F3EDE3;
    --border-inverse-hairline:rgba(18,17,16,.16);--border-inverse-strong:#121110;
    --selection:#F3EDE3;--selection-text:#121110;--grain-opacity:.06;
    --lp-line:rgba(243,237,227,.14);--lp-line-2:rgba(243,237,227,.28);
    color-scheme:dark;
  }
  /* the logos switch to the owner's light variant (cream letters, black outline) through <picture>, not a filter */
  .lp-root:not([data-theme="light"]) .lp-av,
  .lp-root:not([data-theme="light"]) .lp-composer img,
  .lp-root:not([data-theme="light"]) .lp-close-eye{filter:invert(94%) sepia(8%) saturate(260%) hue-rotate(345deg)}
  .lp-root:not([data-theme="light"]) .pg-grain::after{mix-blend-mode:screen}
  .lp-root:not([data-theme="light"]) .lp-ui-checks li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5 5.5-5.5' fill='none' stroke='%23121110' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  /* the inverse blocks stay dark in dark mode (a raised surface), not a glaring paper slab */
  .lp-root:not([data-theme="light"]) .lp-close,
  .lp-root:not([data-theme="light"]) .lp-tile-ink,
  .lp-root:not([data-theme="light"]) .lp-plan-pilot{--surface-inverse:#1B1A18;--text-inverse:#F3EDE3;--text-inverse-muted:#B5AC9E;--border-inverse-hairline:rgba(243,237,227,.16);--paper-100:#F3EDE3;--paper-0:#FBF8F2;--ink-950:#121110}
  .lp-root:not([data-theme="light"]) .lp-close{--surface-inverse:#1B1A18;border-top:1px solid var(--lp-line)}
  .lp-root:not([data-theme="light"]) .lp-tile-ink,
  .lp-root:not([data-theme="light"]) .lp-plan-pilot{--surface-inverse:#24221F;border-color:var(--lp-line-2)}
}

.lp{overflow-x:clip}
.lp-wrap{max-width:var(--lp-max);margin:0 auto;padding:0 var(--gutter)}
.lp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- type ---------- */
.lp-h1,.lp-h2{font-family:var(--font-display);font-weight:800;font-stretch:var(--display-stretch);color:var(--lp-ink);margin:0;text-wrap:balance}
.lp-h1{font-size:clamp(46px,8.4vw,132px);line-height:.88;letter-spacing:-.05em}
.lp-line{display:block}
.lp-h2{font-size:clamp(34px,4.6vw,68px);line-height:.92;letter-spacing:var(--display-tracking)}
.lp-h3{font:600 13px/1.3 var(--font-body);color:var(--lp-muted);margin:0 0 14px}

/* ---------- hero ---------- */

/* ---------- product frame ---------- */
.lp-demo{padding-bottom:clamp(56px,8vw,112px)}
.lp-frame{margin:0;border:1.5px solid var(--lp-ink);border-radius:18px;background:var(--lp-paper);box-shadow:6px 6px 0 var(--lp-ink);overflow:hidden;position:relative}
.lp-bar{display:flex;align-items:center;gap:12px;height:42px;padding:0 14px;border-bottom:1px solid var(--lp-line);background:var(--lp-card)}
.lp-lights{display:flex;gap:6px}
.lp-lights i{width:10px;height:10px;border-radius:50%;border:1px solid var(--lp-line-2)}
.lp-url{font:400 12px var(--font-mono);color:var(--lp-muted);margin-right:auto}
.lp-sample{font:500 11px var(--font-mono);color:var(--lp-muted);border:1px solid var(--lp-line-2);border-radius:999px;padding:3px 9px}
.lp-play{font:500 12px var(--font-body);color:var(--lp-ink);background:none;border:1px solid var(--lp-line-2);border-radius:999px;padding:4px 11px;cursor:pointer}
.lp-play:hover{border-color:var(--lp-ink)}
.lp-play>span{display:none}
.lp-play[data-state="playing"] .lp-play-pause,.lp-play[data-state="paused"] .lp-play-play,.lp-play[data-state="done"] .lp-play-again{display:inline}

.lp-app{display:grid;grid-template-columns:88px minmax(0,1fr);height:clamp(560px,46vw,640px);background-image:radial-gradient(circle at center,var(--lp-line) 1px,transparent 1.4px);background-size:16px 16px}
.lp-side{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 0;border-right:1px solid var(--lp-line)}
.lp-side-logo{width:64px;height:auto;margin-bottom:10px}
.lp-nav{display:grid;justify-items:center;gap:4px;font:500 10.5px var(--font-body);color:var(--lp-muted);width:72px;padding:7px 0;border-radius:12px}
.lp-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lp-nav.is-on{background:var(--lp-ink);color:var(--lp-paper)}

.lp-main{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:16px clamp(16px,3vw,40px) 18px}
.lp-top{display:flex;justify-content:space-between;font:400 12px var(--font-mono);color:var(--lp-muted)}
.lp-stream{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 40px);mask-image:linear-gradient(to bottom,transparent 0,#000 40px)}
.lp-stream-in{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:16px;padding:40px 0 16px;max-width:760px;margin:0 auto}
.lp-item{margin:0}
.lp.is-anim .lp-item.is-pending,.lp.is-anim .lp-steps li.is-pending{display:none}
.lp.is-anim .lp-item.is-new,.lp.is-anim .lp-steps li.is-new{animation:lpAppear var(--dur-row) var(--spring-row) both}
@keyframes lpAppear{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}

.lp-hello{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center}
.lp-hello p{margin:0;font:800 clamp(22px,2.2vw,30px)/1.05 var(--font-display);font-stretch:92%;letter-spacing:-.04em;color:var(--lp-ink)}
.lp.is-rest .lp-stream-in{top:0;justify-content:center}
.lp.is-rest .lp-hello{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
.lp.is-rest .lp-hello .lp-av{width:72px}
.lp.is-rest .lp-hello p{font-size:clamp(28px,3.4vw,46px)}
.lp-owner{align-self:flex-end;max-width:min(440px,86%);background:var(--lp-ink);color:var(--lp-paper);border-radius:18px 18px 4px 18px;padding:12px 16px}
.lp-owner p{margin:0;font-size:15px;line-height:1.45}

.lp-agent{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.lp-av{width:40px;height:auto;margin-top:2px}
.lp-status{display:flex;align-items:center;gap:10px;font:500 12px var(--font-mono);color:var(--lp-muted);min-height:22px}
.lp-bayer{display:grid;grid-template-columns:repeat(4,4px);gap:2px}
.lp-bayer b{width:4px;height:4px;border-radius:50%;background:var(--lp-ink);opacity:1}
.lp-st-work{display:none}
.lp.is-anim .lp-agent.is-working .lp-st-work{display:inline}
.lp.is-anim .lp-agent.is-working .lp-st-done{display:none}
.lp.is-anim .lp-agent.is-working .lp-bayer b{opacity:.15;animation:lpDot 1.6s steps(1) infinite}
@keyframes lpDot{0%{opacity:1}50%{opacity:.15}}
.lp-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:1px}
.lp-steps li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:center;font-size:14.5px;color:var(--lp-body);padding:3px 0}
.lp-tick{width:14px;height:14px}
.lp-tick path{fill:none;stroke:var(--lp-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:0}
.lp.is-anim .lp-steps li.is-now .lp-tick path{stroke-dashoffset:16}
.lp.is-anim .lp-steps li .lp-tick path{transition:stroke-dashoffset var(--dur-2) var(--ease-o)}
.lp.is-anim .lp-steps li.is-now span{background:linear-gradient(90deg,var(--lp-ink) 0 40%,var(--lp-muted) 50%,var(--lp-ink) 60% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lpSweep 2s linear infinite}
@keyframes lpSweep{from{background-position:100% 0}to{background-position:-50% 0}}

.lp-ads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-left:52px;max-width:540px}
.lp-ad{margin:0}
.lp-pic{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--lp-sunk);border:1px solid var(--lp-line)}
.lp-pic img,.lp-pic canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-pic.is-dev img{opacity:0}
.lp-pic.is-done img{opacity:1;transition:opacity 240ms ease}
.lp-pic.is-done canvas{opacity:0;transition:opacity 240ms ease}
.lp-ad figcaption{font:400 11px var(--font-mono);color:var(--lp-muted);margin-top:6px}

.lp-decide{margin-left:52px;max-width:480px}
.lp-card{position:relative;border:1.5px solid var(--lp-ink);border-radius:14px;background:var(--lp-card);padding:16px 18px;box-shadow:4px 4px 0 var(--lp-ink);transform-origin:50% 0%}
.lp-card.is-settle{animation:lpSettle var(--dur-settle) var(--spring-settle)}
@keyframes lpSettle{from{transform:scale(.97)}to{transform:scale(1)}}
.lp-tag{display:inline-block;font:500 11px var(--font-mono);color:var(--lp-muted);margin-bottom:8px}
.lp-tag-ok{display:none;color:var(--lp-ink)}
.lp-card.is-ok .lp-tag-wait{display:none}
.lp-card.is-ok .lp-tag-ok{display:inline-block}
.lp-card-h{font:700 19px/1.15 var(--font-display);font-stretch:92%;color:var(--lp-ink);margin:0 0 4px}
.lp-card-meta{font:400 12px var(--font-mono);color:var(--lp-muted);margin:0 0 8px}
.lp-card-p{font-size:14px;color:var(--lp-body);margin:0 0 14px}
.lp-acts{display:flex;flex-wrap:wrap;gap:8px}
.lp-b{display:inline-flex;align-items:center;font:500 13px var(--font-body);border:1.5px solid var(--lp-ink);border-radius:999px;padding:6px 14px;color:var(--lp-ink);transition:transform var(--dur-press) ease-in}
.lp-b-solid{background:var(--lp-ink);color:var(--lp-paper)}
.lp-b.is-press{transform:scale(.97)}
.lp-stamp{display:none;font:500 11px var(--font-mono);border:1.5px solid var(--lp-ink);border-radius:999px;padding:3px 9px;color:var(--lp-ink)}
.lp-card.is-ok .lp-acts{display:none}
.lp-card.is-ok .lp-stamp{display:inline-block;animation:lpAppear var(--dur-row) var(--spring-row) both}

.lp-result{margin-left:52px;max-width:480px;border-top:1px solid var(--lp-line-2);padding-top:12px}
.lp-nums{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:28px;margin-bottom:10px}
.lp-nums b{display:block;font:800 28px/1 var(--font-display);font-stretch:92%;letter-spacing:-.04em;color:var(--lp-ink)}
.lp-nums span{font:400 11.5px var(--font-mono);color:var(--lp-muted)}
.lp-suggest{font-size:14px;color:var(--lp-body);margin:0 0 10px}

.lp-composer{display:flex;align-items:center;gap:10px;border:1.5px solid var(--lp-ink);border-radius:999px;background:var(--lp-card);padding:6px 8px 6px 12px;max-width:760px;width:100%;margin:0 auto;box-shadow:3px 3px 0 var(--lp-ink)}
.lp-composer img{width:30px;height:auto}
.lp-input{flex:1;min-width:0;font-size:15px;color:var(--lp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-ph{color:var(--lp-muted)}
.lp-typed:not(:empty)+.lp-ph{display:none}
.lp-send{font:500 13px var(--font-body);color:var(--lp-paper);background:var(--lp-ink);border-radius:999px;padding:6px 14px}

.lp-toast{position:absolute;left:50%;bottom:76px;display:flex;gap:14px;align-items:center;background:var(--lp-ink);color:var(--lp-paper);border-radius:999px;padding:9px 10px 9px 18px;font-size:14px;white-space:nowrap;opacity:0;transform:translate(-50%,100%);pointer-events:none}
.lp-toast.is-in{opacity:1;transform:translate(-50%,0);transition:transform 400ms var(--snap),opacity 400ms var(--snap)}
.lp-toast.is-out{opacity:0;transform:translate(-50%,12px);transition:transform var(--dur-1) var(--ease-i),opacity var(--dur-1) var(--ease-i)}
.lp-undo{font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:2px 8px}

/* chapters under the frame: the "how it works" text, and the demo's controls */
.lp-chapters{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.lp-chapters li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:6px;align-content:start;padding-top:14px;position:relative;border-top:1px solid var(--lp-line-2)}
.lp-chapters{counter-reset:ch}
.lp-chapters li::before{counter-increment:ch;content:counter(ch);display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--lp-ink);border-radius:50%;font:500 12px/1 var(--font-mono);color:var(--lp-ink);transition:background var(--dur-1) ease,color var(--dur-1) ease}
.lp-chapters li.is-on::before,.lp-chapters li:hover::before{background:var(--lp-ink);color:var(--lp-paper)}
.lp-ch-t{font:700 19px/1.2 var(--font-display);font-stretch:92%;color:var(--lp-ink);margin:0;align-self:center}
.lp-ch-d{grid-column:2;font-size:14.5px;line-height:1.5;color:var(--lp-muted);margin:0}
.lp-ch-bar{position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--lp-ink);transform:scaleX(0);transform-origin:0 50%}
.lp-ch-go{position:absolute;inset:0;width:100%;background:none;border:0;padding:0;cursor:pointer;border-radius:2px}
.lp-ch-go:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
.lp-chapters li.is-done .lp-ch-bar{transform:scaleX(1)}
.lp-chapters li.is-on .lp-ch-d{color:var(--lp-body)}
.lp-chapters li:hover .lp-ch-t{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}

/* ---------- sections ---------- */
.lp-sec{padding-top:clamp(64px,9vw,128px);padding-bottom:clamp(64px,9vw,128px);border-top:1px solid var(--lp-line)}
.lp-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--lp-ink);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.lp-arrow::after{content:"";width:14px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--dur-2) var(--snap)}
.lp-arrow:hover::after{transform:translateX(3px)}
.lp-fine{font-size:13.5px;color:var(--lp-muted);margin:0 0 22px;max-width:52ch}

.lp-proof{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.lp-proof-pic img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--lp-line)}
.lp-proof-copy>p:first-of-type{font-size:clamp(17px,1.35vw,19px);line-height:1.55;color:var(--lp-body);max-width:56ch;margin:22px 0 30px}
.lp-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 16px;border-top:1.5px solid var(--lp-ink)}
.lp-figs div{padding:14px 12px 0 0}
.lp-figs dt{font:400 12px var(--font-mono);color:var(--lp-muted);order:2}
.lp-figs dd{white-space:nowrap;margin:0 0 4px;font:800 clamp(28px,3vw,44px)/1 var(--font-display);font-stretch:92%;letter-spacing:-.045em;color:var(--lp-ink);font-variant-numeric:tabular-nums}
.lp-figs div{display:flex;flex-direction:column}
.lp-figs dd{order:1}

.lp-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--lp-line-2)}
.lp-list li{padding:13px 0 13px 26px;border-bottom:1px solid var(--lp-line);font-size:16px;line-height:1.45;color:var(--lp-body);position:relative}
.lp-list li::before{content:"";position:absolute;left:2px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--lp-ink)}

.lp-people{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.lp-person img{display:block;width:100%;max-width:420px;height:auto;border-radius:14px}
.lp-people-copy>p{font-size:clamp(17px,1.35vw,19px);line-height:1.55;color:var(--lp-body);max-width:58ch;margin:22px 0 28px}
.lp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0 0 28px;max-width:620px}
.lp-facts div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--lp-line)}
.lp-facts dt{font-size:14px;color:var(--lp-muted)}
.lp-facts dd{margin:0;font-size:14px;color:var(--lp-ink)}


.lp-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px)}
.lp-faq-list details{border-bottom:1px solid var(--lp-line-2)}
.lp-faq-list details:first-child{border-top:1px solid var(--lp-line-2)}
.lp-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font:600 17px/1.35 var(--font-body);color:var(--lp-ink)}
.lp-faq-list summary::-webkit-details-marker{display:none}
.lp-faq-list summary::after{content:"";flex:none;width:12px;height:12px;margin-top:6px;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;transition:transform var(--dur-2) var(--snap)}
.lp-faq-list details[open] summary::after{transform:rotate(45deg)}
.lp-faq-list summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.lp-faq-list .faq-a p{margin:0 0 20px;max-width:60ch;color:var(--lp-body);line-height:1.55}


/* ---------- small screens ---------- */
@media (max-width:960px){
  .lp-chapters{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .lp-proof,.lp-people,.lp-faq{grid-template-columns:1fr}
  .lp-person img{max-width:280px}
}
@media (max-width:640px){
  .lp-frame{border-radius:14px;box-shadow:4px 4px 0 var(--lp-ink)}
  .lp-app{grid-template-columns:1fr;height:600px}
  .lp-side{display:none}
  .lp-main{padding:12px 12px 12px}
  .lp-url{display:none}
  .lp-sample{margin-right:auto}
  .lp-ads,.lp-decide,.lp-result{margin-left:0}
  .lp-ads{gap:8px}
  .lp-agent{grid-template-columns:30px minmax(0,1fr);gap:10px}
  .lp-av{width:30px}
  .lp-steps li{font-size:13.5px}
  .lp-owner p{font-size:14.5px}
  .lp-hello{grid-template-columns:30px minmax(0,1fr);gap:10px}
  .lp-hello p{font-size:21px}
  .lp-nums{gap:20px}
  .lp-nums b{font-size:24px}
  .lp-toast{bottom:68px;font-size:13px}
  .lp-chapters{grid-template-columns:1fr;row-gap:18px}
  .lp-figs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
  .lp-facts{grid-template-columns:1fr}
  .lp-facts div{grid-template-columns:110px minmax(0,1fr)}
}


/* ================= SaaS layer (24 Oct, owner: "SaaSilikum, säilitades design language") ================= */

/* product bar */
.ag-nav{position:sticky;top:0;z-index:var(--z-nav);background:color-mix(in srgb,var(--lp-paper) 82%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--lp-line)}
.ag-nav-bar{max-width:var(--lp-max);margin:0 auto;padding:0 var(--gutter);height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.ag-left{display:flex;align-items:center;gap:14px;min-width:0}
/* the way back to pilgud.com, always in the bar (owner, 24 Oct: "tagasi nool agendi lehel, mis viiks main lehele") */
.ag-back{display:inline-flex;align-items:center;gap:6px;font:500 13.5px var(--font-body);color:var(--lp-muted);text-decoration:none;border:1px solid var(--lp-line-2);border-radius:999px;padding:6px 12px 6px 9px;transition:color var(--dur-1) ease,border-color var(--dur-1) ease}
.ag-back:hover{color:var(--lp-ink);border-color:var(--lp-ink)}
.ag-back .icon{transition:transform var(--dur-2) var(--snap)}
.ag-back:hover .icon{transform:translateX(-2px)}
.ag-brand img{display:block;height:30px;width:auto}
.ag-links{display:flex;justify-content:center;gap:4px}
.ag-links a,.ag-login,.ag-lang{font:500 14.5px var(--font-body);color:var(--lp-body);text-decoration:none;padding:8px 12px;border-radius:999px;transition:background var(--dur-1) ease,color var(--dur-1) ease}
.ag-links a:hover,.ag-login:hover,.ag-lang:hover{background:var(--lp-sunk);color:var(--lp-ink)}
.ag-right{display:flex;align-items:center;gap:4px;grid-column:3;justify-self:end} /* always the right edge, also when the middle links are hidden (narrow desktops, tablets) */
.ag-lang{font:500 12.5px var(--font-mono)}
.ag-cta{display:inline-flex;align-items:center;gap:8px;margin-left:6px;font:600 14.5px var(--font-body);color:var(--lp-paper);background:var(--lp-ink);border-radius:999px;padding:10px 16px;text-decoration:none;transition:transform var(--dur-press) ease-in}
.ag-cta:active{transform:scale(.97)}
.ag-cta .icon{transition:transform var(--dur-2) var(--snap)}
.ag-cta:hover .icon{transform:translateX(2px)}
.ag-cta-short{display:none}
.ag-menu-btn{display:none;width:40px;height:40px;place-items:center;border:1px solid var(--lp-line-2);border-radius:999px;background:none;color:var(--lp-ink);cursor:pointer}
.ag-sheet{display:none}
.ag-nav :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}

/* buttons */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 16px var(--font-body);border-radius:999px;padding:14px 22px;text-decoration:none;border:1.5px solid var(--lp-ink);transition:transform var(--dur-press) ease-in,background var(--dur-1) ease}
.lp-btn:active{transform:scale(.97)}
.lp-btn .icon{transition:transform var(--dur-2) var(--snap)}
.lp-btn:hover .icon{transform:translateX(3px)}
.lp-btn-solid{background:var(--lp-ink);color:var(--lp-paper);box-shadow:3px 3px 0 color-mix(in srgb,var(--lp-ink) 30%,transparent)}
.lp-btn-ghost{color:var(--lp-ink);background:transparent}
.lp-btn-ghost:hover{background:var(--lp-card)}
.lp-btn-inv{background:var(--text-inverse);color:var(--surface-inverse);border-color:var(--text-inverse)}
.lp-btn-ghost-inv{color:var(--text-inverse);border-color:color-mix(in srgb,var(--text-inverse) 40%,transparent);background:transparent}
.lp-btn-ghost-inv:hover{border-color:var(--text-inverse)}

/* hero: centred, the product underneath is the centrepiece */
.lp-hero{text-align:center;display:grid;justify-items:center;padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(36px,4.5vw,56px)}
.lp-pill{display:inline-flex;align-items:center;gap:10px;font:500 14px/1 var(--font-body);color:var(--lp-ink);text-decoration:none;background:var(--lp-card);border:1px solid var(--lp-line-2);border-radius:999px;padding:8px 14px 8px 10px;margin-bottom:clamp(22px,3vw,32px);transition:border-color var(--dur-1) ease}
.lp-pill:hover{border-color:var(--lp-ink)}
.lp-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--lp-ink);box-shadow:0 0 0 3px var(--lp-sunk)}
.lp-hero .lp-h1{font-size:clamp(40px,7.2vw,112px);max-width:100%;overflow-wrap:break-word}
.lp-lede{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--lp-body);max-width:60ch;margin:clamp(20px,2.6vw,32px) auto 0}
.lp-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(24px,3vw,36px)}
.lp-trust{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0;font-size:14px;color:var(--lp-muted)}
.lp-trust li{display:inline-flex;align-items:center;gap:8px}
.lp-trust li::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7.5l3 3 7-7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7.5l3 3 7-7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.lp-price-note{margin:10px 0 0;font-size:13px;color:var(--lp-muted)}
.lp-demo{max-width:1200px}
/* the 45-second how-it-works film under the demo (owner: "productis on lahe video") */
.lp-film{margin-top:clamp(40px,5vw,72px);display:grid;justify-items:center;gap:16px}
.lp-film-h{margin:0;font:700 clamp(20px,1.8vw,26px)/1.2 var(--font-display);font-stretch:92%;letter-spacing:-.02em;color:var(--lp-ink);text-align:center}
.lp-film-box{width:100%;max-width:1040px;border:1.5px solid var(--lp-ink);border-radius:16px;overflow:hidden;background:var(--lp-paper);box-shadow:6px 6px 0 var(--lp-ink)}
.lp-film-box video{display:block;width:100%;height:auto}
.lp-film-tall{display:none!important}
@media (max-width:640px){.lp-film-wide{display:none!important}.lp-film-tall{display:block!important}.lp-film-box{box-shadow:4px 4px 0 var(--lp-ink)}}
/* the hero band of folded paper in halftone (owner's pick 04a, 24 Oct): paper with ink dots in light, black paper with light dots in dark (owner: "valge nav = valge taust mustade täppidega") */
.lp-hero-band{position:relative;isolation:isolate;overflow:hidden}
.lp-hero-band .lp-hero-bg{display:none}
/* the page-wide sheet (agent-bg.js): fixed behind everything, the page scrolls over it */
.lp-page-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:0;transition:opacity .8s ease}
.lp-page-bg.is-on{opacity:1}
.lp-hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity .8s ease}
.lp-hero-bg.is-on{opacity:1}
/* a soft wash behind the text column: the dots fade where you read, stay strong at the edges */
.lp-hero-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse min(46%,560px) 56% at 50% 42%,color-mix(in srgb,var(--lp-paper) 88%,transparent) 0,color-mix(in srgb,var(--lp-paper) 62%,transparent) 55%,rgba(18,17,16,0) 100%)}
.lp-hero-band .lp-hero{padding-bottom:clamp(180px,18vw,260px)}
.lp-hero-band .lp-btn-solid{box-shadow:none}
.lp-hero-band+.lp-demo{position:relative;z-index:2;margin-top:clamp(-220px,-15vw,-120px)}
.lp-hero-band+.lp-demo .lp-frame{box-shadow:6px 6px 0 var(--lp-ink),0 30px 80px -30px rgba(0,0,0,.6)}

/* accounts band */
.lp-band{border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);background:var(--lp-card)}
.lp-band-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px 40px;padding-top:26px;padding-bottom:26px}
.lp-band-h{margin:0;font:500 13px/1.3 var(--font-body);color:var(--lp-muted);max-width:18ch}
.lp-band-names{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 40px}
.lp-band-names li{font:800 clamp(22px,2.2vw,30px)/1 var(--font-display);font-stretch:92%;letter-spacing:-.04em;color:var(--lp-ink)}
.lp-band-proof{margin:0;font-size:14px;line-height:1.5;color:var(--lp-body);max-width:44ch;text-align:right}
.lp-band-proof a{white-space:nowrap}
.lp-band-proof a{font-weight:600}

/* section heads */
.lp-sec-head{text-align:center;display:grid;justify-items:center;margin-bottom:clamp(36px,4.6vw,64px)}
.lp-sec-lede{font-size:clamp(17px,1.35vw,19px);line-height:1.5;color:var(--lp-muted);max-width:56ch;margin:16px 0 0}
.lp-features,.lp-pricing{border-top:0}

/* features bento */
.lp-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-tile{display:grid;grid-template-rows:auto 1fr;gap:22px;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:22px;padding:clamp(20px,2.2vw,28px);overflow:hidden;min-height:300px}
.lp-tile-wide{grid-column:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto;align-items:center}
.lp-tile-h{margin:0 0 8px;font:700 22px/1.15 var(--font-display);font-stretch:92%;letter-spacing:-.01em;color:var(--lp-ink)}
.lp-tile-copy p{margin:0;font-size:15px;line-height:1.5;color:var(--lp-muted);max-width:44ch}
.lp-tile-ink{background:var(--surface-inverse);border-color:var(--surface-inverse)}
.lp-tile-ink .lp-tile-h{color:var(--text-inverse)}
.lp-tile-ink .lp-tile-copy p{color:var(--text-inverse-muted)}
.lp-ht{position:relative;isolation:isolate}
.lp-ht-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity .8s ease;pointer-events:none}
.lp-ht-bg.is-on{opacity:1}
.lp-ui{align-self:end;margin:0;background:var(--lp-paper);border:1px solid var(--lp-line);border-radius:14px;padding:14px 16px;font-size:13.5px;color:var(--lp-body);box-shadow:var(--shadow-paper)}
.lp-ui-tag{display:block;font:500 11px var(--font-mono);color:var(--lp-muted);margin-bottom:8px}
.lp-fact{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:8px 0;border-top:1px solid var(--lp-line)}
.lp-fact span{color:var(--lp-muted)}
.lp-fact b{font-weight:500;color:var(--lp-ink)}
.lp-fact i{font-style:normal;font-weight:600;font-size:12.5px;text-decoration:underline;text-underline-offset:3px;color:var(--lp-ink)}
.lp-ui-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;background:var(--lp-sunk)}
.lp-ui-thumbs img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;display:block}
.lp-ui-thumbs img:nth-child(2){transform:translateY(-8px)}
.lp-ui-checks{list-style:none;display:grid;gap:8px}
.lp-ui-checks li{display:flex;gap:10px;align-items:center}
.lp-ui-checks li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--lp-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5 5.5-5.5' fill='none' stroke='%23F3EDE3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.lp-ui-approve{display:grid;gap:4px;border:1.5px solid var(--text-inverse);background:var(--lp-card);box-shadow:4px 4px 0 var(--text-inverse)}
.lp-ui-title{font:700 18px/1.2 var(--font-display);font-stretch:92%;color:var(--lp-ink)}
.lp-ui-meta{font:400 12px var(--font-mono);color:var(--lp-muted)}
.lp-ui-btns{display:flex;gap:8px;margin-top:10px}
.lp-ui-btns i{font-style:normal;font-weight:500;font-size:13px;border:1.5px solid var(--lp-ink);border-radius:999px;padding:5px 13px;color:var(--lp-ink)}
.lp-ui-btns i.is-solid{background:var(--lp-ink);color:var(--lp-paper)}
.lp-ui-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-ui-nums b{display:block;font:800 34px/1 var(--font-display);font-stretch:92%;letter-spacing:-.04em;color:var(--lp-ink)}
.lp-ui-nums span{font:400 11.5px var(--font-mono);color:var(--lp-muted)}
.lp-ui-why{border-left:3px solid var(--lp-ink);border-radius:4px 14px 14px 4px}
.lp-ui-why p{margin:0;color:var(--lp-ink)}
.lp-sample-note{margin:14px 0 0;font:400 12px var(--font-mono);color:var(--lp-muted);text-align:center}
.lp-roadmap{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-top:28px;padding:18px 22px;border:1px dashed var(--lp-line-2);border-radius:16px}
.lp-roadmap .lp-h3{margin:0}
.lp-roadmap ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font-size:15px;color:var(--lp-body)}
.lp-roadmap li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--lp-muted);margin-right:8px;vertical-align:1px}
.lp-roadmap p{margin:0;font-size:14px;color:var(--lp-muted);flex-basis:100%}

/* pricing */
.lp-plans{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.lp-plan{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:22px;padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:14px}
.lp-plan-pilot{background:var(--surface-inverse);color:var(--text-inverse);border-color:var(--surface-inverse);box-shadow:6px 6px 0 color-mix(in srgb,var(--lp-ink) 25%,transparent)}
.lp-plan-top{display:flex;justify-content:space-between;align-items:center}
.lp-plan-name{margin:0;font:600 14px var(--font-body);color:var(--lp-muted)}
.lp-plan-name-2{margin-top:10px}
.lp-plan-pilot .lp-plan-name{color:var(--text-inverse-muted)}
.lp-plan-badge{font:500 11.5px var(--font-mono);border:1px solid color-mix(in srgb,var(--text-inverse) 40%,transparent);border-radius:999px;padding:3px 10px}
.lp-plan-price{margin:0;font-size:16px;color:var(--text-inverse-muted)}
.lp-plan-price b{font:800 clamp(56px,6vw,84px)/.9 var(--font-display);font-stretch:92%;letter-spacing:-.045em;color:var(--text-inverse);margin-right:8px}
.lp-plan-then{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-inverse-muted)}
.lp-plan .lp-list li{font-size:15px;padding:10px 0 10px 24px}
.lp-plan .lp-list li::before{top:17px;width:8px;height:8px}
.lp-plan-pilot .lp-list{border-color:var(--border-inverse-hairline)}
.lp-plan-pilot .lp-list li{color:var(--text-inverse);border-color:var(--border-inverse-hairline)}
.lp-plan-pilot .lp-list li::before{background:var(--text-inverse)}
.lp-plan-pilot .lp-btn{align-self:flex-start;margin-top:auto}
.lp-plan-note{margin:0;font-size:13.5px;color:var(--text-inverse-muted)}
.lp-plan-fit{margin:0;font-size:14.5px;line-height:1.5;color:var(--lp-muted)}
.lp-plan .lp-arrow{align-self:flex-start;margin-top:auto}
.lp-tiers{margin:0;display:grid;border-top:1px solid var(--lp-line-2)}
.lp-tiers div{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--lp-line)}
.lp-tiers dt{font-size:15px;color:var(--lp-body)}
.lp-tiers dd{margin:0;font:800 26px/1 var(--font-display);font-stretch:92%;color:var(--lp-ink)}
.lp-tiers dd span{font:400 12px var(--font-body);color:var(--lp-muted);margin-left:6px;letter-spacing:0}

/* closing band */
.lp-close{background:var(--surface-inverse);color:var(--text-inverse)}
.lp-close-in{display:grid;justify-items:center;text-align:center;gap:26px;padding-top:clamp(64px,9vw,128px);padding-bottom:clamp(64px,9vw,128px)}
.lp-close-eye{width:min(360px,64vw);height:auto;filter:invert(94%) sepia(8%) saturate(260%) hue-rotate(345deg)}
.lp-close-h{color:var(--text-inverse);max-width:14ch}
.lp-close .lp-cta{margin-top:0}

/* product footer */
.ag-foot{background:var(--lp-paper);border-top:1px solid var(--lp-line);color:var(--lp-body)}
.ag-foot-in{max-width:var(--lp-max);margin:0 auto;padding:56px var(--gutter) 36px;display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px}
.ag-foot-brand img{height:30px;width:auto;display:block;margin-bottom:16px}
.ag-foot-brand p{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--lp-muted);max-width:32ch}
.ag-foot h2{margin:0 0 12px;font:600 13px var(--font-body);color:var(--lp-ink)}
.ag-foot-in>div>a{display:block;padding:6px 0;font-size:14.5px;color:var(--lp-muted);text-decoration:none}
.ag-foot a:hover{color:var(--lp-ink);text-decoration:underline;text-underline-offset:3px}
.ag-foot-brand a{color:var(--lp-body);text-decoration:none}
.ag-foot-bottom{max-width:var(--lp-max);margin:0 auto;padding:18px var(--gutter) 28px;border-top:1px solid var(--lp-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--lp-muted)}
.ag-foot-bottom a{color:var(--lp-muted)}

@media (max-width:1100px){
  .ag-links{display:none}
  .ag-nav-bar{grid-template-columns:auto 1fr auto}
  .ag-menu-btn{display:grid;margin-left:6px}
  .ag-sheet.open{display:grid;align-content:start;grid-auto-rows:max-content;gap:0;padding:8px var(--gutter) 18px;border-top:1px solid var(--lp-line);background:var(--lp-paper)}
  .ag-sheet a{font:600 20px var(--font-display);font-stretch:92%;color:var(--lp-ink);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--lp-line)}
}
@media (max-width:960px){
  .lp-bento{grid-template-columns:1fr 1fr}
  .lp-tile-wide{grid-column:span 2}
  .lp-plans{grid-template-columns:1fr}
  .lp-band-in{grid-template-columns:1fr;text-align:left}
  .lp-band-proof{text-align:left;max-width:none}
  .ag-foot-in{grid-template-columns:1fr 1fr}
  .ag-foot-brand{grid-column:span 2}
}
@media (max-width:640px){
  .lp-hero-band::before{background:radial-gradient(ellipse 120% 64% at 50% 44%,color-mix(in srgb,var(--lp-paper) 92%,transparent) 0,color-mix(in srgb,var(--lp-paper) 78%,transparent) 62%,rgba(18,17,16,0) 100%)}
  .ag-nav-bar{height:58px;gap:10px}
  .ag-brand img{height:26px}
  .ag-login,.ag-lang{display:none}
  .ag-back{padding:7px;border-color:transparent}
  .ag-back span{display:none}
  .ag-left{gap:4px}
  .ag-cta{padding:9px 14px;font-size:14px}
  .ag-cta-long{display:none}
  .ag-cta-short{display:inline}
  .lp-cta .lp-btn{flex:1 1 100%}
  .lp-trust{flex-direction:column;align-items:center;gap:6px}
  .lp-bento{grid-template-columns:1fr}
  .lp-tile-wide{grid-column:auto;grid-template-columns:1fr}
  .lp-tile{min-height:0}
  .lp-band-names{gap:10px 24px}
  .ag-foot-in{grid-template-columns:1fr 1fr;gap:24px}
}

@media (prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}
}