:root{--primary-color:#edebf4;--primary-rgb:237,235,244;--background-color:#151515;--text-color:var(--primary-color);--bg-color:var(--background-color)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:neue-haas-grotesk-text,sans-serif;font-style:normal;font-weight:400;background-color:var(--bg-color);color:var(--text-color);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.text-base,body{font-size:16px;line-height:26px}.text-base{font-weight:300}.text-heading-xl{font-size:42px;line-height:1.2;color:var(--text-color)}.text-heading-lg,.text-heading-xl{font-weight:300;margin-bottom:1.5rem}.text-heading-lg{font-size:28px;line-height:1.3}.text-heading-md{font-size:24px;font-weight:300;line-height:1.4;margin-bottom:-.5rem}.text-heading-sm{font-size:20px;font-weight:300;line-height:1.4;margin-bottom:1rem}.text-subtitle{font-size:22px;font-weight:300;line-height:1.4;margin-bottom:2rem;color:var(--text-color);opacity:.8}.text-body{font-size:18px;line-height:1.8;margin:1rem 0}.text-body-sm{font-size:16px;line-height:1.7;margin:.75rem 0}.text-caption{font-size:14px;line-height:21px;opacity:.7}.text-micro{font-size:13px;line-height:19px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{opacity:.7}.text-faint{opacity:.4}.text-center{text-align:center}.link{text-decoration:none}.link,.link-underline{color:var(--text-color);transition:opacity .2s ease}.link-underline{text-decoration:underline}.link-underline:hover,.link:hover{opacity:.8}.btn{font-size:16px;font-weight:500;background:none;border:none;cursor:pointer;transition:opacity .2s ease;font-family:inherit}.btn-primary{background:var(--text-color);color:var(--bg-color);border-radius:9999px;padding:.75rem 1.5rem}.btn-primary:hover{opacity:.8}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:none;color:var(--text-color);padding:.5rem}.btn-ghost:hover{opacity:.6}.container{min-height:100vh;background:var(--bg-color)}.container-main{max-width:2400px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column}.section{margin-bottom:100px}.section-hero{margin-top:130px;margin-bottom:60px}.header{padding:80px 0 0}.header-container{max-width:2400px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.header-logo{flex-direction:column;text-decoration:none}.header-logo,.header-sign-in{display:flex;color:var(--text-color)}.header-sign-in{align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.header-sign-in:hover{opacity:.8}.header-sign-in-icon{width:22px!important;height:23px!important;min-width:22px;min-height:23px}.theme-selector{display:flex;gap:16px;align-items:center}.theme-preset{width:14px;height:14px;padding:0;border:none;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;background:none;box-shadow:0 0 0 4px;color:color-mix(in srgb,var(--text-color) 12%,transparent);transition:color .2s ease}.theme-preset.active,.theme-preset:hover{color:color-mix(in srgb,var(--text-color) 20%,transparent)}.theme-preset.active{outline-offset:2px}.theme-preset-bottom,.theme-preset-top{width:100%;height:50%;position:absolute;left:0}.theme-preset-top{top:0}.theme-preset-bottom{bottom:0}.theme-selector input[type=color]{width:30px;height:30px;padding:0;border:none;border-radius:4px;cursor:pointer}.hero{flex:1 1;width:50%}.hero-title{padding-bottom:40px;opacity:.4}.hero-text{font-size:16px;line-height:26px}.content{display:flex;gap:2.5rem;margin-bottom:100px}.content-column{flex:1 1;width:50%}.two-column-block{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0}.column-left,.column-license{width:50%;display:flex;flex-direction:column;border-bottom:1px solid var(--text-color);padding-bottom:1rem;line-height:26px}.column-title{font-weight:600}.column-count,.column-license-text{opacity:.7}.pricing{flex:1 1;width:50%;border-radius:.75rem}.pricing-tier{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--text-color)}.pricing-title{font-weight:600;font-size:16px}.pricing-info{display:flex;flex-direction:column}.pricing-description{opacity:.7;font-size:16px;line-height:26px}.pricing-license{display:flex;align-items:center;gap:.5rem}.pricing-button{background:var(--text-color);color:var(--bg-color);border:none;border-radius:9999px;padding:.7rem 1rem;cursor:pointer;transition:opacity .2s ease;font-size:16px;font-weight:500}.pricing-button:hover{opacity:.8}.pricing-button.purchased{opacity:.4;cursor:default}.mockup-grid{display:grid;grid-template-columns:1fr;grid-column-gap:2.5rem;column-gap:2.5rem;grid-row-gap:2.8rem;row-gap:2.8rem;margin-bottom:200px}.mockup-item{display:flex;flex-direction:column;gap:.6rem;transition:opacity .5s ease,transform .5s ease}.mockup-item.fade-in{opacity:1;transform:translateY(0)}.mockup-item.fade-out{opacity:0;transform:translateY(10px)}.mockup-image-wrapper{position:relative;background:rgba(var(--primary-rgb),.1);border-radius:0;overflow:hidden;display:flex;justify-content:center;align-items:center;padding-bottom:66.875%;width:100%}.mockup-image-wrapper img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important}.mockup-meta{display:flex;flex-direction:column}.mockup-meta a,.mockup-meta p{margin:0;font-size:14px;line-height:21px}.mockup-dimensions,.mockup-title{font-size:13px;line-height:19px}.mockup-dimensions{opacity:.6}.mockup-download{color:var(--text-color);text-decoration:underline;transition:opacity .2s ease;font-size:13px}.mockup-download:hover{opacity:.8}.masonry-grid{column-gap:4rem;column-fill:balance}.masonry-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:2.5rem;display:inline-block;width:100%}.masonry-item-vertical .mockup-image-wrapper{padding-bottom:140%}.masonry-item-horizontal .mockup-image-wrapper{padding-bottom:70%}.product-container{display:flex;gap:4rem;margin:8rem 0 6rem;align-items:flex-start}.product-images-column{flex:1 1;display:flex;flex-direction:column;gap:2rem}.product-image-wrapper{width:100%;overflow:hidden}.product-info-column{flex:1 1;display:flex;flex-direction:column;gap:1.5rem}.product-info-column-fixed{position:-webkit-sticky;position:sticky;top:40px;align-self:flex-start;overflow-y:auto}.product-title{font-size:24px;font-weight:300;margin-bottom:2.5rem}.product-description{opacity:.8;width:50%;font-size:16px;line-height:26px}.product-pricing-section{padding-top:2rem;overflow:visible}.product-pricing-section .two-column-block{margin-bottom:1.5rem}.download-button{display:inline-block;background:var(--text-color);color:var(--bg-color);border:none;border-radius:9999px;padding:.75rem 1.5rem;cursor:pointer;transition:opacity .2s ease;text-align:center;text-decoration:none;font-weight:500;margin-top:1rem;max-width:200px;font-size:16px}.download-button:hover{opacity:.8}.article-container{max-width:1000px;margin:0 auto;padding:0 1rem}.article-category-container{margin-bottom:2rem}.article-category-tag{display:inline-block;padding:.5rem 1rem;background:rgba(var(--primary-rgb),.1);border-radius:20px;font-size:14px;font-weight:500;color:var(--text-color)}.article-image-container{margin-bottom:3rem;width:100%}.article-content-container{max-width:700px;margin:0 auto}.article-content{line-height:1.8;font-size:18px}.article-details{display:flex;flex-direction:column;width:75%;margin-top:.4rem;margin-bottom:1rem;gap:1.3rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin:2rem 0 1rem;font-weight:500}.article-content h1{font-size:28px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content h4{font-size:18px}.article-content p{margin:1rem 0;line-height:1.8;font-size:18px}.article-content ol,.article-content ul{margin:1rem 0;padding-left:2rem}.article-content li{margin:.5rem 0;line-height:1.8;font-size:18px}.article-content a{color:var(--text-color);text-decoration:underline}.article-content a:hover{opacity:.8}.article-content blockquote{border-left:3px solid var(--text-color);margin:1.5rem 0;padding-left:1rem;opacity:.8;font-style:italic;line-height:1.8;font-size:18px}.article-content code{background:rgba(var(--primary-rgb),.1);padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:16px}.article-content pre{background:rgba(var(--primary-rgb),.1);padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}.article-content pre code{background:none;padding:0}.grid-controls{display:flex;justify-content:flex-end;margin-bottom:20px}.grid-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;transition:opacity .2s ease;color:var(--text-color);opacity:.4}.grid-button.active,.grid-button:hover{background:none;opacity:1}.grid-button.active{color:var(--text-color)}.grid-button:disabled{opacity:.2;cursor:not-allowed}.grid-button:disabled:hover{opacity:.2}.grid-button svg{fill:currentColor}.zoom-icon{position:absolute;top:12px;right:12px;background:var(--bg-color);color:var(--text-color);border-radius:50%;padding:8px;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.mockup-image-wrapper:hover .zoom-icon{opacity:1}.zoomed-image-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.zoomed-image-overlay.active{opacity:1;pointer-events:auto}.zoomed-image{max-width:85vw;max-height:85vh;width:auto!important;height:auto!important;transform:scale(.85);transition:transform .3s ease;object-fit:contain!important}.zoomed-image-overlay.active .zoomed-image{transform:scale(1)}.top-banner{width:100%;background-color:var(--text-color);color:var(--bg-color);padding:10px 0;position:fixed;top:0;left:0;z-index:1000}.banner-content{max-width:2400px;margin:0 auto;padding:0 1rem;display:flex;justify-content:center;align-items:center;position:relative}.banner-content p{text-align:center;margin:0;font-size:16px}.banner-content a{color:var(--bg-color);text-decoration:underline;font-weight:500}.close-banner{background:none;border:none;color:var(--bg-color);font-size:20px;cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%);padding:5px;line-height:1}.social-media-icons{display:flex;gap:16px;align-items:center}.social-icon{display:flex;align-items:center;justify-content:center;color:var(--text-color);text-decoration:none;transition:opacity .2s ease;opacity:1}.social-icon:hover{opacity:.6}.social-icon svg{width:18px;height:18px;fill:currentColor}.social-icon-x svg{width:15px;height:15px}.recommendations-section{margin-bottom:100px}.recommendations-title{font-size:24px;font-weight:300;padding-bottom:34px}.recommendations-title a{font-size:24px;font-weight:300;color:var(--text-color)}.skeleton{background:linear-gradient(90deg,rgba(var(--primary-rgb),.08) 25%,rgba(var(--primary-rgb),.16) 37%,rgba(var(--primary-rgb),.08) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.mockup-item-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.8rem}.mockup-meta-skeleton{margin-top:8px;font-size:13px}.mockup-meta-skeleton-line{height:16px;width:140px;margin:4px 0;border-radius:4px}.loading-container{padding:2rem 0;width:100%;text-align:center}.auth-container{max-width:400px;margin:100px auto;text-align:center}.auth-container h2{margin-bottom:20px}.auth-container p{margin-bottom:30px;opacity:.7}.auth-container input{width:100%;padding:10px;margin-bottom:20px;border:1px solid var(--primary-color);border-radius:4px}input[type=email]{background:transparent;border:1px solid var(--text-color);color:var(--text-color);padding:12px;width:100%;border-radius:4px;margin-bottom:6px;font-size:16px}input[type=email]::placeholder{color:var(--text-color);opacity:.6}.footer{margin-top:10rem;padding:60px 0 80px;border-top:1px solid rgba(var(--primary-rgb),.1)}.footer-container{max-width:2400px;margin:0 auto;padding:0 1rem}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-link{color:var(--text-color);text-decoration:none;font-size:16px;font-weight:300;line-height:26px;transition:opacity .2s ease}.footer-link:hover{opacity:.6}.footer-logo-column{justify-content:flex-start;align-items:flex-start}.footer-logo{opacity:.4;transition:opacity .2s ease}.footer-logo:hover{opacity:.6}.mobile-menu-button{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem 0 0 .5rem;transition:opacity .2s ease}.mobile-menu-button:hover{opacity:.6}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--primary-rgb),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s ease forwards}.mobile-menu-content{gap:3rem;padding:2rem;width:100%;max-width:400px}.mobile-menu-content,.mobile-menu-nav{display:flex;flex-direction:column;align-items:center}.mobile-menu-nav{gap:2rem}.mobile-menu-link{font-size:32px;font-weight:300;color:var(--bg-color);text-decoration:none;transition:opacity .2s ease;text-align:center}.mobile-menu-link:hover{opacity:.7}.mobile-menu-social{display:flex;gap:2rem;align-items:center}.mobile-menu-social-icon{display:flex;align-items:center;justify-content:center;color:var(--bg-color);text-decoration:none;transition:opacity .2s ease;opacity:1}.mobile-menu-social-icon:hover{opacity:.7}.mobile-menu-social-icon svg{width:24px;height:24px;fill:currentColor}.mobile-menu-social-icon:nth-child(2) svg{width:20px;height:20px}.mobile-menu-theme{display:flex;justify-content:center}.mobile-menu-theme .theme-selector{gap:20px}.mobile-menu-theme .theme-preset{width:20px;height:20px;box-shadow:0 0 0 4px;color:color-mix(in srgb,var(--bg-color) 30%,transparent)}.mobile-menu-theme .theme-preset.active,.mobile-menu-theme .theme-preset:hover{color:color-mix(in srgb,var(--bg-color) 50%,transparent)}.mobile-menu-sign-in{display:flex;align-items:center;gap:.75rem;background:var(--bg-color);color:var(--text-color);border:none;border-radius:9999px;padding:1rem 2rem;cursor:pointer;transition:opacity .2s ease;font-size:18px;font-weight:500;min-width:160px;justify-content:center}.mobile-menu-sign-in:hover{opacity:.8}.mobile-menu-sign-in svg{width:20px;height:20px;stroke:currentColor}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-menu-button{display:block}.social-media-icons{display:flex!important}.section-hero{margin-top:50px;margin-bottom:40px}}@media (max-width:480px){.mobile-menu-content{gap:2.5rem;padding:1.5rem}.mobile-menu-nav{gap:1.5rem}.mobile-menu-link{font-size:28px}.mobile-menu-social{gap:1.5rem}.mobile-menu-social-icon svg{width:22px;height:22px}.mobile-menu-social-icon:nth-child(2) svg,.mobile-menu-theme .theme-preset{width:18px;height:18px}.mobile-menu-sign-in{font-size:16px;padding:.875rem 1.75rem;min-width:140px}.mobile-menu-sign-in svg{width:18px;height:18px}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}.article-quote{font-size:42px;font-weight:300;line-height:1.3;margin:3rem 0;color:var(--text-color);padding:2rem 0;border-top:1px solid rgba(var(--primary-rgb),.2);border-bottom:1px solid rgba(var(--primary-rgb),.2)}@media (max-width:768px){.article-quote{font-size:32px;margin:2rem 0;padding:1.5rem 0}.section-hero{margin-top:8rem}}@media (max-width:480px){.article-quote{font-size:28px;margin:1.5rem 0;padding:1rem 0}}.help-intro{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(var(--primary-rgb),.2)}.faq-section{display:flex;flex-direction:column;gap:2.5rem}.faq-item{padding-bottom:2rem;border-bottom:1px solid rgba(var(--primary-rgb),.1)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-question{font-size:20px;font-weight:500;line-height:1.4;margin-bottom:1rem;color:var(--text-color)}.faq-answer{font-size:18px;line-height:1.8;margin:0;opacity:.8}@media (max-width:768px){.faq-section{gap:2rem}.faq-item{padding-bottom:1.5rem}.faq-question{font-size:18px;margin-bottom:.75rem}.faq-answer{font-size:16px;line-height:1.7}}@media (max-width:480px){.help-intro{margin-bottom:2rem;padding-bottom:1.5rem}.faq-section{gap:1.5rem}.faq-question{font-size:17px}}.newsletter-section{display:flex;flex-direction:column;gap:1.5rem}.newsletter-intro{font-size:16px;font-weight:300;line-height:26px;color:var(--text-color);margin:0;opacity:.8;max-width:70%}.newsletter-form{display:flex;flex-direction:column;gap:1rem}.newsletter-input{background:transparent;border:1px solid var(--text-color);color:var(--text-color);padding:12px 16px;width:100%;border-radius:4px;font-size:16px;font-family:inherit;transition:border-color .2s ease,opacity .2s ease}.newsletter-input::placeholder{color:var(--text-color);opacity:.6}.newsletter-input:focus{outline:none;border-color:var(--text-color);opacity:1}.newsletter-submit{background:var(--text-color);color:var(--bg-color);border:none;border-radius:4px;padding:12px 24px;cursor:pointer;transition:opacity .2s ease;font-size:16px;font-weight:500;font-family:inherit;width:100%}.newsletter-submit:hover{opacity:.8}.newsletter-submit:disabled{opacity:.4;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#mce-responses{margin-top:.5rem}.response{font-size:14px;line-height:1.4;padding:.5rem;border-radius:4px;margin:.5rem 0}#mce-error-response{background:rgba(220,53,69,.1);color:#dc3545;border:1px solid rgba(220,53,69,.2)}#mce-success-response{background:rgba(40,167,69,.1);color:#28a745;border:1px solid rgba(40,167,69,.2)}.article-navigation{margin-bottom:2rem}.back-to-notes-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-color);text-decoration:none;font-size:16px;font-weight:400;line-height:26px;transition:opacity .2s ease;padding:.5rem 0;margin-top:6rem}.back-to-notes-button:hover{opacity:.6}.back-to-notes-button svg{width:16px;height:16px;stroke:currentColor}.pricing-modal-content{max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.pricing-modal-container{gap:0}.pricing-modal-info{display:flex;flex-direction:column;gap:.8rem;width:100%}.pricing-modal-info .column-left,.pricing-modal-info .column-license{display:flex;flex-direction:column;border-bottom:1px solid var(--text-color);padding-bottom:1rem;line-height:26px;width:100%}.pricing-modal-info .column-title{font-weight:600;margin:0 0 .25rem;width:100%}.pricing-modal-info .column-count{opacity:.7;margin:0;width:100%}.pricing-modal-info .column-license-text{opacity:.7;margin:0}.pricing-license-info{display:flex;align-items:baseline;flex-wrap:nowrap;gap:.25rem}.pricing-license-info p{margin:0;flex-shrink:0}.pricing-license-info a{margin:0;color:var(--text-color);text-decoration:underline;flex-shrink:0}.pricing-license-info a:hover{opacity:.8}.pricing-modal-tiers{gap:0;width:100%}.pricing-modal-tier,.pricing-modal-tiers{display:flex;flex-direction:column}.pricing-modal-tier .pricing-info{gap:0;width:100%}.pricing-modal-tier .pricing-title{margin:0}.pricing-modal-tier .pricing-description{font-size:16px;line-height:26px;margin:0}.pricing-modal-tier .pricing-button{background:var(--text-color);color:var(--bg-color);border:none;border-radius:9999px;padding:.75rem 1rem;cursor:pointer;transition:opacity .2s ease;font-size:16px;font-weight:500;font-family:inherit;width:100%;margin-top:.75rem}.pricing-modal-tier .pricing-button:hover{opacity:.8}@media (max-width:768px){.pricing-modal-content{width:95%;max-height:85vh}.pricing-modal-container{gap:1.5rem}.pricing-modal-info{gap:1.25rem}.pricing-modal-info .column-left,.pricing-modal-info .column-license{padding-bottom:.75rem}.pricing-modal-tiers{gap:0}}@media (max-width:480px){.pricing-modal-content{width:98%;margin:1rem}.pricing-modal-container,.pricing-modal-info{gap:1rem}.pricing-modal-tiers{gap:0}}.related-articles-section{margin-top:6rem;padding-top:3rem;border-top:1px solid rgba(var(--primary-rgb),.1)}.related-articles-title{font-size:24px;font-weight:300;line-height:1.4;margin-bottom:2rem;color:var(--text-color)}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,320px));grid-gap:2rem;gap:2rem;justify-content:start}.related-article-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:opacity .2s ease;max-width:320px}.related-article-card:hover{opacity:.8}.related-article-image{position:relative;background:rgba(var(--primary-rgb),.1);border-radius:0;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%}.related-article-image img{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important}.related-article-content{display:flex;flex-direction:column;gap:.75rem;margin-top:.6rem}.related-article-content a,.related-article-content p{margin:0;font-size:14px;line-height:21px}.related-article-title{font-size:16px;font-weight:500;line-height:1.4;margin:0;color:var(--text-color)}.related-article-excerpt{font-size:14px;line-height:1.6;margin:0;opacity:.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.related-articles-section{margin-top:3rem;padding-top:2rem}.related-articles-title{font-size:20px;margin-bottom:1.5rem}.related-articles-grid{grid-template-columns:1fr;gap:1.5rem;justify-content:center}.related-article-card{max-width:100%}.article-navigation{margin-bottom:1.5rem}.back-to-notes-button{font-size:15px}}@media (max-width:480px){.related-articles-section{margin-top:2rem;padding-top:1.5rem}.related-articles-title{font-size:18px;margin-bottom:1rem}.related-articles-grid{gap:1rem}.related-article-content{padding:0 0 2rem;gap:.5rem}.related-article-title{font-size:15px}.related-article-excerpt{font-size:13px;-webkit-line-clamp:2}}.top-loading-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:9999;pointer-events:none}.top-loading-bar-progress{height:100%;background:var(--text-color);transition:width .2s ease;border-radius:0 2px 2px 0;box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.app-with-persistent-header{padding-top:0}.header{position:-webkit-sticky;position:sticky;top:0;background:transparent;z-index:100}.main-content{min-height:calc(100vh - 200px)}.lab-notes-header{display:flex;flex-direction:column;align-items:center;gap:20px}.lab-notes-logo{display:flex;justify-content:center;align-items:center}.lab-notes-svg{width:200px;height:auto;fill:var(--text-color);color:var(--text-color)}.lab-notes-svg *,.lab-notes-svg path{fill:var(--text-color)!important}@media (max-width:768px){.lab-notes-svg{width:160px}}@media (max-width:480px){.lab-notes-svg{width:140px}.lab-notes-header{gap:15px;margin-bottom:30px}}.category-filter{margin-bottom:3rem;display:flex;justify-content:center;width:100%}.category-filter-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center;max-width:100%}.category-filter-button{background:none;border:1px solid rgba(var(--primary-rgb),.2);color:var(--text-color);padding:.75rem 1.5rem;border-radius:9999px;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:400;font-family:inherit;white-space:nowrap;min-width:auto}.category-filter-button:hover{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.05)}.category-filter-button.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.category-filter-button.active:hover{opacity:.8;background:var(--text-color);border-color:var(--text-color)}@media (max-width:768px){.category-filter{margin-bottom:2rem;padding:0 1rem}.category-filter-buttons{gap:.375rem;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.category-filter-buttons::-webkit-scrollbar{display:none}.category-filter-button{font-size:15px;padding:.625rem 1.25rem;flex-shrink:0}}@media (max-width:480px){.category-filter{margin-bottom:1.5rem;padding:0}.category-filter-buttons{gap:.25rem}.category-filter-button{font-size:14px;padding:.5rem 1rem}}.quotes-slider{width:100vw;position:relative;left:50%;transform:translateX(-50%);padding-bottom:3rem;margin:2rem 0;overflow:hidden}.quotes-slider-container{position:relative;width:100%;min-height:280px;overflow:hidden;margin-bottom:2rem}.quotes-slider-track{display:flex;align-items:stretch;will-change:transform;transition:transform .5s ease}.quotes-slide{flex:0 0 500px;width:500px;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;margin-right:2rem;min-height:280px}.quotes-slide-link{display:block;width:100%;max-width:500px;text-decoration:none;color:inherit;transition:opacity .2s ease;background:rgba(var(--primary-rgb),.03);border:1px solid rgba(var(--primary-rgb),.1);border-radius:8px;padding:1.5rem;height:auto;min-height:200px;display:flex;align-items:stretch}.quotes-slide-link:hover{opacity:.8}.quotes-slide-content{display:flex;align-items:flex-start;gap:1.5rem;width:100%;height:auto;min-height:100%}.quotes-slide-image{flex-shrink:0;width:120px;min-height:120px;max-height:180px;overflow:hidden;position:relative;display:flex;align-items:flex-start;border-radius:0}.quotes-slide-image img{width:100%!important;height:auto!important;max-width:none!important;max-height:180px!important;object-fit:contain!important;object-position:center top!important;display:block!important}.quotes-slide-image-placeholder{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.1);border-radius:4px}.quotes-slide-text{flex:1 1;display:flex;flex-direction:column;gap:.75rem;min-width:0;height:auto;justify-content:flex-start;overflow:visible}.quotes-slide-quote{-webkit-hyphens:auto;hyphens:auto}.quotes-slide-quote,.quotes-slide-title{font-size:16px;line-height:26px;font-weight:300;margin:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:clip;display:block}.quotes-slide-title{color:var(--text-color);opacity:.7}.quotes-slider-controls{gap:1rem;padding:0 2rem}.quotes-slider-arrow,.quotes-slider-controls{display:flex;align-items:center;justify-content:center}.quotes-slider-arrow{width:32px;height:32px;border:1px solid rgba(var(--primary-rgb),.2);background:var(--bg-color);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--text-color);flex-shrink:0}.quotes-slider-arrow:hover{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.05)}.quotes-slider-arrow:active{transform:scale(.95)}.quotes-slider-arrow svg{width:12px;height:12px;stroke:currentColor}.quotes-slider-progress-container{display:flex;align-items:center;flex:1 1;max-width:200px;padding:0 .5rem}.quotes-slider-progress-bar{width:100%;height:1px;background:rgba(var(--primary-rgb),.2);position:relative;border-radius:1px}.quotes-slider-progress-fill{height:100%;background:var(--text-color);transition:width .5s ease;border-radius:1px}@media (max-width:768px){.quotes-slider{padding:2rem 0 3rem}.quotes-slider-container{min-height:260px;margin-bottom:1.5rem;padding:0 1rem}.quotes-slide{flex-grow:0;flex-shrink:0;flex-basis:calc(100vw - 4rem);width:calc(100vw - 4rem);max-width:350px;padding:2.5rem .75rem;margin-right:1rem;min-height:260px}.quotes-slide-link{padding:1.25rem;min-height:180px}.quotes-slide-content{gap:1rem}.quotes-slide-image{width:90px;min-height:90px;max-height:140px}.quotes-slide-image img{max-height:140px!important}.quotes-slide-image-placeholder{height:90px}.quotes-slide-quote,.quotes-slide-title{font-size:16px;line-height:26px}.quotes-slide-text{gap:.5rem}.quotes-slider-controls{gap:.75rem;padding:0 1rem}.quotes-slider-arrow{width:28px;height:28px}.quotes-slider-arrow svg{width:10px;height:10px}.quotes-slider-progress-container{max-width:150px}}@media (max-width:480px){.quotes-slider{padding:1.5rem 0 2.5rem}.quotes-slider-container{min-height:240px;margin-bottom:1rem;padding:0 .5rem}.quotes-slide{flex-grow:0;flex-shrink:0;flex-basis:calc(100vw - 2rem);width:calc(100vw - 2rem);max-width:320px;padding:2rem .5rem;margin-right:.5rem;min-height:240px}.quotes-slide-link{padding:1rem;min-height:160px}.quotes-slide-image{width:80px;min-height:80px;max-height:120px}.quotes-slide-image img{max-height:120px!important}.quotes-slide-image-placeholder{height:80px}.quotes-slide-quote,.quotes-slide-title{font-size:16px;line-height:26px}.quotes-slider-controls{gap:.5rem;padding:0 .5rem}.quotes-slider-arrow{width:26px;height:26px}.quotes-slider-arrow svg{width:9px;height:9px}.quotes-slider-progress-container{max-width:120px;padding:0 .25rem}}@media (min-width:768px){.mockup-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mockup-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.mockup-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1536px){.mockup-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1024px){.content{flex-direction:column;gap:3rem}.article-details,.content-column,.hero,.pricing{width:100%}.hero-title{padding-bottom:20px}.two-column-block{flex-direction:column;gap:20px}.column-left,.column-license{width:100%}.column-left p:first-child,.column-license p:first-child{font-weight:300;margin-bottom:-4px}.column-left p:last-child,.license-info p{opacity:.7}.license-info{display:flex;align-items:baseline}.license-info a,.license-info p{margin:0}.pricing-tier{flex-direction:column;align-items:flex-start;gap:1rem}.pricing-license{width:100%}.pricing-button{width:100%;padding:.75rem 1rem}.mockup-grid{grid-template-columns:repeat(2,1fr)!important}.masonry-grid{column-count:2!important;column-gap:2rem}.product-description{width:100%}.top-banner{display:none}.footer-columns{grid-template-columns:repeat(2,1fr);gap:3rem 2rem}.newsletter-section{grid-column:span 2;max-width:400px;margin:0 auto}.footer-logo-column{grid-column:span 2;justify-content:center;align-items:center;margin-top:2rem}}@media (max-width:768px){.header{padding:30px 0 0}.article-container{padding:0}.mockup-grid{grid-template-columns:1fr!important}.masonry-grid{column-count:1!important;column-gap:1.5rem}.grid-controls{display:none}.product-container{flex-direction:column;gap:2rem}.product-images-column,.product-info-column{width:100%}.product-info-column-fixed{position:static;overflow-y:visible}.social-media-icons{display:none}.text-heading-xl{font-size:32px;margin-bottom:1rem}.text-subtitle{font-size:20px;margin-bottom:1.5rem}.article-image-container{margin-bottom:2rem}.article-content-container{max-width:100%}.article-content,.article-content blockquote,.article-content li,.article-content p{font-size:16px;line-height:1.7}.article-content h1{font-size:24px}.article-content h2{font-size:22px}.article-content h3{font-size:20px}.article-content h4{font-size:18px}.footer{margin-top:60px;padding:40px 0 60px}.footer-column{gap:.75rem}.footer-columns{grid-template-columns:1fr;gap:2rem;text-align:center}.newsletter-section{grid-column:span 1;max-width:100%;text-align:left}.newsletter-intro{font-size:15px;line-height:24px}.footer-logo-column{grid-column:span 1;margin-top:1rem}}@media (max-width:480px){.header-container{gap:2rem;align-items:flex-start}.header-logo svg{width:100px;height:auto}.container-main{padding:0 1rem}.hero-text{font-size:15px;line-height:24px}.text-heading-xl{font-size:28px}.text-subtitle{font-size:18px}.article-content,.article-content blockquote,.article-content li,.article-content p{font-size:16px;line-height:1.6}.newsletter-intro{font-size:14px;line-height:22px}.newsletter-input,.newsletter-submit{font-size:16px}}.link-underline,.mockup-download{transition:opacity .2s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--text-color) 40%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content h3{font-size:24px;font-weight:300;padding-bottom:20px}.modal-content{background:var(--bg-color);padding:40px;border-radius:12px;width:90%;max-width:400px;position:relative}.modal-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);opacity:.4;transition:opacity .2s ease}.modal-close:hover{opacity:.8}.modal-content input{width:100%;padding:12px 16px;margin:0 0 16px;border:1px solid color-mix(in srgb,var(--text-color) 20%,transparent);border-radius:8px;font-family:inherit;font-size:16px;background:transparent;color:var(--text-color);opacity:1;transition:border-color .2s ease,opacity 1s}.modal-content input:focus{outline:none;border-color:var(--text-color);opacity:1}.modal-content input::placeholder{color:var(--text-color);opacity:.6}.modal-content button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--text-color);font-size:14px;line-height:21px}.modal-content h4{margin:20px 0 10px;font-weight:600}.modal-content ul{list-style-type:disc;margin-left:20px;margin-bottom:15px}.modal-content li{margin-bottom:8px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.modal-content{animation:modalFadeIn .3s ease forwards;max-height:90vh;overflow-y:auto;padding-bottom:30px}.modal-contact{margin-top:30px;text-align:center;color:rgba(var(--text-color),.7)}.modal-content.closing{animation:modalFadeOut .3s ease forwards}.pricing-modal-content{max-width:500px;width:100%;padding:2rem}.pricing-modal-container{display:flex;flex-direction:column;width:100%}.pricing-modal-content .pricing-tier{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--text-color)}.pricing-modal-tier{padding-top:1rem;padding-bottom:1.3rem;border-bottom:1px solid var(--text-color);width:100%}.pricing-modal-tier .pricing-info{display:flex;flex-direction:column}.pricing-modal-tier .pricing-title{font-weight:600;font-size:16px;padding-bottom:0}.pricing-modal-tier .pricing-description{opacity:.7}@media (max-width:600px){.pricing-modal-content{padding:1.5rem;max-width:90%}.pricing-modal-content .pricing-tier{flex-direction:column;align-items:flex-start;gap:1rem}.pricing-modal-content .pricing-license{width:100%}.pricing-modal-content .pricing-button{width:100%;padding:.75rem 1rem}}.login-modal-logo{width:140px;text-align:left;margin:0 auto 20px}.login-modal-desc{margin-bottom:30px;font-size:14px;line-height:21px;display:flex;flex-direction:column;gap:0}.login-modal-desc strong{font-weight:600}.login-modal-divider{width:100%;height:1px;background:var(--text-color);opacity:.15;margin:15px 0;border:none}.login-modal-actions{width:100%;display:flex;justify-content:center;margin-bottom:10px}.login-modal-actions .pricing-button{width:100%;max-width:100%;display:block;margin:0 auto}.login-reset-row{margin-top:10px;text-align:center}.login-reset-btn{background:none;border:none;color:var(--text-color);text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.login-reset-btn:disabled{opacity:.5;cursor:not-allowed}.login-reset-success{color:var(--text-color);opacity:.7;margin-top:8px;font-size:14px}.login-modal-support{margin-top:26px;text-align:center}.sign-in-btn{width:100%;display:block;box-sizing:border-box;align-items:center;gap:.5rem;background:var(--text-color);color:var(--bg-color);border:none;cursor:pointer;transition:opacity .2s ease;padding:1em 2em;border-radius:9999px;font-weight:500;font-size:16px}.sign-in-btn:hover{opacity:.8}.sign-in-btn:disabled{opacity:.4;cursor:default}