@font-face{font-family:Barlow;src:url('/fonts/barlow-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/plex-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/plex-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:light;--lp-bg:#fff;--lp-surface:#fff;--lp-ink:#382b22;--lp-muted:#786754;--lp-accent:#2f6b46;--lp-red:#b93d32;--lp-line:#e7ddcf;--lp-earth-soft:color-mix(in srgb,var(--lp-line) 32%,var(--lp-surface));--lp-green-soft:color-mix(in srgb,var(--lp-accent) 5%,var(--lp-surface));--lp-font:'IBM Plex Sans',Arial,sans-serif;--lp-heading:Barlow,Arial,sans-serif;--lp-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--lp-bg);color:var(--lp-ink);font:16px/1.65 var(--lp-font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lp-accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--lp-heading);font-weight:600;line-height:1.06;text-wrap:balance}h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-.035em}h3{font-size:24px;letter-spacing:-.02em}code,pre{font-family:var(--lp-mono)}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.eyebrow{font:500 11px/1.6 var(--lp-mono);letter-spacing:.11em}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--lp-surface);z-index:10}.skip:focus{top:10px}.site-header{height:100px;display:flex;align-items:center;gap:32px}.brand{font:700 26px/1 var(--lp-heading);letter-spacing:-.04em;display:flex;align-items:center;white-space:nowrap}.brand-icon{width:30px;height:30px;display:grid;place-items:center;margin-right:10px;background:var(--lp-accent);color:var(--lp-surface);font:500 24px/1 var(--lp-mono);border-radius:8px}.brand-dot{color:var(--lp-accent)}.site-header nav{margin-left:auto;display:flex;gap:32px;font-size:14px}.site-header nav a:hover,.header-action:hover{color:var(--lp-accent)}.header-action{padding:10px 18px;border:1px solid var(--lp-line);border-radius:6px;font-size:14px;display:flex;gap:20px;align-items:center}.hero{display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:50px;padding-block:64px 88px}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:26px}.signal{width:7px;height:7px;background:var(--lp-accent);border-radius:50%}.hero h1{font-size:clamp(48px,5.6vw,76px);line-height:1.02;font-weight:700;letter-spacing:-.045em}.hero h1 span{color:var(--lp-accent)}.lead{margin-top:26px;max-width:410px;font-size:19px;line-height:1.6;color:var(--lp-muted)}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;border-radius:6px;padding:14px 21px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px color-mix(in srgb,var(--lp-accent) 15%,transparent)}.primary{background:var(--lp-accent);color:var(--lp-surface)}.text-link{display:inline-flex;gap:15px;align-items:center;font-size:14px;font-weight:500}.text-link:hover{color:var(--lp-accent)}.hero-footnote{font-size:12px;line-height:1.75;color:var(--lp-muted);margin-top:30px}.demo-stage{min-width:0;position:relative;padding-left:12px}.demo-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.sample-label{font-size:11px;color:var(--lp-muted)}.scenario-switch{display:flex;gap:3px;margin-bottom:16px;padding:4px;background:var(--lp-line);border-radius:8px}.scenario-switch button{flex:1;border:0;background:transparent;border-radius:5px;font-size:11px;font-weight:500;padding:9px 8px;cursor:pointer;white-space:nowrap;color:var(--lp-muted)}.scenario-switch button[aria-pressed=true]{background:var(--lp-surface);color:var(--lp-ink);box-shadow:0 2px 6px color-mix(in srgb,var(--lp-ink) 8%,transparent)}.mail-card{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:12px;overflow:hidden;box-shadow:0 16px 50px color-mix(in srgb,var(--lp-ink) 6%,transparent)}.mail-top{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--lp-line);font-size:12px;font-weight:500}.mail-symbol{font-size:18px;color:var(--lp-accent)}.demo-tag{margin-left:auto;letter-spacing:.08em;font:10px var(--lp-mono);color:var(--lp-muted)}.mail-meta{margin:0;padding:15px 20px;font-size:11px;border-bottom:1px solid var(--lp-line)}.mail-meta div{display:flex;gap:14px;padding:3px 0;min-width:0}.mail-meta dt{color:var(--lp-muted);width:58px;flex-shrink:0}.mail-meta dd{margin:0;overflow-wrap:anywhere;font-family:var(--lp-mono);font-size:10px}.mail-body{padding:26px 32px 25px}.mail-project{font:10px var(--lp-mono);letter-spacing:.12em;color:var(--lp-muted)}.mail-body h2{font-size:26px;margin-top:13px;letter-spacing:-.02em}.mail-body p{font-size:12px;color:var(--lp-muted);margin-top:10px}.mail-highlight{width:fit-content;max-width:100%;padding:10px 16px;margin-block:20px 14px;border-radius:5px;background:var(--lp-bg);border:1px solid var(--lp-line);font:500 30px/1.4 var(--lp-mono);letter-spacing:.06em;color:var(--lp-accent);overflow-wrap:anywhere}.mail-highlight.is-link{font-size:11px;letter-spacing:0;line-height:1.8}.mail-body .mail-small{font-size:10px}.auth-row{border-top:1px solid var(--lp-line);padding:12px 20px;display:flex;align-items:center;gap:18px;font:10px var(--lp-mono);color:var(--lp-muted);flex-wrap:wrap}.auth-row .auth-label{margin-left:auto;font:10px var(--lp-font)}.extraction-card{margin:-1px -12px 0 30px;border:1px solid var(--lp-accent);border-radius:0 0 10px 10px;padding:15px 20px 17px;background:var(--lp-bg);position:relative;box-shadow:0 10px 30px color-mix(in srgb,var(--lp-accent) 6%,transparent)}.extraction-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500}.flow-arrow{font:24px/1 var(--lp-mono);color:var(--lp-accent)}.result-check{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--lp-line);border-radius:50%;color:var(--lp-accent);font-size:12px}.extraction-value{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-block:12px 9px;min-width:0}.extraction-value code{font-size:11px;color:var(--lp-muted)}.extraction-value strong{font:500 17px var(--lp-mono);color:var(--lp-accent);overflow-wrap:anywhere;text-align:right}.extraction-value strong.is-link{font-size:11px;max-width:60%}.assertion{display:block;font-size:10px;overflow-wrap:anywhere}.demo-note{font-size:10px;color:var(--lp-muted);padding:14px 0 0 30px;max-width:500px}.use-strip{background:var(--lp-surface);border-block:1px solid var(--lp-line);padding:23px 0}.use-strip .wrap{display:flex;align-items:center;gap:28px;justify-content:space-between}.use-strip span{font:10px/1.7 var(--lp-mono);letter-spacing:.08em;max-width:180px;color:var(--lp-muted)}.use-strip p{font-size:13px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.use-strip i{font-style:normal;color:var(--lp-line)}.workflow{padding-block:88px 82px}.section-heading{max-width:650px}.section-heading h2{margin-top:17px}.section-heading>p:last-child{margin-top:20px;color:var(--lp-muted);max-width:570px}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:42px;padding:0;margin:46px 0 0}.steps li{padding-top:24px;border-top:1px solid var(--lp-line);min-width:0}.step-index{display:inline-block;font:12px var(--lp-mono);color:var(--lp-accent);margin-bottom:18px}.steps p{font-size:14px;color:var(--lp-muted);margin-top:14px;max-width:310px}.steps code{display:block;font-size:10px;margin-top:20px;overflow-wrap:anywhere}.features{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;padding-block:64px 88px;border-top:1px solid var(--lp-line)}.feature-intro h2{margin-top:17px}.feature-intro>p:not(.eyebrow){color:var(--lp-muted);margin-top:22px;max-width:365px}.feature-intro .text-link{margin-top:25px}.feature-list{margin:0;display:flex;flex-direction:column;gap:25px}.feature-list>div{border-bottom:1px solid var(--lp-line);padding-bottom:24px}.feature-list>div:last-child{border-bottom:0;padding-bottom:0}.feature-list dt{font-size:16px;font-weight:500;display:flex;gap:17px;align-items:center}.feature-list dt span{font:24px var(--lp-mono);color:var(--lp-accent);width:24px;text-align:center}.feature-list dd{margin:8px 0 0 41px;font-size:13px;color:var(--lp-muted);max-width:385px}.api-section{padding:60px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-surface);display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.api-copy h2{margin-block:17px 24px}.api-copy p:not(.eyebrow){font-size:14px;color:var(--lp-muted);max-width:320px}.api-copy .api-detail{margin-top:15px;font-size:12px!important}.api-copy .text-link{margin-top:25px}.code-window{border:1px solid var(--lp-line);border-radius:9px;overflow:hidden;min-width:0;align-self:center;background:var(--lp-bg)}.code-window-head{display:flex;align-items:center;gap:9px;padding:12px 17px;border-bottom:1px solid var(--lp-line);font:11px var(--lp-mono);color:var(--lp-muted)}.code-dot{width:7px;height:7px;border-radius:50%;background:var(--lp-accent)}.code-window-head button{margin-left:auto;border:1px solid var(--lp-line);border-radius:4px;background:var(--lp-surface);padding:4px 8px;color:var(--lp-ink);font-size:10px;cursor:pointer}.code-window pre{margin:0;padding:23px 20px;font-size:11px;line-height:1.85;overflow-x:auto;color:var(--lp-ink);max-width:100%}.code-window-foot{padding:12px 17px;border-top:1px solid var(--lp-line);font-size:9px;color:var(--lp-muted);display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.endpoint-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--lp-line);padding-top:28px}.endpoint-list p{grid-column:1/-1;font:10px var(--lp-mono);color:var(--lp-muted);letter-spacing:.04em}.endpoint-list>div{min-width:0;display:flex;flex-direction:column;gap:6px}.endpoint-list code{font-size:10px;overflow-wrap:anywhere}.endpoint-list span{font-size:11px;color:var(--lp-muted)}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding-block:88px}.faq h2{margin-top:17px}.faq-list{display:flex;flex-direction:column}.faq details{border-bottom:1px solid var(--lp-line);padding-block:20px}.faq details:first-child{padding-top:0}.faq summary{list-style:none;cursor:pointer;font-size:15px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:18px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:20px var(--lp-mono);color:var(--lp-accent);flex-shrink:0}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;color:var(--lp-muted);margin-top:16px;max-width:570px}.closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:44px 0 60px;border-top:1px solid var(--lp-line)}.closing h2{margin-top:18px;font-size:clamp(32px,3.6vw,46px)}.site-footer{border-top:1px solid var(--lp-line);display:flex;align-items:center;gap:30px;padding-block:28px 34px}.site-footer .brand{font-size:22px}.site-footer p{font-size:12px;color:var(--lp-muted)}.site-footer>span{margin-left:auto;font-size:10px;color:var(--lp-muted)}.panel-notice{min-height:calc(100vh - 200px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;max-width:700px;padding-block:70px}.panel-notice h1{font-size:clamp(40px,6vw,64px);letter-spacing:-.04em}.panel-notice>p:not(.eyebrow){color:var(--lp-muted);max-width:550px}.demo-changed{animation:sample-in .3s ease-out}@keyframes sample-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* Red identifies actions; green identifies successful extraction. */
.brand-icon,.primary{background:var(--lp-red);color:var(--lp-surface)}
.brand-dot,.mail-symbol{color:var(--lp-red)}
.primary:hover{box-shadow:0 7px 20px color-mix(in srgb,var(--lp-red) 18%,transparent)}
.scenario-switch,.mail-top,.mail-meta,.code-window,.use-strip{background:var(--lp-earth-soft)}
.scenario-switch button[aria-pressed=true]{color:var(--lp-accent)}
.mail-highlight,.extraction-card{background:var(--lp-green-soft)}
.auth-row>span:not(.auth-label){color:var(--lp-accent)}
.result-check{background:var(--lp-accent);border-color:var(--lp-accent);color:var(--lp-surface)}
.step-index,.feature-list dt span,.code-dot,.faq summary span{color:var(--lp-muted)}
.code-dot{background:var(--lp-red)}
@media(min-width:1500px){.hero{padding-block:90px 100px}}
@media(max-width:1050px){.wrap{width:calc(100% - 52px)}.hero{gap:28px}.hero h1{font-size:64px}.lead{font-size:17px}.features{gap:40px}.api-section{padding:40px;gap:25px}.steps{gap:25px}.use-strip .wrap{align-items:flex-start}.use-strip p{gap:12px}.site-header nav{gap:20px}.mail-body{padding-inline:25px}.scenario-switch button{font-size:10px;padding-inline:6px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:15px}.site-header nav{display:none}.header-action{margin-left:auto}.hero{grid-template-columns:1fr;padding-block:38px 55px;gap:43px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(54px,10vw,74px)}.lead{max-width:490px;font-size:18px}.hero-footnote br{display:none}.demo-stage{padding-left:0;max-width:560px;width:100%;justify-self:center}.demo-caption{margin-bottom:15px}.scenario-switch button{font-size:11px}.extraction-card{margin-right:0}.use-strip .wrap{display:block}.use-strip span{display:block;max-width:none;margin-bottom:12px}.use-strip p{font-size:12px}.workflow{padding-block:60px}.steps{gap:20px}.steps h3{font-size:20px}.steps p{font-size:12px}.features{padding-block:40px 60px;gap:40px}.features h2{font-size:36px}.feature-list dt{font-size:14px}.feature-list dd{font-size:12px}.api-section{grid-template-columns:1fr;padding:30px;gap:30px}.api-copy p:not(.eyebrow){max-width:600px}.api-copy h2 br{display:none}.endpoint-list{gap:15px}.faq{padding-block:60px;gap:35px;grid-template-columns:1fr}.faq-list{max-width:650px}.site-footer{gap:18px;flex-wrap:wrap}.site-footer>span{margin-left:0}.code-window pre{font-size:11px}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.site-header .brand{font-size:24px}.brand-icon{width:26px;height:26px;font-size:20px}.header-action{padding:8px 12px;gap:12px;font-size:12px}.hero{padding-top:30px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.07em}.hero h1{font-size:56px}.lead{font-size:16px;line-height:1.7;margin-top:23px}.hero-actions{gap:20px;margin-top:25px}.button{padding:13px 18px;font-size:13px;gap:22px}.text-link{font-size:13px}.hero-footnote{font-size:11px;margin-top:24px}.demo-caption .eyebrow{font-size:9px;letter-spacing:.055em}.sample-label{font-size:9px}.scenario-switch button{font-size:9px;padding:10px 4px}.mail-top{padding-inline:15px}.mail-meta{padding-inline:15px}.mail-meta dd{font-size:9px}.mail-body{padding:25px 22px}.mail-body h2{font-size:25px}.mail-highlight{font-size:27px}.auth-row{padding:11px 14px;gap:13px;font-size:9px}.auth-row .auth-label{font-size:9px}.extraction-card{margin-left:18px;padding-inline:16px}.extraction-value strong{font-size:16px}.extraction-value code{font-size:10px}.demo-note{padding-left:18px;font-size:9px}.steps{grid-template-columns:1fr;gap:27px;margin-top:32px}.steps li{padding-top:20px}.steps h3{font-size:24px}.step-index{margin-bottom:13px}.steps p{font-size:14px;max-width:none;margin-top:10px}.steps code{margin-top:14px;font-size:11px}.section-heading h2{font-size:36px}.section-heading>p:last-child{font-size:14px}.features{grid-template-columns:1fr;gap:35px}.feature-intro h2{font-size:38px}.feature-intro>p:not(.eyebrow){font-size:14px}.feature-list dt{font-size:15px}.feature-list dd{font-size:13px}.api-section{padding:25px 18px;width:calc(100% - 36px);border-radius:10px}.api-copy h2{font-size:36px}.code-window pre{font-size:10px;padding:20px 16px}.endpoint-list{grid-template-columns:1fr;gap:16px}.endpoint-list code{font-size:11px}.faq h2{font-size:36px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing{align-items:flex-start;flex-direction:column;padding-bottom:45px;gap:28px}.closing h2{font-size:38px}.site-footer{align-items:flex-start;flex-direction:column;gap:13px}.site-footer .brand{font-size:24px}.site-footer>span{font-size:11px}.panel-notice{min-height:calc(100vh - 150px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}