.pub{--pub-readable:color-mix(in oklch,var(--subtle) 75%,var(--text));--pub-gutter:48px;--pub-display:-0.055em;--pub-tint:color-mix(in srgb,var(--accent-blue) 10%,var(--surface));min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased}.pub a{color:inherit;text-decoration:none}.pub :where(a,button,summary,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:4px;border-radius:var(--radius-control)}.pub-wrap{max-width:1320px;padding-inline:var(--pub-gutter);margin-inline:auto}.pub-mono{font-family:var(--mono);font-size:calc(var(--fs-2xs) * 1.1);line-height:1.5;letter-spacing:.06em;text-transform:uppercase}.pub-skip{position:fixed;inset-block-start:-100px;inset-inline-start:20px;z-index:40;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control)}.pub-skip:focus{inset-block-start:10px}.pub-header{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:80px;padding-inline:max(var(--pub-gutter),calc((100% - 1224px) / 2));background:color-mix(in oklch,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.pub-logo{display:inline-flex;align-items:center;gap:10px;font-size:calc(var(--fs-lg) * 1.15);font-weight:var(--weight-semibold);letter-spacing:-.055em}.pub-header nav ul{display:flex;gap:30px;margin:0;padding:0;list-style:none}.pub-header nav a,.pub-header-actions>a:not(.pub-button){display:flex;align-items:center;min-height:44px;font-size:var(--fs-sm)}.pub-header nav a:hover,.pub-header-actions>a:not(.pub-button):hover{text-decoration:underline;text-underline-offset:6px}.pub-header-actions{display:flex;align-items:center;gap:30px}.pub-header .pub-button{min-height:42px;padding:9px 17px}.pub-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:12px 22px;background:var(--text);color:var(--bg);border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--fs-base);font-weight:var(--weight-semibold);transition:transform var(--motion-normal),background var(--motion-normal)}.pub-button:hover{transform:translateY(-2px)}.pub .pub-primary{background:var(--accent-blue);color:var(--accent-ink)}.pub .pub-primary:hover{background:color-mix(in oklch,var(--accent-blue) 88%,var(--text))}.pub-text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding-block:12px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);font-size:var(--fs-sm)}.pub-text-link:hover{border-color:var(--text)}.pub-footer{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);padding:56px max(var(--pub-gutter),calc((100% - 1224px) / 2)) 28px}.pub-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:32px;gap:32px}.pub-footer-brand{display:flex;flex-direction:column;gap:6px;margin:0;font-size:var(--fs-sm);color:var(--pub-readable)}.pub-footer-brand strong{color:var(--text);font-size:var(--fs-lg);letter-spacing:-.04em}.pub-footer h2{margin:0 0 12px;font-family:var(--mono);font-size:var(--fs-2xs);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}.pub-footer-grid>nav{display:block}.pub-footer ul{display:grid;align-content:start;grid-gap:2px;gap:2px;margin:0;padding:0;list-style:none}.pub-footer nav a{display:inline-flex;align-items:center;min-height:32px;font-size:var(--fs-sm);color:var(--pub-readable)}.pub-footer nav a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.pub-footer-legal{margin:40px 0 0;-webkit-padding-before:20px;padding-block-start:20px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);font-size:var(--fs-xs);color:var(--subtle)}html:has(.pub){scroll-padding-block-start:96px}@media (max-width:639px){html:has(.pub){scroll-padding-block-start:84px}}@media (prefers-reduced-motion:no-preference){html:has(.pub){scroll-behavior:smooth}}.pub-landing{display:block;overflow-x:clip}.pub-landing p{margin:0;color:var(--pub-readable)}.pub-landing :where(h1,h2,h3){margin:0;font-weight:var(--weight-semibold);line-height:1.04;letter-spacing:var(--pub-display);text-wrap:balance;overflow-wrap:anywhere}.pub-landing h1{font-size:calc(var(--fs-xl) * 2.7)}.pub-landing h2{font-size:calc(var(--fs-xl) * 2)}.pub-landing h3{font-size:calc(var(--fs-lg) * 1.25);letter-spacing:-.035em;line-height:1.2}.pub-landing .pub-section-top h2{max-width:760px}.pub-landing a:not(.pub-button,.pub-text-link){text-decoration:underline;text-underline-offset:3px}.pub-badge{padding:4px 7px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--pub-readable);font-family:var(--mono);font-size:calc(var(--fs-2xs) * .9);letter-spacing:.04em;text-transform:uppercase}.pub-post{display:grid;grid-template-columns:112px minmax(0,1fr);min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface)}.pub-post-text{grid-template-columns:minmax(0,1fr)}.pub-post-media{position:relative;display:flex;align-items:flex-end;min-height:112px;padding:10px;background:var(--pub-tint)}.pub-post-video .pub-post-media{background:var(--violet-tint)}.pub-post-headline{max-width:100%;color:var(--text);font-size:var(--fs-xs);font-weight:var(--weight-semibold);line-height:1.25;overflow-wrap:anywhere}.pub-post-video .pub-post-headline{-webkit-padding-end:30px;padding-inline-end:30px}.pub-post-play{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:grid;place-items:center;inline-size:26px;block-size:26px;background:var(--surface);border-radius:var(--radius-pill);color:var(--text)}.pub-post-media .pub-face{position:absolute;inset-block-end:8px;inset-inline-end:8px}.pub-post-body{display:grid;align-content:start;grid-gap:6px;gap:6px;min-width:0;padding:14px 16px}.pub-landing .pub-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--pub-readable);font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.04em;text-transform:uppercase}.pub-post-by{color:var(--text)}.pub-landing .pub-post-title{color:var(--text);font-size:var(--fs-md);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:1.3;overflow-wrap:anywhere}.pub-landing .pub-post-caption{font-size:var(--fs-sm);line-height:1.5}.pub-face{display:block;flex:none;border-radius:var(--radius-pill)}.pub-face-sm{inline-size:16px;block-size:16px}.pub-face-md{inline-size:28px;block-size:28px;box-shadow:0 0 0 2px var(--surface)}.pub-face-lg{inline-size:56px;block-size:56px}.pub-face-bg{fill:var(--pub-tint)}.pub-face-hair{fill:var(--text)}.pub-face-skin{fill:var(--well)}.pub-face-body{fill:var(--accent-blue)}.pub-landing .pub-section-top{display:grid;grid-template-columns:1fr 2.1fr;grid-gap:40px;gap:40px;-webkit-margin-after:40px;margin-block-end:40px}.pub-section-top>.pub-mono{-webkit-padding-before:9px;padding-block-start:9px;color:var(--pub-readable)}.pub-landing .pub-section-top p{max-width:560px;-webkit-margin-before:20px;margin-block-start:20px;font-size:calc(var(--fs-md) * 1.06)}.pub-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;-webkit-margin-before:16px;margin-block-start:16px;color:var(--pub-readable);font-size:var(--fs-xs)}.pub-pricing{padding-block:90px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-pricing .pub-section-top{-webkit-margin-after:40px;margin-block-end:40px}.pub-pricing-page .pub-pricing{-webkit-border-before:0;border-block-start:0;-webkit-padding-before:70px;padding-block-start:70px}.pub-pricing-page h1{font-size:calc(var(--fs-xl) * 2.2)}.pub-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin:0;padding:0;list-style:none}.pub-plan{display:flex;flex-direction:column;gap:18px;min-width:0;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow-wrap:anywhere}.pub-plan[data-featured]{border-color:var(--accent-blue)}.pub-landing .pub-plan :is(h2,h3){font-size:calc(var(--fs-lg) * 1.25);letter-spacing:-.035em;line-height:1.2}.pub-landing .pub-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;color:var(--pub-readable);font-size:var(--fs-base)}.pub-plan-price strong{color:var(--text);font-size:calc(var(--fs-xl) * 1.8);font-weight:var(--weight-semibold);letter-spacing:var(--pub-display);line-height:1}.pub-plan-lines{display:grid;grid-gap:12px;gap:12px;flex:1 1;margin:0;padding:18px 0 0;list-style:none;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-plan-lines li{display:flex;align-items:flex-start;gap:10px;min-width:0;font-size:var(--fs-base);line-height:1.45;color:var(--pub-readable)}.pub-plan-lines li:first-child{color:var(--text);font-weight:var(--weight-medium)}.pub-plan-lines svg{flex:none;-webkit-margin-before:2px;margin-block-start:2px;color:var(--accent-blue)}.pub-plan .pub-button{align-self:stretch}.pub .pub-plan .pub-button:not(.pub-primary){background:transparent;color:var(--text);border-color:var(--border)}.pub .pub-plan .pub-button:not(.pub-primary):hover{border-color:var(--text)}.pub-landing .pub-plan-soon{min-height:48px;display:flex;align-items:center;font-size:var(--fs-sm)}.pub-landing .pub-plans-note{-webkit-margin-before:20px;margin-block-start:20px;font-size:var(--fs-sm)}.pub-pricing>.pub-text-link{-webkit-margin-before:8px;margin-block-start:8px}.pub-plans-missing{display:grid;justify-items:start;grid-gap:8px;gap:8px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.pub-questions{padding-block:90px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-questions .pub-section-top{-webkit-margin-after:40px;margin-block-end:40px}.pub-questions-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:64px;gap:64px}.pub-faq-teaser details{-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.pub-faq-teaser details:first-child{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-faq-teaser summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding-block:14px;font-size:var(--fs-md);font-weight:var(--weight-medium);cursor:pointer;list-style:none}.pub-faq-teaser summary::-webkit-details-marker{display:none}.pub-faq-teaser summary:after{content:"+";color:var(--subtle);font-size:var(--fs-lg);line-height:1}.pub-faq-teaser details[open] summary:after{content:"−"}.pub-landing .pub-faq-teaser p{-webkit-padding-after:18px;padding-block-end:18px;max-width:560px;font-size:var(--fs-base)}.pub-faq-teaser>.pub-text-link,.pub-guides-teaser>.pub-text-link{-webkit-margin-before:20px;margin-block-start:20px}.pub-guides-teaser{align-self:start;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.pub-landing .pub-guides-teaser p{-webkit-margin-before:12px;margin-block-start:12px;font-size:var(--fs-base)}.pub-closing{display:flex;flex-direction:column;align-items:center;padding-block:85px 90px;text-align:center;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-closing>.pub-mono{-webkit-margin-after:25px;margin-block-end:25px}.pub-landing .pub-closing h2{max-width:900px;font-size:calc(var(--fs-xl) * 2.4)}.pub-closing .pub-button{margin-block:32px 12px}.pub-landing .pub-closing>p:last-child{font-size:var(--fs-xs)}.pub-quality-head{padding-block:72px 56px}.pub-quality-head .pub-mono{color:var(--pub-readable)}.pub-landing .pub-quality-head h1{max-width:900px;-webkit-margin-before:20px;margin-block-start:20px;font-size:calc(var(--fs-xl) * 2.2)}.pub-landing .pub-quality-head p{max-width:620px;-webkit-margin-before:20px;margin-block-start:20px;font-size:calc(var(--fs-md) * 1.06)}.pub-rules-section,.pub-samples{padding-block:72px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.pub-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:0;padding:0;list-style:none;counter-reset:rule}.pub-rule{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);counter-increment:rule}.pub-rule-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.pub-rule-top:before{content:counter(rule,decimal-leading-zero);color:var(--subtle);font-family:var(--mono);font-size:var(--fs-xs)}.pub-landing .pub-rule h3{font-size:var(--fs-lg);letter-spacing:-.025em;line-height:1.3}.pub-landing .pub-rule p{font-size:var(--fs-base)}.pub-status{padding:3px 9px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font-size:var(--fs-xs);white-space:nowrap}.pub-status[data-status=built]{background:var(--pub-tint);border-color:transparent}.pub-sample-list{display:grid;grid-gap:16px;gap:16px;margin:0;padding:0;list-style:none}.pub-sample{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.pub-sample>.pub-post{border:0;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);border-radius:0}.pub-sample-why{display:grid;align-content:start;grid-gap:16px;gap:16px;min-width:0;padding:22px 24px}.pub-landing .pub-sample-why h3{font-size:var(--fs-md);letter-spacing:-.02em}.pub-sample-why h4{margin:0 0 8px;color:var(--subtle);font-family:var(--mono);font-size:var(--fs-2xs);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase}.pub-facts{display:grid;grid-gap:10px;gap:10px;margin:0}.pub-facts>div{display:grid;grid-gap:2px;gap:2px;min-width:0}.pub-facts dt{color:var(--text);font-size:var(--fs-base)}.pub-facts dd{margin:0;color:var(--pub-readable);font-family:var(--mono);font-size:var(--fs-xs);overflow-wrap:anywhere}.pub-checks{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.pub-checks li{display:flex;align-items:flex-start;gap:8px;min-width:0;color:var(--pub-readable);font-size:var(--fs-sm)}.pub-checks svg{flex:none;-webkit-margin-before:2px;margin-block-start:2px;color:var(--accent-blue)}.pub-landing .pub-held{padding:12px 14px;background:var(--well);border-radius:var(--radius-surface);font-size:var(--fs-sm)}.pub-sample>.pub-post .pub-post-media{min-height:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pub-faq-teaser details,.pub-landing :is(.pub-section-top h2,.pub-closing h2,.pub-guides-teaser h3),.pub-landing :is(.pub-section-top p,.pub-section-top>.pub-mono),.pub-plan,.pub-rule,.pub-sample{animation:pub-reveal linear both;animation-timeline:view();animation-range:entry 5% cover 28%}.pub-landing .pub-section-top p{animation-range:entry 15% cover 34%}.pub-faq-teaser details:nth-child(2),.pub-plan:nth-child(2),.pub-rule:nth-child(2n){animation-range:entry 12% cover 32%}.pub-faq-teaser details:nth-child(3),.pub-plan:nth-child(3){animation-range:entry 19% cover 36%}}}@keyframes pub-reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media (min-width:1600px){.pub-landing h1{font-size:calc(var(--fs-xl) * 3)}.pub-landing .pub-quality-head h1,.pub-landing h2,.pub-pricing-page h1{font-size:calc(var(--fs-xl) * 2.3)}}@media (max-width:1023px){.pub{--pub-gutter:30px}.pub-header nav{display:none}.pub-landing h1{font-size:calc(var(--fs-xl) * 2.2)}.pub-landing .pub-closing h2,.pub-landing .pub-quality-head h1,.pub-landing h2{font-size:calc(var(--fs-xl) * 1.6)}.pub-landing .pub-section-top{grid-template-columns:1fr;gap:16px}.pub-questions-grid{grid-template-columns:minmax(0,1fr);gap:40px}.pub-pricing,.pub-questions,.pub-rules-section,.pub-samples{padding-block:72px}.pub-plans{grid-template-columns:1fr;max-width:560px}.pub-pricing-page h1{font-size:calc(var(--fs-xl) * 1.6)}.pub-rules,.pub-sample{grid-template-columns:minmax(0,1fr)}.pub-sample>.pub-post{-webkit-border-end:0;border-inline-end:0;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}}@media (max-width:639px){.pub{--pub-gutter:16px}.pub-header{min-height:68px;gap:12px}.pub-header-actions{gap:16px}.pub-header .pub-button{gap:12px;padding-inline:14px}.pub-landing h1{font-size:calc(var(--fs-xl) * 1.6)}.pub-landing .pub-closing h2,.pub-landing .pub-quality-head h1,.pub-landing h2{font-size:calc(var(--fs-xl) * 1.25)}.pub-button{gap:14px;padding-inline:18px}.pub-post:not(.pub-post-text){grid-template-columns:88px minmax(0,1fr)}.pub-post-media{min-height:96px;padding:8px}.pub-post-body{padding:12px}.pub-closing,.pub-pricing,.pub-questions,.pub-rules-section,.pub-samples{padding-block:56px}.pub-quality-head{padding-block:48px 40px}.pub-plan,.pub-rule{padding:20px}.pub-sample-why{padding:18px}.pub-pricing-page h1{font-size:calc(var(--fs-xl) * 1.25)}.pub-guides-teaser{padding:24px}.pub-footer{-webkit-padding-before:40px;padding-block-start:40px}}@media (prefers-reduced-motion:reduce){.pub-button{transition:none}.pub-button:hover{transform:none}}