.marketing{width:min(1280px, calc(100% - 2 * var(--v-public-gutter)));margin-inline:auto}.marketing-hero{grid-template-columns:1.25fr 1fr;align-items:end;gap:24px 72px;padding:clamp(48px,7vw,100px) 0 56px;display:grid}.marketing-hero .eyebrow{grid-column:1/-1}.marketing-hero h1{text-wrap:balance;max-width:15ch;font-size:clamp(40px,5.3vw,72px);font-weight:400;line-height:1.12}.marketing-hero .hero-copy{gap:24px;max-width:49ch;padding-bottom:4px;display:grid}.hero-copy p,.section-intro{color:var(--muted);font-size:16px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.action{background:var(--violet);color:oklch(22% .04 295);min-height:46px;transition:background-color var(--v-motion-hover) ease-out, transform var(--v-motion-press) ease-out;border-radius:5px;justify-content:space-between;align-items:center;gap:24px;padding:13px 19px;font-size:13px;font-weight:750;display:inline-flex}.action:after{content:"↗";transition:transform var(--v-motion-hover) var(--v-motion-ease);font-size:18px;font-weight:500}@media (hover:hover) and (pointer:fine){.action:hover{background:oklch(84% .1 300)}.action:hover:after{transform:translate(2px,-2px)}.action:active{transform:scale(.98)}}.marketing a.inline-link{text-underline-offset:4px;color:var(--mint);text-decoration:underline}.marketing-note{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:start;gap:24px;padding:24px 0;font-size:13px;line-height:1.8;display:flex}.marketing-note p{max-width:74ch}.marketing-note .eyebrow{flex-shrink:0;padding-top:4px}.marketing-section{border-bottom:1px solid var(--line);padding-block:clamp(40px,6vw,72px)}.marketing-section h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3.3vw,42px);line-height:1.25}.section-top{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.section-top p{max-width:46ch;color:var(--muted);font-size:14px;line-height:1.8}.marketing-close{justify-content:space-between;align-items:center;gap:32px;padding:64px 0 80px;display:flex}.marketing-close h2{letter-spacing:-.04em;margin-top:16px;font-size:clamp(30px,4vw,48px);line-height:1.2}.inspector-controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px 28px;padding:18px 0;font-size:12px;display:flex}.control-group{align-items:center;gap:12px;display:flex}.control-buttons{gap:4px;display:flex}.control-buttons button{border:1px solid var(--line);border-radius:4px;min-height:44px;padding:10px 12px;font-size:12px}.control-buttons button[aria-pressed=true]{background:var(--raised);color:var(--mint);border-color:var(--muted)}.inspector-controls select{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;min-height:44px;padding:8px 12px}.inspector-controls select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.inspector{--preview-ground:oklch(24% .012 158);--preview-zoom:1}.inspector[data-ground=light]{--preview-ground:oklch(94% .015 130)}.inspector[data-ground=mint]{--preview-ground:oklch(77% .075 158)}.specimen{border-top:1px solid var(--line);grid-template-columns:140px minmax(0,1fr) 205px;gap:28px;padding:32px 0;display:grid}.specimen-label{align-content:start;gap:12px;display:grid}.specimen-label span{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:12px}.specimen-label h2{letter-spacing:-.03em;font-size:24px}.specimen-label p{color:var(--muted);max-width:16ch;font-size:12px;line-height:1.8}.sample-pair{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.sample-pair figure{min-width:0;margin:0}.sample-pair figcaption{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.sample-pair figcaption strong{color:var(--text);font-weight:600}.sample-well{aspect-ratio:1;background-color:var(--preview-ground);border:1px solid var(--line);border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.inspector[data-ground=checker] .sample-well{background-image:conic-gradient(oklch(32% .012 158) 25%, transparent 0 50%, oklch(32% .012 158) 0 75%, transparent 0);background-size:24px 24px}.sample-well img{object-fit:contain;width:85%;height:85%;transform:scale(var(--preview-zoom));display:block}.sample-well.pixelated img{image-rendering:pixelated}.specimen-rail{flex-direction:column;gap:16px;display:flex}.specimen-rail dl{grid-template-columns:1fr auto;gap:10px;margin:0;font-size:12px;display:grid}.specimen-rail dt{color:var(--quiet)}.specimen-rail dd{font-variant-numeric:tabular-nums;margin:0}.specimen-rail p{color:var(--muted);font-size:12px;line-height:1.8}.downloads{flex-wrap:wrap;gap:8px 18px;display:flex}.downloads a{min-height:44px;color:var(--mint);text-underline-offset:4px;align-items:center;font-size:12px;text-decoration:underline;display:inline-flex}.method-summary{grid-template-columns:1fr 1.6fr;gap:56px;display:grid}.method-summary .prose{font-size:15px}.method-summary h2{max-width:16ch}.method-summary dl{grid-template-columns:110px 1fr;gap:12px 20px;margin:24px 0;font-size:13px;line-height:1.8;display:grid}.method-summary dt{color:var(--quiet)}.method-summary dd{overflow-wrap:anywhere;margin:0}.price-intro{color:var(--muted);margin-bottom:36px;font-size:13px;line-height:1.8}.price-row{border-top:1px solid var(--line);grid-template-columns:1fr 155px 1.3fr 180px;align-items:center;gap:28px;padding:36px 0;display:grid}.price-row h2{letter-spacing:-.03em;margin:10px 0;font-size:25px}.price-row .plan-for{color:var(--muted);max-width:27ch;font-size:13px;line-height:1.8}.price-amount{letter-spacing:-.05em;font-family:Sora,sans-serif;font-size:44px;line-height:1.1}.price-amount span{letter-spacing:0;color:var(--muted);margin-top:8px;font:12px/1.8 Manrope,sans-serif;display:block}.price-terms{color:var(--muted);gap:10px;font-size:14px;line-height:1.75;display:grid}.price-terms strong{color:var(--text);font-weight:650}.price-row .action{font-size:12px}.price-row .eyebrow{font-size:10px}.price-row.api-plan{border-bottom:1px solid var(--line)}.price-row.api-plan .eyebrow{color:var(--violet)}.faq-list{grid-template-columns:1fr 1fr;column-gap:64px;margin-top:28px;display:grid}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;min-height:44px;font-size:15px;font-weight:600;line-height:1.7}.faq-list summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.faq-list p{color:var(--muted);max-width:62ch;margin-top:10px;font-size:14px;line-height:1.9}.guide-index-row{border-top:1px solid var(--line);grid-template-columns:42px 1fr 220px;align-items:center;gap:32px;padding:36px 0;display:grid}.guide-index-row>span{color:var(--quiet);align-self:start;padding-top:8px;font-size:12px}.guide-index-row h2{letter-spacing:-.03em;max-width:26ch;margin:12px 0;font-size:clamp(25px,3vw,36px);line-height:1.35}.guide-index-row h2 a:hover{color:var(--mint)}.guide-index-row p{color:var(--muted);max-width:57ch;font-size:14px;line-height:1.85}.guide-thumb{aspect-ratio:1.5;background:var(--surface);border:1px solid var(--line);border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.guide-thumb img{object-fit:contain;width:62%;height:78%}.guide-thumb .thumb-pixels{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;clip-path:inset(0 50% 0 0);padding:15%;position:absolute;inset:0}.guide-thumb .thumb-label{color:var(--quiet);letter-spacing:.05em;font-size:9px;position:absolute;bottom:9px;left:12px}.guide-heading{max-width:900px;padding-block:60px 40px}.guide-heading h1{text-wrap:balance;margin:22px 0;font-size:clamp(38px,5vw,62px);line-height:1.14}.guide-heading .section-intro{max-width:64ch}.guide-byline{color:var(--quiet);margin-top:22px;font-size:12px}.guide-body{grid-template-columns:minmax(0,720px) 240px;gap:clamp(40px,8vw,112px);margin-top:40px;display:grid}.guide-body .prose{font-size:16px;line-height:1.95}.guide-body .prose h2{font-size:27px}.guide-side{border-top:1px solid var(--line);align-self:start;padding-top:20px;position:sticky;top:32px}.guide-side h2{color:var(--quiet);margin-bottom:12px;font:600 12px/1.8 Manrope,sans-serif}.guide-side a{min-height:44px;color:var(--muted);padding:9px 0;font-size:12px;line-height:1.7;display:block}.guide-side a:hover{color:var(--mint)}.guide-figure{border-block:1px solid var(--line);margin:0;padding-block:24px}.guide-figure>figcaption{color:var(--muted);max-width:78ch;margin-top:18px;font-size:13px;line-height:1.8}.guide-visual{grid-template-columns:1fr 1fr;gap:24px;display:grid}.guide-visual .sample-well{aspect-ratio:2;min-height:200px}.guide-visual .sample-well img{width:70%;height:80%;max-height:160px}.guide-visual pre{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin:0;padding:28px;font:13px/2 ui-monospace,monospace;overflow:auto}.guide-visual code{color:var(--mint)}.visual-label{color:var(--muted);align-items:center;gap:12px;margin-bottom:12px;font-size:12px;line-height:1.7;display:flex}.visual-label strong{color:var(--text);font-weight:600}.vector-check{border:1px solid var(--line);background:var(--surface);border-radius:4px;align-content:center;gap:20px;padding:28px;display:grid}.vector-check p{color:var(--muted);font-size:14px;line-height:1.8}.vector-check strong{color:var(--text);font-family:Sora,sans-serif;font-size:24px;font-weight:450;display:block}.checker-art{background:conic-gradient(oklch(32% .012 158) 25%, var(--surface) 0 50%, oklch(32% .012 158) 0 75%, var(--surface) 0);background-size:24px 24px}.guide-related{flex-wrap:wrap;gap:16px 28px;padding-top:48px;display:flex}.guide-related a{color:var(--mint);align-items:center;min-height:44px;font-size:14px;display:flex}.guide-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.guide-breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.guide-breadcrumb a:hover{color:var(--mint)}.guide-cover{margin:0}.guide-example{margin-top:40px}.guide-cover>img{border-radius:4px;width:100%;height:auto;display:block}.guide-cover figcaption{color:var(--quiet);margin-top:12px;font-size:12px;line-height:1.8}.guide-thumb .guide-cover-thumb{object-fit:cover;width:100%;height:100%}@media (width<=1100px){.specimen{grid-template-columns:110px minmax(0,1fr);gap:24px}.specimen-rail{grid-column:2;grid-template-columns:1fr 1fr;gap:16px 28px;display:grid}.specimen-rail .downloads{grid-column:1/-1}.price-row{grid-template-columns:1fr 140px 1.2fr}.price-row .action{grid-column:3;justify-self:start}}@media (width<=800px){.marketing-hero{grid-template-columns:1fr;gap:24px}.marketing-hero h1{max-width:19ch}.marketing-hero .hero-copy{max-width:58ch}.marketing-note{flex-direction:column;gap:12px}.method-summary{grid-template-columns:1fr;gap:28px}.method-summary h2{max-width:none}.guide-body{grid-template-columns:1fr}.guide-side{display:none}.guide-index-row{grid-template-columns:30px 1fr 150px;gap:20px}.guide-visual{gap:16px}.guide-visual pre{padding:20px;font-size:11px}}@media (width<=600px){.marketing-hero{padding:44px 0 36px}.marketing-hero h1{font-size:40px}.hero-copy p{font-size:15px}.specimen{grid-template-columns:1fr;padding-block:28px}.specimen-label{flex-wrap:wrap;align-items:baseline;gap:10px 14px;display:flex}.specimen-label h2{font-size:23px}.specimen-label p{flex-basis:100%;max-width:none}.sample-pair{gap:8px}.sample-pair figcaption{flex-direction:column;gap:3px;font-size:11px}.specimen-rail{grid-column:auto;grid-template-columns:1fr}.specimen-rail dl{max-width:280px}.specimen-rail p{font-size:13px}.inspector-controls{gap:8px 20px}.control-group{flex-wrap:wrap}.control-buttons button{padding-inline:10px}.price-row{grid-template-columns:1fr auto;gap:22px 16px;padding-block:28px}.price-amount{text-align:right;font-size:38px}.price-terms,.price-row .action{grid-column:1/-1}.faq-list{grid-template-columns:1fr}.section-top,.marketing-close{flex-direction:column;align-items:start}.marketing-close{padding-block:44px 56px}.guide-index-row{grid-template-columns:25px 1fr;gap:18px}.guide-thumb{grid-column:2;width:100%;max-width:320px}.guide-heading{padding-top:40px}.guide-heading h1{font-size:37px}.guide-visual{grid-template-columns:1fr}.guide-visual .sample-well{min-height:180px}.guide-body .prose{font-size:15px}.guide-figure{padding-block:20px}}.guide-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-visual>*,.guide-body>*{min-width:0}.guide-visual .sample-well{width:100%;min-width:0}.price-row .action{gap:12px;padding-inline:16px}@media (width<=600px){.guide-visual{grid-template-columns:minmax(0,1fr)}}.metric-definitions{gap:12px;display:grid}.metric-definitions dt{color:var(--text);margin-top:16px;font-weight:650}.metric-definitions dd{margin:0}