.site-header,main,.site-footer{width:min(100% - 3rem,82rem);margin-inline:auto;overflow-wrap:anywhere}.site-header{display:flex;min-height:5.25rem;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--pp-line)}.wordmark{display:inline-flex;align-items:center;gap:.65rem;font:1.65rem var(--pp-font-display);text-decoration:none}.wordmark>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid var(--pp-ink);border-radius:50%;font:var(--pp-text-meta) var(--pp-font-mono)}.site-header nav,.nav-links,.nav-actions{display:flex;align-items:center;gap:1.5rem}.site-header nav{gap:3rem}.site-header a:not(.wordmark,.nav-primary){font-size:var(--pp-text-sm);text-decoration:none;color:var(--pp-ink-muted)}.nav-primary{padding:.6rem .85rem;color:var(--pp-accent-ink);background:var(--pp-accent);font-size:var(--pp-text-sm);text-decoration:none}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(3rem,6vw,6rem);align-items:center;padding-block:clamp(3rem,7vw,6rem)}.hero-overline{color:var(--pp-accent);font-size:var(--pp-text-md);margin-bottom:1.5rem}.hero h1{max-width:13ch;font-size:clamp(3.5rem,6vw,6rem);line-height:.95;letter-spacing:-.045em}.hero-lede{margin-top:2rem;max-width:42ch;color:var(--pp-ink-muted);font-size:var(--pp-text-lg);line-height:1.5}.hero-actions,.closing-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:.8rem 1rem;font-size:var(--pp-text-sm);font-weight:600;text-decoration:none;border:1px solid var(--pp-line);border-radius:var(--pp-radius-sm)}.action-primary{background:var(--pp-accent);color:var(--pp-accent-ink);border-color:var(--pp-accent)}.action-primary:hover,.nav-primary:hover{background:var(--pp-action-hover)}.action-secondary:hover{border-color:var(--pp-accent)}.product-process{min-width:0}.product-process ol{list-style:none;margin:0;padding:0;position:relative}.product-process ol:before{content:"";position:absolute;left:1.1rem;top:1.1rem;bottom:3rem;width:1px;background:var(--pp-line);transform-origin:top;animation:opening-process 1.2s var(--pp-ease) both}.product-process li{display:flex;position:relative;gap:1.25rem;padding-block:1.5rem}.process-number{flex:0 0 2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid var(--pp-line);border-radius:50%;background:var(--pp-surface);color:var(--pp-accent);font-size:var(--pp-text-sm)}.product-process h2{font:clamp(1.5rem,2.1vw,2rem)/1.1 var(--pp-font-display)}.product-process p{max-width:34ch;margin-top:.75rem;color:var(--pp-ink-muted);font-size:var(--pp-text-md);line-height:1.5}@keyframes opening-process{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.example-heading{padding-block:clamp(2rem,4vw,4rem);border-top:2px solid var(--pp-accent);border-bottom:1px solid var(--pp-line);margin-bottom:2rem}.example-heading h2{font:clamp(2.5rem,4.5vw,4.5rem)/1.1 var(--pp-font-display)}.example-heading p{max-width:65ch;margin-top:1.25rem;color:var(--pp-ink-muted);font-size:var(--pp-text-lg);line-height:1.5}.example-heading .example-note{font-size:var(--pp-text-sm)}.example-heading a{display:inline-block;margin-top:1.25rem;font-size:var(--pp-text-sm)}.landing-story .story-title{font-size:clamp(1.75rem,2.5vw,2.5rem)}.landing-story .story-summary{font-size:var(--pp-text-md)}.closing{padding:clamp(4rem,8vw,7rem) 0;text-align:center}.closing .eyebrow{color:var(--pp-accent);font-size:var(--pp-text-sm)}.closing h2{max-width:20ch;margin:1rem auto;font-size:clamp(2.5rem,5vw,5rem)}.closing>p:not(.eyebrow){max-width:42ch;margin-inline:auto;color:var(--pp-ink-muted)}.closing-actions{justify-content:center}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.5rem 3rem;border-top:1px solid var(--pp-line);font-size:var(--pp-text-sm);color:var(--pp-ink-muted)}@media(max-width:900px){.site-header nav{gap:1rem}.nav-links{gap:1rem}.hero{grid-template-columns:1fr;gap:2.5rem}.hero h1{max-width:13ch}.product-process{width:min(100%,38rem)}}@media(max-width:600px){.site-header,main,.site-footer{width:calc(100% - 2rem)}.site-header{display:block;padding-block:1rem}.site-header nav{margin-top:1rem;flex-direction:column;align-items:stretch;gap:1rem}.nav-links{display:flex;order:1;justify-content:space-between}.nav-actions{order:0;justify-content:space-between}.wordmark{font-size:1.4rem;gap:.4rem}.nav-actions{gap:.5rem}.nav-primary{padding:.5rem .65rem;font-size:var(--pp-text-xs)}.hero{padding-block:3rem}.hero h1{font-size:clamp(3.5rem,16vw,5rem)}.hero-actions{flex-direction:column}.hero-lede{font-size:var(--pp-text-md)}.hero-overline{font-size:var(--pp-text-sm)}.site-footer{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){.product-process ol:before{animation:none}}