@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
:root{--pen-color-primary:#dc341e;--pen-color-primary-hover:#c02b17;--pen-color-primary-dark:#af2918;--pen-color-canvas:#fef2f2;--pen-color-canvas-white:#fff;--pen-color-ink:#1a1a1a;--pen-color-ink-muted:#4a4a4a;--pen-color-ink-soft:#717171;--pen-color-on-red:#fff;--pen-color-on-red-muted:#ffd9d2;--pen-color-on-red-accent:#f9c200;--pen-color-yellow-brand:#f9c200;--pen-color-yellow-bright:#ffd600;--pen-color-cyan:#00bfff;--pen-color-teal:#00b4a6;--pen-color-pink-hot:#ff2d87;--pen-color-pink-mid:#ff5cdd;--pen-color-mint:#06d6a0;--pen-color-purple:#8952fd;--pen-color-orange:#ff7051;--pen-grid-on-red:#0000000f;--pen-grid-on-canvas:#dc341e1a;--pen-color-background:var(--pen-color-canvas);--pen-color-foreground:var(--pen-color-ink);--pen-color-muted:var(--pen-color-ink-muted);--pen-color-surface:var(--pen-color-canvas-white);--pen-color-border:var(--pen-color-ink);--pen-color-accent:var(--pen-color-primary);--pen-color-accent-contrast:var(--pen-color-on-red)}
:root{--pen-font-display:"Bricolage Grotesque", system-ui, sans-serif;--pen-font-body:"Plus Jakarta Sans", system-ui, sans-serif;--pen-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--pen-text-xs:.75rem;--pen-text-sm:.875rem;--pen-text-base:1rem;--pen-text-lg:1.125rem;--pen-text-xl:1.25rem;--pen-display-hero-size:4.5rem;--pen-display-hero-line:.95;--pen-display-lg-size:3.25rem;--pen-display-lg-line:1;--pen-heading-lg-size:1.625rem;--pen-heading-lg-line:1.15;--pen-body-md-size:1rem;--pen-body-md-line:1.55;--pen-button-size:.9375rem;--pen-font-weight-body:400;--pen-font-weight-ui:600;--pen-font-weight-display:800;--pen-font-weight-heading:700}
:root{--pen-space-1:.25rem;--pen-space-2:.5rem;--pen-space-3:.75rem;--pen-space-4:1rem;--pen-space-5:1.25rem;--pen-space-6:1.5rem;--pen-space-8:2rem;--pen-space-10:2.5rem;--pen-space-12:3rem;--pen-space-16:4rem;--pen-space-20:5rem;--pen-space-24:6rem;--pen-grid-size:44px}
:root{--pen-border-brand:2px solid #000;--pen-border-brand-sm:1.5px solid #000;--pen-border-brand-xs:1px solid #000;--pen-radius-sm:.25rem;--pen-radius-md:.5rem;--pen-radius-lg:.75rem;--pen-radius-xl:1rem;--pen-radius-2xl:1.25rem;--pen-radius-pill:9999px;--pen-shadow-hard-xs:1px 1px 0 #000;--pen-shadow-hard-sm:2px 2px 0 #000;--pen-shadow-hard-md:4px 4px 0 #000;--pen-shadow-hard-lg:6px 6px 0 #000;--pen-shadow-hard-xl:8px 8px 0 #000;--pen-shadow-hard-2xl:10px 10px 0 #000;--pen-shadow-red:4px 4px 0 var(--pen-color-primary-dark);--pen-shadow-yellow:4px 4px 0 #b89200;--pen-pressed-transform:translate(4px, 4px);--pen-shadow-sm:var(--pen-shadow-hard-sm);--pen-shadow-md:var(--pen-shadow-hard-md);--pen-shadow-lg:var(--pen-shadow-hard-lg)}

.pen-button{border:var(--pen-border-brand);border-radius:var(--pen-radius-lg);background:var(--pen-color-accent);min-height:2.75rem;color:var(--pen-color-accent-contrast);font-family:var(--pen-font-body);font-size:var(--pen-button-size);justify-content:center;align-items:center;gap:var(--pen-space-2);padding:0 var(--pen-space-6);box-shadow:var(--pen-shadow-hard-md);cursor:pointer;text-transform:uppercase;font-weight:700;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.pen-button--primary{background:var(--pen-color-primary);color:var(--pen-color-on-red)}.pen-button--secondary{background:var(--pen-color-yellow-brand);color:var(--pen-color-ink)}.pen-button--cta-free{background:var(--pen-color-primary);border-radius:var(--pen-radius-pill);color:var(--pen-color-on-red);padding-inline:var(--pen-space-4) var(--pen-space-3)}.pen-button__badge{background:var(--pen-color-yellow-bright);border:var(--pen-border-brand-sm);border-radius:var(--pen-radius-pill);color:var(--pen-color-ink);font-size:var(--pen-text-xs);min-height:1.625rem;padding:0 var(--pen-space-2);align-items:center;line-height:1;display:inline-flex}.pen-button:hover{background:var(--pen-color-primary-hover);box-shadow:var(--pen-shadow-hard-lg);transform:translate(-2px,-2px)}.pen-button--secondary:hover{background:var(--pen-color-yellow-bright)}.pen-button:active{box-shadow:none;transform:var(--pen-pressed-transform)}.pen-button:focus-visible{outline:2.5px solid var(--pen-color-yellow-bright);outline-offset:3px}.pen-card{border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);background:var(--pen-color-background);box-shadow:var(--pen-shadow-hard-lg);color:var(--pen-color-foreground);padding:var(--pen-space-6)}.pen-card--feature{background:var(--pen-color-yellow-brand)}.pen-card--pricing{background:var(--pen-color-surface)}.pen-card--pricing-featured{background:repeating-linear-gradient(0deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-primary);box-shadow:var(--pen-shadow-red);color:var(--pen-color-on-red)}.pen-pill-eyebrow{background:var(--pen-color-surface);border:var(--pen-border-brand-sm);border-radius:var(--pen-radius-pill);box-shadow:var(--pen-shadow-hard-sm);color:var(--pen-color-primary);font-family:var(--pen-font-body);font-size:var(--pen-text-xs);min-height:2rem;padding:0 var(--pen-space-3);text-transform:uppercase;align-items:center;font-weight:700;line-height:1;display:inline-flex}.pen-sticker-tag{border:var(--pen-border-brand);border-radius:var(--pen-radius-md);box-shadow:var(--pen-shadow-hard-sm);color:var(--pen-color-ink);font-family:var(--pen-font-display);font-size:var(--pen-text-sm);font-weight:var(--pen-font-weight-display);padding:var(--pen-space-2) var(--pen-space-3);text-transform:uppercase;line-height:1;display:inline-flex;transform:rotate(-2deg)}.pen-sticker-tag--yellow{background:var(--pen-color-yellow-brand)}.pen-sticker-tag--cyan{background:var(--pen-color-cyan)}.pen-sticker-tag--pink{background:var(--pen-color-pink-hot);color:var(--pen-color-on-red)}.pen-sticker-tag--mint{background:var(--pen-color-mint)}.pen-feature-card{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-lg);color:var(--pen-color-ink);gap:var(--pen-space-3);padding:var(--pen-space-6);display:grid}.pen-feature-card__eyebrow{color:var(--pen-color-primary);font-size:var(--pen-text-xs);text-transform:uppercase;font-weight:700}.pen-feature-card h3,.pen-pricing-card h3{font-family:var(--pen-font-display);font-size:var(--pen-heading-lg-size);font-weight:var(--pen-font-weight-heading);line-height:var(--pen-heading-lg-line);margin:0}.pen-feature-card p,.pen-pricing-card p{line-height:var(--pen-body-md-line);margin:0}.pen-pricing-card{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-lg);color:var(--pen-color-ink);gap:var(--pen-space-4);padding:var(--pen-space-6);display:grid;position:relative}.pen-pricing-card--featured{background:repeating-linear-gradient(0deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-primary);box-shadow:var(--pen-shadow-red);color:var(--pen-color-on-red)}.pen-pricing-card__badge{background:var(--pen-color-yellow-bright);border:var(--pen-border-brand);border-radius:var(--pen-radius-pill);box-shadow:var(--pen-shadow-hard-sm);color:var(--pen-color-ink);font-size:var(--pen-text-xs);padding:var(--pen-space-2) var(--pen-space-3);text-transform:uppercase;place-self:start;font-weight:700;display:inline-flex}.pen-pricing-card__description{color:currentColor;opacity:.82}.pen-pricing-card__price{font-family:var(--pen-font-display);font-size:var(--pen-display-lg-size);font-weight:var(--pen-font-weight-display);line-height:var(--pen-display-lg-line)}.pen-pricing-card ul{gap:var(--pen-space-2);margin:0;padding:0;list-style:none;display:grid}.pen-pricing-card li{align-items:start;gap:var(--pen-space-2);grid-template-columns:1rem 1fr;display:grid}.pen-pricing-card li:before{background:var(--pen-color-yellow-bright);border:var(--pen-border-brand-xs);border-radius:var(--pen-radius-pill);content:"";width:.75rem;height:.75rem;margin-top:.35rem}@media (prefers-reduced-motion:reduce){.pen-button{transition:none}.pen-button:hover,.pen-button:active,.pen-sticker-tag{transform:none}}
.pen-brand-section{background:repeating-linear-gradient(0deg, var(--pen-grid-on-canvas) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-canvas) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-canvas);padding:var(--pen-space-16) var(--pen-space-6)}.pen-brand-section__eyebrow{color:var(--pen-color-primary);font-family:var(--pen-font-body);font-size:var(--pen-text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.pen-marketing-cta{background:repeating-linear-gradient(0deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-primary);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-xl);color:var(--pen-color-ink);gap:var(--pen-space-6);padding:var(--pen-space-8);display:grid;position:relative;overflow:hidden}.pen-marketing-cta:after{aspect-ratio:1;background:var(--pen-color-yellow-bright);border:var(--pen-border-brand);content:"";border-radius:46% 54% 55% 45%;width:clamp(7rem,18vw,12rem);position:absolute;bottom:-3rem;right:-2rem}.pen-marketing-cta__content{gap:var(--pen-space-4);z-index:1;max-width:42rem;display:grid;position:relative}.pen-marketing-cta h2{color:var(--pen-color-on-red);font-family:var(--pen-font-display);font-size:clamp(2.25rem, 6vw, var(--pen-display-lg-size));font-weight:var(--pen-font-weight-display);letter-spacing:0;line-height:var(--pen-display-lg-line);margin:0}.pen-marketing-cta p{color:var(--pen-color-ink);font-size:var(--pen-text-lg);max-width:36rem;margin:0;line-height:1.55}.pen-marketing-cta__actions{gap:var(--pen-space-3);z-index:1;flex-wrap:wrap;display:flex;position:relative}.pen-marketing-hero{background:repeating-linear-gradient(0deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-primary);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-2xl);color:var(--pen-color-ink);gap:var(--pen-space-8);padding:clamp(var(--pen-space-8), 7vw, var(--pen-space-20));grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);display:grid;position:relative;overflow:hidden}.pen-marketing-hero__content{align-content:start;gap:var(--pen-space-5);z-index:1;justify-items:start;max-width:54rem;display:grid;position:relative}.pen-marketing-hero h1{color:var(--pen-color-on-red);font-family:var(--pen-font-display);font-size:clamp(3rem, 9vw, var(--pen-display-hero-size));font-weight:var(--pen-font-weight-display);letter-spacing:0;line-height:var(--pen-display-hero-line);max-width:12ch;margin:0}.pen-marketing-hero p{color:var(--pen-color-ink);font-size:clamp(var(--pen-text-base), 2vw, var(--pen-text-xl));max-width:40rem;margin:0;line-height:1.55}.pen-marketing-hero__actions{gap:var(--pen-space-3);margin-top:var(--pen-space-2);flex-wrap:wrap;display:flex}.pen-marketing-hero__visual{place-items:center;min-height:20rem;display:grid;position:relative}.pen-marketing-hero__visual .pen-sticker-tag{left:0;top:var(--pen-space-4);z-index:1;position:absolute}.pen-marketing-hero__mark{aspect-ratio:.85;background:var(--pen-color-yellow-bright);border:var(--pen-border-brand);box-shadow:var(--pen-shadow-hard-xl);border-radius:46% 54% 52% 48%;width:min(22rem,90%);display:block;position:relative;transform:rotate(8deg)}.pen-marketing-hero__mark:before{background:var(--pen-color-ink);content:"";border-radius:24% 76% 70% 30%;width:42%;height:45%;position:absolute;top:30%;left:30%;transform:rotate(4deg)}.pen-proof-list{gap:var(--pen-space-2);margin:var(--pen-space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.pen-proof-list li{background:var(--pen-color-surface);border:var(--pen-border-brand-xs);border-radius:var(--pen-radius-pill);box-shadow:var(--pen-shadow-hard-xs);font-size:var(--pen-text-sm);padding:var(--pen-space-2) var(--pen-space-3);font-weight:700}.pen-proof-strip{background:var(--pen-color-yellow-brand);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);align-items:center;gap:var(--pen-space-4);padding:var(--pen-space-4) var(--pen-space-5);flex-wrap:wrap;display:flex}.pen-proof-strip strong{font-family:var(--pen-font-display);font-size:var(--pen-text-xl);text-transform:uppercase}.pen-proof-strip ul{gap:var(--pen-space-3);flex-wrap:wrap;flex:1;min-width:min(100%,20rem);margin:0;padding:0;list-style:none;display:flex}.pen-proof-strip li{align-items:center;gap:var(--pen-space-2);font-weight:700;display:inline-flex}.pen-proof-strip li:before{background:var(--pen-color-primary);border:var(--pen-border-brand-xs);border-radius:var(--pen-radius-pill);content:"";width:.75rem;height:.75rem}.pen-benefit-section{gap:var(--pen-space-8);display:grid}.pen-benefit-section__header{gap:var(--pen-space-4);justify-items:start;max-width:50rem;display:grid}.pen-benefit-section h2,.pen-faq-section h2{font-family:var(--pen-font-display);font-size:clamp(2.25rem, 6vw, var(--pen-display-lg-size));font-weight:var(--pen-font-weight-display);letter-spacing:0;line-height:var(--pen-display-lg-line);margin:0}.pen-benefit-section__header p{color:var(--pen-color-ink-muted);font-size:var(--pen-text-lg);margin:0;line-height:1.6}.pen-benefit-section__grid{gap:var(--pen-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.pen-benefit-section__grid .pen-feature-card:nth-child(3n+1){background:var(--pen-color-surface)}.pen-benefit-section__grid .pen-feature-card:nth-child(3n+2){background:var(--pen-color-yellow-brand)}.pen-benefit-section__grid .pen-feature-card:nth-child(3n){background:var(--pen-color-mint)}.pen-faq-section{gap:var(--pen-space-6);display:grid}.pen-faq-section__header{gap:var(--pen-space-4);justify-items:start;display:grid}.pen-faq-section__items{border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-lg);overflow:hidden}.pen-faq-item{background:var(--pen-color-surface)}.pen-faq-item+.pen-faq-item{border-top:var(--pen-border-brand)}.pen-faq-item summary{background:var(--pen-color-yellow-brand);cursor:pointer;font-family:var(--pen-font-display);font-size:var(--pen-text-xl);font-weight:var(--pen-font-weight-heading);padding:var(--pen-space-5) var(--pen-space-6);list-style:none}.pen-faq-item summary::-webkit-details-marker{display:none}.pen-faq-item summary:after{content:"+";float:right;font-family:var(--pen-font-display)}.pen-faq-item summary:focus-visible{outline:2.5px solid var(--pen-color-primary);outline-offset:-5px}.pen-faq-item[open] summary:after{content:"-"}.pen-faq-item p{padding:var(--pen-space-5) var(--pen-space-6) var(--pen-space-6);margin:0;line-height:1.65}@media (max-width:760px){.pen-marketing-hero{padding:var(--pen-space-8) var(--pen-space-5);grid-template-columns:1fr}.pen-marketing-hero__visual{min-height:14rem}.pen-marketing-hero__mark{width:min(16rem,82%)}}@media (prefers-reduced-motion:reduce){.pen-marketing-hero__mark{transform:none}}

*{box-sizing:border-box}html{background:var(--pen-color-background);color:var(--pen-color-foreground);font-family:var(--pen-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{margin:0}a{color:inherit}.docs-shell{background:repeating-linear-gradient(0deg, var(--pen-grid-on-canvas) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-canvas) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-background);min-height:100vh}.docs-header{background:var(--pen-color-surface);border-bottom:var(--pen-border-brand);padding:var(--pen-space-4) var(--pen-space-6)}.docs-header__inner{align-items:center;gap:var(--pen-space-4);justify-content:space-between;max-width:72rem;margin:0 auto;display:flex}.docs-brand{flex:none;align-items:center;display:inline-flex}.docs-brand img{width:auto;height:1.75rem;display:block}.docs-nav{gap:var(--pen-space-3);flex-wrap:wrap;display:flex}.docs-nav a{color:var(--pen-color-ink);font-size:var(--pen-text-sm);font-weight:700;text-decoration:none}.docs-nav a:hover{color:var(--pen-color-primary)}.docs-body{align-items:start;gap:var(--pen-space-6);max-width:88rem;padding:var(--pen-space-12) var(--pen-space-6);grid-template-columns:minmax(0,1fr) minmax(12rem,14rem);margin:0 auto;display:grid}.docs-main{min-width:0}.docs-section-sidebar{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);top:var(--pen-space-6);position:sticky;overflow:hidden}.docs-section-sidebar p{background:var(--pen-color-primary);border-bottom:var(--pen-border-brand);color:var(--pen-color-on-red);font-family:var(--pen-font-display);font-size:var(--pen-text-base);font-weight:var(--pen-font-weight-heading);padding:var(--pen-space-3) var(--pen-space-4);margin:0}.docs-section-sidebar nav{padding:var(--pen-space-2);display:grid}.docs-section-sidebar a{border-radius:var(--pen-radius-md);color:var(--pen-color-ink);font-size:var(--pen-text-sm);padding:var(--pen-space-3);font-weight:700;text-decoration:none}.docs-section-sidebar a:hover,.docs-section-sidebar a[aria-current=page]{background:var(--pen-color-yellow-brand);color:var(--pen-color-ink)}@media (max-width:62rem){.docs-body{grid-template-columns:1fr}.docs-section-sidebar{position:static}}.docs-hero{gap:var(--pen-space-8);display:grid}.docs-hero h1{font-family:var(--pen-font-display);font-size:clamp(2.5rem,8vw,6rem);font-weight:var(--pen-font-weight-display);letter-spacing:0;max-width:62rem;margin:0;line-height:.95}.docs-hero p{color:var(--pen-color-ink-muted);font-size:var(--pen-text-lg);max-width:42rem;margin:0;line-height:1.7}.docs-grid{gap:var(--pen-space-4);margin-top:var(--pen-space-12);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.docs-card h2{font-family:var(--pen-font-display);font-weight:var(--pen-font-weight-heading);margin:0 0 var(--pen-space-2)}.docs-card{text-decoration:none}.docs-card p{color:var(--pen-color-ink-muted);margin:0;line-height:1.6}.docs-home-card{min-height:12rem}.docs-home-card--yellow{background:var(--pen-color-yellow-brand)}.docs-home-card--cyan{background:var(--pen-color-cyan)}.docs-home-card--pink{background:var(--pen-color-pink-mid)}.docs-home-card p{color:var(--pen-color-ink)}.docs-token-grid{gap:var(--pen-space-4);margin-top:var(--pen-space-8);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.docs-swatch{border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);min-height:8rem;overflow:hidden}.docs-swatch__color{border-bottom:var(--pen-border-brand);min-height:4.5rem}.docs-swatch__body{background:var(--pen-color-surface);padding:var(--pen-space-3)}.docs-swatch__body strong{font-family:var(--pen-font-display);font-size:var(--pen-text-base);display:block}.docs-swatch__body code{color:var(--pen-color-ink-muted);font-size:var(--pen-text-xs);margin-top:var(--pen-space-1);display:block}.docs-stack{gap:var(--pen-space-8);display:grid}.docs-showcase{gap:var(--pen-space-6);margin-top:var(--pen-space-10);display:grid}.docs-showcase__row{align-items:start;gap:var(--pen-space-4);flex-wrap:wrap;display:flex}.docs-showcase__grid{gap:var(--pen-space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.docs-contract-list{gap:var(--pen-space-4);margin-top:var(--pen-space-8);display:grid}.docs-contract{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);gap:var(--pen-space-2);padding:var(--pen-space-4);display:grid}.docs-contract strong{font-family:var(--pen-font-display);font-size:var(--pen-text-xl)}.docs-contract code{color:var(--pen-color-primary);font-weight:700}.docs-contract p{color:var(--pen-color-ink-muted);margin:0;line-height:1.6}.docs-brand-index{gap:var(--pen-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.docs-brand-index a{color:inherit;text-decoration:none}.docs-brand-card{min-height:12rem}.docs-brand-card--yellow{background:var(--pen-color-yellow-brand)}.docs-brand-card--cyan{background:var(--pen-color-cyan)}.docs-brand-card--pink{background:var(--pen-color-pink-mid)}.docs-brand-card--mint{background:var(--pen-color-mint)}.docs-brand-card--orange{background:var(--pen-color-orange)}.docs-brand-card--purple{background:var(--pen-color-purple)}.docs-brand-card--red{background:var(--pen-color-primary)}.docs-brand-card--yellow-bright{background:var(--pen-color-yellow-bright)}.docs-brand-card p{color:var(--pen-color-ink)}.docs-brand-card--red h2,.docs-brand-card--red p{color:var(--pen-color-on-red)}.docs-review-note{background:var(--pen-color-yellow-brand);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);align-items:start;gap:var(--pen-space-3);padding:var(--pen-space-5);justify-items:start;display:grid}.docs-review-note p{max-width:54rem;margin:0;line-height:1.6}.docs-brand-split,.docs-clearspace{align-items:stretch;gap:var(--pen-space-6);grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr);display:grid}.docs-brand-copy{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-lg);gap:var(--pen-space-4);padding:var(--pen-space-6);display:grid}.docs-brand-copy h2{font-family:var(--pen-font-display);font-size:var(--pen-heading-lg-size);line-height:var(--pen-heading-lg-line);margin:0}.docs-brand-copy p,.docs-brand-copy li{color:var(--pen-color-ink-muted);line-height:1.65}.docs-brand-copy p,.docs-brand-copy ul{margin:0}.docs-logo-preview{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-xl);align-items:center;gap:var(--pen-space-4);min-height:18rem;padding:var(--pen-space-8);justify-content:center;display:flex}.docs-logo-preview--white{background:var(--pen-color-primary)}.docs-logo-preview--dark{background:var(--pen-color-ink)}.docs-logo-preview--symbol{background:var(--pen-color-primary)}.docs-logo-preview--color img,.docs-logo-preview--white img,.docs-logo-preview--dark img{width:100%;max-width:min(28rem,100%);height:auto;display:block}.docs-symbol-preview{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-xl);min-height:18rem;padding:var(--pen-space-8);justify-content:center;align-items:center;display:flex}.docs-symbol-preview--white{background:var(--pen-color-primary)}.docs-symbol-preview img{width:auto;max-width:min(12rem,100%);height:auto;max-height:14rem;display:block}.docs-logo-preview strong{color:var(--pen-color-ink);font-family:var(--pen-font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:var(--pen-font-weight-display);letter-spacing:0;line-height:1}.docs-logo-preview--white strong{color:var(--pen-color-on-red)}.docs-logo-preview__symbol{aspect-ratio:.85;background:var(--pen-color-primary);border:var(--pen-border-brand);box-shadow:var(--pen-shadow-hard-md);border-radius:42% 58% 55% 45%;width:clamp(4.5rem,12vw,7rem);display:block;position:relative}.docs-logo-preview--white .docs-logo-preview__symbol,.docs-logo-preview--symbol .docs-logo-preview__symbol{background:var(--pen-color-on-red)}.docs-logo-preview__symbol:before{background:var(--pen-color-ink);content:"";border-radius:24% 76% 70% 30%;width:42%;height:40%;position:absolute;top:33%;left:31%;transform:rotate(4deg)}.docs-logo-preview--white .docs-logo-preview__symbol:before,.docs-logo-preview--symbol .docs-logo-preview__symbol:before{background:var(--pen-color-primary)}.docs-rule-grid,.docs-application-grid{gap:var(--pen-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.docs-rule-card,.docs-application-grid article{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);gap:var(--pen-space-3);padding:var(--pen-space-5);display:grid}.docs-rule-card strong,.docs-application-grid h2{color:var(--pen-color-primary);font-family:var(--pen-font-display);font-size:var(--pen-text-xl);margin:0;line-height:1.1}.docs-rule-card p,.docs-application-grid p{color:var(--pen-color-ink-muted);margin:0;line-height:1.6}.docs-clearspace__frame{background:repeating-linear-gradient(0deg, var(--pen-grid-on-canvas) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-canvas) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-canvas);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-xl);align-items:center;gap:var(--pen-space-4);padding:var(--pen-space-8);justify-items:center;display:grid}.docs-clearspace__frame>span{background:var(--pen-color-yellow-brand);border:var(--pen-border-brand);border-radius:var(--pen-radius-pill);box-shadow:var(--pen-shadow-hard-sm);padding:var(--pen-space-2) var(--pen-space-4);font-weight:800}.docs-type-specimen{gap:var(--pen-space-4);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.docs-type-specimen article{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-lg);gap:var(--pen-space-4);padding:var(--pen-space-6);display:grid}.docs-type-specimen span{color:var(--pen-color-primary);font-size:var(--pen-text-xs);text-transform:uppercase;font-weight:800}.docs-type-specimen h2{font-family:var(--pen-font-display);font-size:clamp(2.5rem, 7vw, var(--pen-display-lg-size));margin:0;line-height:.95}.docs-type-specimen p,.docs-type-specimen strong{margin:0;line-height:1.6}.docs-color-ramp-list{gap:var(--pen-space-4);display:grid}.docs-color-ramp{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);overflow:hidden}.docs-color-ramp header{border-bottom:var(--pen-border-brand);align-items:center;gap:var(--pen-space-3);padding:var(--pen-space-4);justify-content:space-between;display:flex}.docs-color-ramp header strong{font-family:var(--pen-font-display);font-size:var(--pen-text-xl)}.docs-color-ramp header span{background:var(--pen-color-yellow-brand);border:var(--pen-border-brand-xs);border-radius:var(--pen-radius-pill);font-size:var(--pen-text-xs);padding:var(--pen-space-1) var(--pen-space-2);text-transform:uppercase;font-weight:800}.docs-color-ramp__swatches{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.docs-color-ramp__swatches div{min-height:6rem;padding:var(--pen-space-3);align-items:end;display:flex}.docs-color-ramp__swatches code{background:var(--pen-color-surface);border:var(--pen-border-brand-xs);border-radius:var(--pen-radius-sm);box-shadow:var(--pen-shadow-hard-xs);color:var(--pen-color-ink);font-size:var(--pen-text-xs);padding:var(--pen-space-1) var(--pen-space-2)}.docs-color-board{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-lg);gap:var(--pen-space-6);grid-template-columns:minmax(12rem,.38fr) minmax(0,1fr);display:grid;overflow:hidden}.docs-color-board__copy{border-right:var(--pen-border-brand);align-content:start;gap:var(--pen-space-4);padding:var(--pen-space-6);display:grid}.docs-color-board__copy h2{font-family:var(--pen-font-display);font-size:var(--pen-heading-md-size);line-height:var(--pen-heading-md-line);margin:0}.docs-color-board__copy p{color:var(--pen-color-ink-muted);margin:0;line-height:1.55}.docs-primary-palettes{gap:var(--pen-space-6);padding:var(--pen-space-6);display:grid}.docs-color-stack{border:var(--pen-border-brand);border-radius:var(--pen-radius-lg);box-shadow:var(--pen-shadow-hard-sm);grid-template-columns:minmax(8rem,1fr) repeat(5,minmax(2.5rem,.18fr));min-height:9.75rem;display:grid;overflow:hidden}.docs-color-stack--featured{grid-template-columns:minmax(12rem,1.6fr) repeat(4,minmax(3rem,.24fr))}.docs-color-stack--compact{grid-template-columns:minmax(6rem,1fr) repeat(4,minmax(1.65rem,.2fr));min-height:7.25rem}.docs-color-stack__swatch{border-right:var(--pen-border-brand-xs);min-width:0;padding:var(--pen-space-3);align-items:end;display:flex}.docs-color-stack__swatch:last-child{border-right:0}.docs-color-stack__swatch code{color:var(--pen-color-ink);text-shadow:0 1px #ffffff47;font-size:.68rem;line-height:1}.docs-color-stack__swatch[data-contrast=light] code{color:var(--pen-color-on-red);text-shadow:none}.docs-secondary-palettes{gap:var(--pen-space-5);padding:var(--pen-space-6);grid-template-columns:repeat(2,minmax(13rem,1fr));display:grid}.docs-secondary-palette{gap:var(--pen-space-2);display:grid}.docs-secondary-palette header{font-family:var(--pen-font-display);font-size:var(--pen-text-sm);font-weight:var(--pen-font-weight-heading);padding-left:var(--pen-space-1)}.docs-pop-red-scale{gap:var(--pen-space-2);padding:var(--pen-space-6);display:grid}.docs-pop-red-scale__row{border:var(--pen-border-brand-xs);border-radius:var(--pen-radius-md);min-height:2.1rem;padding:var(--pen-space-2) var(--pen-space-4);justify-content:space-between;align-items:center;display:flex}.docs-pop-red-scale__row--base{min-height:4rem}.docs-pop-red-scale__row code,.docs-pop-red-scale__row span{color:var(--pen-color-ink);font-size:var(--pen-text-xs);font-weight:800}.docs-pop-red-scale__row:nth-last-child(-n+5) code,.docs-pop-red-scale__row:nth-last-child(-n+5) span,.docs-pop-red-scale__row--base code,.docs-pop-red-scale__row--base span{color:var(--pen-color-on-red)}@media (max-width:58rem){.docs-color-board{grid-template-columns:1fr}.docs-color-board__copy{border-bottom:var(--pen-border-brand);border-right:0}.docs-secondary-palettes{grid-template-columns:1fr}}@media (max-width:34rem){.docs-color-stack,.docs-color-stack--featured,.docs-color-stack--compact{grid-template-columns:1fr}.docs-color-stack__swatch{border-bottom:var(--pen-border-brand-xs);border-right:0;min-height:4rem}.docs-color-stack__swatch:last-child{border-bottom:0}}.docs-graphic-system{background:repeating-linear-gradient(0deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), repeating-linear-gradient(90deg, var(--pen-grid-on-red) 0 1px, transparent 1px var(--pen-grid-size)), var(--pen-color-primary);border:var(--pen-border-brand);border-radius:var(--pen-radius-2xl);box-shadow:var(--pen-shadow-hard-xl);gap:var(--pen-space-8);padding:var(--pen-space-8);display:grid;overflow:hidden}.docs-graphic-sticker-row{align-items:center;gap:var(--pen-space-4);flex-wrap:wrap;display:flex}.docs-graphic-sticker{border:var(--pen-border-brand);border-radius:var(--pen-radius-md);box-shadow:var(--pen-shadow-hard-sm);font-family:var(--pen-font-display);font-size:var(--pen-text-sm);font-weight:var(--pen-font-weight-display);padding:var(--pen-space-2) var(--pen-space-3);text-transform:uppercase;line-height:1;display:inline-flex;transform:rotate(-2deg)}.docs-graphic-sticker--yellow{background:var(--pen-color-yellow-brand)}.docs-graphic-sticker--cyan{background:var(--pen-color-cyan)}.docs-graphic-sticker--pink{background:var(--pen-color-pink-hot);color:var(--pen-color-on-red)}.docs-graphic-sticker--mint{background:var(--pen-color-mint)}.docs-graphic-sticker--orange{background:var(--pen-color-orange)}.docs-graphic-sticker--purple{background:var(--pen-color-purple);color:var(--pen-color-on-red)}.docs-graphic-blob-grid{align-items:center;gap:var(--pen-space-6);flex-wrap:wrap;display:flex}.docs-graphic-blob,.docs-graphic-seal{border:var(--pen-border-brand);box-shadow:var(--pen-shadow-hard-md);font-family:var(--pen-font-display);font-weight:var(--pen-font-weight-display);text-align:center;justify-content:center;align-items:center;line-height:1;display:flex}.docs-graphic-blob{font-size:var(--pen-text-xl);min-height:8rem;padding:var(--pen-space-5);border-radius:50%;width:10rem;transform:rotate(-4deg)}.docs-graphic-blob--pink{background:var(--pen-color-pink-mid);color:var(--pen-color-on-red)}.docs-graphic-blob--yellow{background:var(--pen-color-yellow-bright)}.docs-graphic-seal{background:repeating-linear-gradient(135deg, #00000014 0 2px, transparent 2px 8px), var(--pen-color-primary);border-radius:var(--pen-radius-pill);color:var(--pen-color-on-red);min-height:8rem;padding:var(--pen-space-5);width:8rem}.docs-shadow-grid{gap:var(--pen-space-5);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.docs-shadow-grid article{background:var(--pen-color-surface);border:var(--pen-border-brand);border-radius:var(--pen-radius-lg);gap:var(--pen-space-2);padding:var(--pen-space-4);display:grid}.docs-shadow-grid strong{font-family:var(--pen-font-display);font-size:var(--pen-text-lg)}.docs-shadow-grid code{color:var(--pen-color-ink-muted);font-size:var(--pen-text-xs)}.docs-marquee-sample{background:var(--pen-color-purple);border:var(--pen-border-brand);border-radius:var(--pen-radius-xl);box-shadow:var(--pen-shadow-hard-md);color:var(--pen-color-on-red);gap:var(--pen-space-6);padding:var(--pen-space-4) 0;white-space:nowrap;display:flex;overflow:hidden}.docs-marquee-sample span{font-size:var(--pen-text-sm);letter-spacing:.04em;min-width:max-content;padding-left:var(--pen-space-6);text-transform:uppercase;font-weight:800}@media (max-width:760px){.docs-brand-split,.docs-clearspace{grid-template-columns:1fr}}