:root{--peperossa-color-pepper:#d73a21;--peperossa-color-pepper-deep:#b3261e;--peperossa-color-pepper-light:#f47454;--peperossa-color-stem:#3e6b48;--peperossa-color-saffron:#e8a33d;--peperossa-color-white:#fff;--peperossa-color-neutral-50:#faf7f4;--peperossa-color-neutral-100:#f3eee9;--peperossa-color-neutral-200:#e7e0d9;--peperossa-color-neutral-300:#d2c7bd;--peperossa-color-neutral-400:#ada096;--peperossa-color-neutral-500:#8a7c72;--peperossa-color-neutral-600:#6b5e55;--peperossa-color-neutral-700:#514740;--peperossa-color-neutral-800:#362f2a;--peperossa-color-neutral-900:#1f1a17;--peperossa-font-family-heading:"Montserrat", sans-serif;--peperossa-font-family-body:"Inter", sans-serif;--peperossa-font-family-mono:"Liberation Mono", monospace;--peperossa-font-weight-regular:400;--peperossa-font-weight-medium:500;--peperossa-font-weight-semibold:600;--peperossa-font-weight-bold:700;--peperossa-font-size-xs:13px;--peperossa-font-size-base:16px;--peperossa-font-size-lg:20px;--peperossa-font-size-xl:25px;--peperossa-font-size-2xl:31px;--peperossa-font-size-3xl:39px;--peperossa-font-size-4xl:49px;--peperossa-font-line-height-body:1.5;--peperossa-font-line-height-heading:1.15;--peperossa-space-1:4px;--peperossa-space-2:8px;--peperossa-space-3:12px;--peperossa-space-4:16px;--peperossa-space-6:24px;--peperossa-space-8:32px;--peperossa-space-12:48px;--peperossa-space-16:64px;--peperossa-radius-sm:4px;--peperossa-radius-md:8px;--peperossa-radius-lg:12px;--peperossa-background:var(--peperossa-color-neutral-50);--peperossa-surface:var(--peperossa-color-white);--peperossa-text:var(--peperossa-color-neutral-900);--peperossa-text-muted:var(--peperossa-color-neutral-600);--peperossa-border:var(--peperossa-color-neutral-200);--peperossa-action:var(--peperossa-color-pepper);--peperossa-on-action:var(--peperossa-color-white);--peperossa-link:var(--peperossa-color-pepper-deep);--peperossa-accent:var(--peperossa-color-stem);--peperossa-highlight:var(--peperossa-color-saffron)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--peperossa-background:var(--peperossa-color-neutral-900);--peperossa-surface:var(--peperossa-color-neutral-800);--peperossa-text:var(--peperossa-color-neutral-50);--peperossa-text-muted:var(--peperossa-color-neutral-300);--peperossa-border:var(--peperossa-color-neutral-700);--peperossa-action:var(--peperossa-color-pepper);--peperossa-on-action:var(--peperossa-color-white);--peperossa-link:var(--peperossa-color-pepper-light);--peperossa-accent:var(--peperossa-color-stem);--peperossa-highlight:var(--peperossa-color-saffron)}}:root[data-theme=dark]{--peperossa-background:var(--peperossa-color-neutral-900);--peperossa-surface:var(--peperossa-color-neutral-800);--peperossa-text:var(--peperossa-color-neutral-50);--peperossa-text-muted:var(--peperossa-color-neutral-300);--peperossa-border:var(--peperossa-color-neutral-700);--peperossa-action:var(--peperossa-color-pepper);--peperossa-on-action:var(--peperossa-color-white);--peperossa-link:var(--peperossa-color-pepper-light);--peperossa-accent:var(--peperossa-color-stem);--peperossa-highlight:var(--peperossa-color-saffron)}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/brand/fonts/inter-regular.ttf)format("truetype")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/brand/fonts/inter-medium.ttf)format("truetype")}@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/brand/fonts/montserrat-semibold.ttf)format("truetype")}@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/brand/fonts/montserrat-bold.ttf)format("truetype")}*,:before,:after{box-sizing:border-box}html{color-scheme:light dark}body{background:var(--peperossa-background);color:var(--peperossa-text);font-family:var(--peperossa-font-family-body);font-size:var(--peperossa-font-size-base);line-height:var(--peperossa-font-line-height-body);margin:0}h1,h2{font-family:var(--peperossa-font-family-heading);font-weight:var(--peperossa-font-weight-semibold);line-height:var(--peperossa-font-line-height-heading);margin:0 0 var(--peperossa-space-4)}h1{font-size:clamp(var(--peperossa-font-size-2xl), 6vw, var(--peperossa-font-size-4xl));font-weight:var(--peperossa-font-weight-bold);max-width:20ch}h2{font-size:var(--peperossa-font-size-2xl)}p{margin:0 0 var(--peperossa-space-4);max-width:65ch}a{color:var(--peperossa-link)}a:focus-visible{outline:3px solid var(--peperossa-highlight);outline-offset:2px}.wrap{max-width:1120px;padding:0 var(--peperossa-space-6);margin:0 auto}.skip{left:var(--peperossa-space-4);position:absolute;top:-100px}.skip:focus{top:var(--peperossa-space-4)}.header{border-bottom:1px solid var(--peperossa-border);background:var(--peperossa-surface)}.header-row{justify-content:space-between;align-items:center;gap:var(--peperossa-space-3) var(--peperossa-space-6);padding-block:var(--peperossa-space-4);flex-wrap:wrap;display:flex}.logo img{width:auto;height:48px;display:block}.nav,.links{align-items:center;gap:var(--peperossa-space-2) var(--peperossa-space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav a:not(.button){color:var(--peperossa-text);font-weight:var(--peperossa-font-weight-medium);text-decoration:none}.nav a:not(.button):hover{text-decoration:underline}.button{padding:var(--peperossa-space-2) var(--peperossa-space-4);border:2px solid var(--peperossa-action);background:var(--peperossa-action);color:var(--peperossa-on-action);font-weight:var(--peperossa-font-weight-medium);border-radius:6px;text-decoration:none;display:inline-block}.button.secondary{color:var(--peperossa-text);background:0 0}.hero{padding-block:clamp(48px,10vw,112px)}.subline{font-size:var(--peperossa-font-size-lg);color:var(--peperossa-text-muted)}.actions{gap:var(--peperossa-space-4);margin-top:var(--peperossa-space-6);flex-wrap:wrap;display:flex}.band{padding-block:var(--peperossa-space-6) 48px;border-top:1px solid var(--peperossa-border)}.footer{border-top:1px solid var(--peperossa-border);background:var(--peperossa-surface);color:var(--peperossa-text-muted);padding-block:var(--peperossa-space-6)}.footer-row{justify-content:space-between;gap:var(--peperossa-space-4);flex-wrap:wrap;display:flex}.footer p{margin:0}h3{font-family:var(--peperossa-font-family-heading);font-weight:var(--peperossa-font-weight-semibold);font-size:var(--peperossa-font-size-lg);line-height:var(--peperossa-font-line-height-heading);margin:0 0 var(--peperossa-space-2)}img{max-width:100%;height:auto;display:block}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;display:grid}@media (width>=1000px){.hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.hero-visual{margin:0;position:relative}.window{border:1px solid var(--peperossa-border);background:var(--peperossa-surface);border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #1f1a1724}.window:before{content:"";border-bottom:1px solid var(--peperossa-border);background:radial-gradient(circle at 10px 7px, var(--peperossa-color-neutral-300) 3px, transparent 3.5px), radial-gradient(circle at 22px 7px, var(--peperossa-color-neutral-300) 3px, transparent 3.5px), radial-gradient(circle at 34px 7px, var(--peperossa-color-neutral-300) 3px, transparent 3.5px);height:14px;display:block}.paper,.paper-frame img{background:#fff;box-shadow:0 1px 2px #1f1a1733,0 10px 24px #1f1a172e}.pages{gap:var(--peperossa-space-3);margin:-64px var(--peperossa-space-4) 0 0;justify-content:flex-end;display:flex;position:relative}.pages picture{flex:0 0 26%}.pages img{width:100%}.pages picture:nth-child(2) img{transform:translateY(20px)}.problem .points{margin:0 0 var(--peperossa-space-6);font-size:var(--peperossa-font-size-lg);padding-left:1.2em}.problem .points li+li{margin-top:var(--peperossa-space-2)}.answer{font-family:var(--peperossa-font-family-heading);font-weight:var(--peperossa-font-weight-semibold);font-size:var(--peperossa-font-size-xl);color:var(--peperossa-link)}.steps,.features{gap:var(--peperossa-space-6) 32px;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.features{grid-template-columns:repeat(3,minmax(0,1fr))}}.step-image{aspect-ratio:4/3;margin-bottom:var(--peperossa-space-4);justify-content:center;align-items:flex-start;display:flex}.step-image.window{display:block}.step-image.window img{object-fit:cover;object-position:left top;width:100%;height:calc(100% - 15px)}.step-image.paper-frame picture,.step-image.paper-frame img{width:auto;height:100%}.step-number{width:1.6em;height:1.6em;margin-right:var(--peperossa-space-2);background:var(--peperossa-action);color:var(--peperossa-on-action);font-size:var(--peperossa-font-size-base);border-radius:50%;place-items:center;display:inline-grid}.features li{padding:var(--peperossa-space-6);border:1px solid var(--peperossa-border);background:var(--peperossa-surface);border-radius:10px}.features p{color:var(--peperossa-text-muted)}.developers{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width>=900px){.developers{grid-template-columns:minmax(0,1fr) 260px}}.code{margin:0 0 var(--peperossa-space-3);padding:var(--peperossa-space-4);border:1px solid var(--peperossa-border);background:var(--peperossa-color-neutral-900);color:var(--peperossa-color-neutral-50);font-family:var(--peperossa-font-family-mono);font-size:var(--peperossa-font-size-xs);border-radius:8px;line-height:1.6;overflow-x:auto}.code:focus-visible{outline:3px solid var(--peperossa-highlight)}.response{font-family:var(--peperossa-font-family-mono);font-size:var(--peperossa-font-size-xs);color:var(--peperossa-text-muted)}.links{gap:var(--peperossa-space-4);flex-wrap:wrap;display:flex}.thumb{width:260px;max-width:100%}.legal{max-width:72ch;padding-block:var(--peperossa-space-6) 48px}.legal h2{font-size:var(--peperossa-font-size-xl);margin-top:var(--peperossa-space-6)}.legal .updated{color:var(--peperossa-text-muted);font-size:var(--peperossa-font-size-xs)}.details{gap:var(--peperossa-space-2) var(--peperossa-space-4);margin:var(--peperossa-space-6) 0;grid-template-columns:max-content 1fr;display:grid}.details dt{font-weight:var(--peperossa-font-weight-medium)}.details dd{margin:0}@media (width<=480px){.details{grid-template-columns:1fr}.details dd{margin-bottom:var(--peperossa-space-2)}}.footer-legal{justify-content:space-between;gap:var(--peperossa-space-4);width:100%;font-size:var(--peperossa-font-size-xs);flex-wrap:wrap;display:flex}