*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--gray-050);color:var(--gray-900);font:16px/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--primary-700);text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
a,summary{touch-action:manipulation}
:focus-visible{outline:3px solid var(--primary-500);outline-offset:4px}
.skip{position:absolute;left:20px;top:-100px;padding:12px 20px;background:var(--white);z-index:10}.skip:focus{top:12px}
header{background:var(--white);border-bottom:1px solid var(--gray-200)}
.header-inner{max-width:1184px;min-height:76px;padding:12px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{color:var(--primary-900);font-size:21px;font-weight:700;letter-spacing:-.025em;text-decoration:none}
.wordmark span{margin-left:12px;color:var(--gray-500);font-size:17px;font-weight:400;letter-spacing:0}
header nav{display:flex;gap:24px;align-items:center}header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}header nav a[aria-current]{color:var(--gray-700);text-decoration:underline}
main{max-width:1184px;padding:0 32px;margin:auto}
h1,h2,h3,p{margin:0}
.intro{padding:56px 0 32px}
.eyebrow{font-size:13px;font-weight:600;color:var(--primary-700);margin-bottom:16px}
h1{font-size:40px;line-height:1.16;letter-spacing:-.035em;font-weight:600;max-width:32ch}
.lead{font-size:19px;line-height:1.55;max-width:62ch;margin-top:22px;color:var(--gray-700)}
.method{font-size:14px;max-width:80ch;color:var(--gray-500);margin-top:16px}
.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.intro-actions>a{min-height:44px;display:inline-flex;align-items:center}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:6px;background:var(--primary-700);color:var(--white);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
.button:hover{background:var(--primary-900);text-decoration:none}
.case-index{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:36px;border-top:1px solid var(--gray-200);padding-top:16px}
.case-index a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.case{padding:36px 0 40px;border-top:1px solid var(--gray-200);scroll-margin-top:24px}
.case-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.case-label{font-size:13px;color:var(--gray-500);margin-bottom:7px}
.case h2{font-size:28px;line-height:1.3;letter-spacing:-.02em;font-weight:600}
.try-query{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;white-space:nowrap}
.explanation{max-width:78ch;margin-top:12px;color:var(--gray-700);font-size:15px}
.comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:24px}
.result-column{padding:18px 0 0;border-top:2px solid var(--gray-300);min-width:0}
.result-column.new{border-top-color:var(--primary-700)}
.result-column h3{font-size:15px;font-weight:600}.result-column.new h3{color:var(--primary-700)}
.capture{font-size:12px;color:var(--gray-500);margin-top:3px}
.products{padding-left:27px;margin:14px 0 0;font-size:14px;font-variant-numeric:tabular-nums}
.products li{padding:12px 4px 14px 9px;border-bottom:1px solid var(--gray-200)}
.products li::marker{color:var(--gray-500);font-size:12px}
.products p{font-size:15px;line-height:1.5;overflow-wrap:anywhere;font-weight:500}
.products span{display:block;font-size:12px;color:var(--gray-500);margin-top:5px;overflow-wrap:anywhere}
details{margin-top:6px}summary{cursor:pointer;color:var(--primary-700);font-size:13px;min-height:44px;padding:12px 0}details .products{margin-top:0}
.only-result{font-size:13px;color:var(--gray-500);margin-top:16px}
.technology{padding:48px 0 40px;border-top:2px solid var(--primary-900)}
.technology h2{font-size:30px;line-height:1.25;letter-spacing:-.02em;font-weight:600}
.tech-intro{max-width:70ch;margin-top:20px;color:var(--gray-700)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:32px 0;padding:0;list-style:none;counter-reset:steps}
.steps li{counter-increment:steps;border-top:1px solid var(--gray-300);padding-top:16px}
.steps h3{font-size:16px;margin-bottom:8px;font-weight:600}.steps h3::before{content:counter(steps) ". ";color:var(--primary-700)}
.steps p{font-size:14px;color:var(--gray-700)}
.tech-detail{font-size:14px;color:var(--gray-500);max-width:88ch}.source{margin-top:16px;font-size:13px;color:var(--gray-500)}.source a{display:inline-block;padding:10px 0}
.closing{padding:28px 0;border-top:1px solid var(--gray-200);display:flex;gap:24px;align-items:center;justify-content:space-between}.closing h2{font-size:20px;font-weight:600}.closing p{font-size:14px;color:var(--gray-500);margin-top:6px}
footer{padding:24px 0 36px;border-top:1px solid var(--gray-200);font-size:12px;color:var(--gray-500)}footer p{max-width:100ch}footer p+p{margin-top:8px}
@media(max-width:800px){.header-inner,main{padding-left:20px;padding-right:20px}.wordmark span{display:none}h1{font-size:33px}.intro{padding-top:36px}.comparison{gap:24px}.case-heading{align-items:flex-start}.case h2{font-size:25px}.steps{gap:24px}.closing{align-items:flex-start}}
@media(max-width:600px){.header-inner{gap:12px;min-height:68px}.wordmark{font-size:19px}header nav{gap:16px}header nav a{font-size:13px}.intro{padding-top:32px}h1{font-size:30px;line-height:1.2}.lead{font-size:17px}.case{padding-top:28px}.case-heading{display:block}.try-query{margin-top:4px}.explanation{margin-top:8px}.comparison{grid-template-columns:1fr;gap:24px}.case-index{column-gap:20px;margin-top:28px}.technology h2{font-size:27px}.steps{grid-template-columns:1fr;gap:24px}.steps p{max-width:65ch}.closing{display:block}.closing .button{margin-top:18px}.products li{padding-top:10px;padding-bottom:12px}}