@font-face{font-family:Gambarino;src:url(/fonts-v/Gambarino-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--petrol:#00272b;--hlbina:#001b1e;--povrch:#06363b;--sklo:#08666b;--hmla:#a9bfba;--volt:#e0ff4f;--papier:#f1f6f3;--ink-2:#3e5c5b;--line:#cdd9d3;--display:"Gambarino", "Iowan Old Style", Georgia, serif;--sans:"Geist", "Helvetica Neue", Arial, sans-serif;--rib:repeating-linear-gradient(90deg, #f1f6f30d 0 6px, #001b1e59 6px 20px, #a9bfba0a 20px 28px);--gutter:clamp(16px, 4vw, 48px)}body:has(>.blog){background:var(--papier);min-height:0;color:var(--petrol);font:18px/1.6 var(--sans);place-items:normal;display:block}main.blog-main{max-width:none;padding:0}.blog a{color:inherit}.blog :focus-visible{outline:3px solid var(--sklo);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(100% - 2 * var(--gutter), 1120px);margin-inline:auto}.bar{z-index:10;-webkit-backdrop-filter:blur(14px);color:var(--papier);background:#00272bf0;position:sticky;top:0}.bar .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand img{width:auto;height:22px;display:block}.bar nav{align-items:center;gap:clamp(14px,3vw,28px);font-size:15px;font-weight:600;display:flex}.bar nav a{text-decoration:none}.pill{background:var(--volt);border-radius:999px;align-items:center;min-height:44px;padding:0 20px;display:inline-flex;color:var(--petrol)!important}.pill:hover{background:#ecff8a}@media (max-width:480px){.bar .nav-blog{display:none}.brand img{height:18px}.pill{padding:0 14px}}.hero{background:var(--petrol);color:var(--papier);padding-block:clamp(48px,9vw,104px) clamp(44px,7vw,80px);position:relative;overflow:hidden}.hero:before{content:"";background:var(--rib);opacity:.6;position:absolute;inset:0}.hero:after{content:"";background:radial-gradient(55% 70% at 85% 0,#08666b99,#0000 70%);position:absolute;inset:0}.hero .wrap{z-index:1;max-width:860px;margin-left:max(var(--gutter), (100% - 1120px) / 2);position:relative}.kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--sklo);font-size:13px;font-weight:600}.hero .kicker{color:var(--volt)}.hero h1{font:400 clamp(38px, 6.2vw, 72px)/1.02 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:14px 0 0}.hero h1 em{color:var(--volt);font-style:normal}.hero .lede{max-width:60ch;color:var(--hmla);margin:20px 0 0;font-size:clamp(17px,1.6vw,20px);line-height:1.5}.hero .lede a{color:var(--volt)}.hero .meta{color:var(--hmla);margin:24px 0 0;font-size:14px}.crumbs{color:var(--hmla);gap:10px;margin-bottom:28px;font-size:14px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--papier);text-decoration:underline}.prose{max-width:680px;padding-block:clamp(40px,6vw,72px) 8px;font-size:clamp(17px,1.4vw,19px);line-height:1.68}.prose>*+*{margin-top:1.1em}.prose h2{font:400 clamp(28px, 3.4vw, 38px)/1.12 var(--display);letter-spacing:-.005em;margin-top:2.2em}.prose h3{margin-top:1.8em;font-size:1.05em;font-weight:600;line-height:1.35}.prose h2+p,.prose h3+p{margin-top:.6em}.prose strong{font-weight:600}.prose a{color:var(--sklo);text-underline-offset:3px;text-decoration-thickness:1.5px}.prose a:hover{color:var(--petrol)}.prose ul,.prose ol{gap:.55em;padding:0;list-style:none;display:grid}.prose ul li{padding-left:30px;position:relative}.prose ul li:before{content:"";border:2px solid var(--petrol);border-radius:4px;width:14px;height:14px;position:absolute;top:.42em;left:0}.prose ol{counter-reset:n}.prose ol li{counter-increment:n;padding-left:42px;font-weight:600;position:relative}.prose ol li:before{content:counter(n);background:var(--petrol);width:28px;height:28px;color:var(--volt);text-align:center;border-radius:50%;font-size:14px;line-height:28px;position:absolute;top:.1em;left:0}.example{background:var(--petrol);color:var(--papier);border-radius:18px;padding:20px 24px}.example p{margin:0}.example .example-label{letter-spacing:.1em;text-transform:uppercase;color:var(--volt);margin-bottom:6px;font-size:12px;font-weight:600}.prose .sources{font-size:15px}.prose .sources li:before{background:var(--sklo);border:0;border-radius:50%;width:6px;height:6px;top:.65em}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin:0;padding:clamp(40px,6vw,72px) 0 0;list-style:none;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:24px;gap:12px;height:100%;padding:28px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.card:hover{border-color:var(--sklo);transform:translateY(-2px)}.card h2{font:400 28px/1.12 var(--display);margin:0}.card p{color:var(--ink-2);margin:0;font-size:16px;line-height:1.5}.card .meta{color:var(--ink-2);align-self:end;font-size:14px}.free{background:var(--petrol);color:var(--papier);border-radius:28px;margin-block:clamp(48px,7vw,88px);padding:clamp(24px,4vw,48px);scroll-margin-top:80px;position:relative;overflow:hidden}.free:before{content:"";background:var(--rib);opacity:.5;pointer-events:none;position:absolute;inset:0}.free>*{position:relative}.free .kicker{color:var(--volt)}.free h2{font:400 clamp(32px, 4.4vw, 52px)/1.04 var(--display);margin:8px 0 0}.free-lede{max-width:60ch;color:var(--hmla);margin:12px 0 0}.free-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.free-list li{background:#001b1eb3;border:1px solid #08666be6;border-radius:20px;align-content:start;gap:8px;padding:22px;display:grid}.free-list .kicker{color:var(--hmla);font-size:12px}.free-list h3{font:400 26px/1.1 var(--display);margin:0}.free-list p{color:var(--hmla);margin:0;font-size:15px;line-height:1.5}.free-dl,.free-tag{border-radius:999px;justify-self:start;align-items:center;min-height:44px;margin-top:6px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.free-dl,.blog .free-dl{background:var(--volt);color:var(--petrol)}.free-dl:hover{background:#ecff8a}.free-tag{min-height:36px;color:var(--hmla);border:1px solid #a9bfba66;padding:0 14px;font-size:13px}.free-tag.locked:before{content:"";background:currentColor;width:12px;height:12px;margin-right:8px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") 50%/contain no-repeat}.free-form{margin-top:28px}.free-row{background:var(--papier);border-radius:999px;gap:6px;max-width:720px;padding:6px;display:flex}.free-row:focus-within{box-shadow:0 0 0 3px var(--volt)}.free-row input{min-width:0;height:48px;font:inherit;color:var(--petrol);background:0 0;border:0;flex:1;padding:0 16px;font-size:17px}.free-row input+label+input{border-left:1px solid var(--line)}.free-row input:focus{outline:none}.free-row input::placeholder{color:#587371}.free-row button{background:var(--petrol);min-height:48px;color:var(--volt);font:600 15px var(--sans);cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 22px}.free-row button:hover{background:var(--povrch)}.free-row button:disabled{opacity:.7;cursor:wait}.free-opt{cursor:pointer;align-items:flex-start;gap:10px;margin-top:16px;font-size:15px;line-height:1.45;display:flex}.free-opt input{width:18px;height:18px;accent-color:var(--volt);flex:none;margin-top:2px}.free-note{color:var(--hmla);margin:8px 0 0;font-size:13px}.free-msg{color:var(--volt);margin:16px 0 0;font-weight:600}@media (max-width:640px){.free-row{border-radius:22px;flex-direction:column}.free-row input{flex:none}.free-row input+label+input{border-left:0;border-top:1px solid var(--line)}.free-row button{width:100%}}.guide-steps{padding-top:8px}.prose .steps{gap:44px;margin:0;padding:0;list-style:none;display:grid}.prose .steps li{min-width:0;padding:0;font-weight:400}.prose .steps li:before{content:none}.steps h2{margin-top:0}.step-n{font:600 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sklo);margin-bottom:6px;display:block}.code{border:1px solid var(--sklo);background:#00161a;border-radius:16px;max-width:100%;margin-top:14px;overflow:hidden}.code-bar{color:var(--hmla);background:#f1f6f30f;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;font:13px Geist Mono,ui-monospace,monospace;display:flex}.copy{background:var(--volt);min-height:36px;color:var(--petrol);font:600 13px var(--sans);cursor:pointer;border:0;border-radius:999px;padding:0 14px}.code pre{color:var(--papier);margin:0;padding:16px;font:14px/1.55 Geist Mono,ui-monospace,monospace;overflow-x:auto}.guide-wait{color:var(--ink-2);padding-block:32px}.library{padding-top:clamp(32px,5vw,56px)}.library .free{margin-block:0 8px}.library-hello{font:400 clamp(24px, 3vw, 32px)/1.2 var(--display);margin:0}.library .cards{padding-top:24px}.fresh{background:var(--volt);color:var(--petrol);border-radius:999px;margin-right:6px;padding:2px 8px}.foot{background:var(--hlbina);color:var(--hmla);padding-block:32px 40px;font-size:14px}.foot p{margin:4px 0}.foot a{color:var(--papier)}
