@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);:root{--header-height:3rem;--hue:0;--sat:0%;--title-color:hsl(var(--hue),var(--sat),20%);--title-color-dark:hsl(var(--hue),var(--sat),0%);--text-color:hsl(var(--hue),var(--sat),46%);--body-color:hsl(var(--hue),var(--sat),98%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font-size:2.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}*{-ms-overflow-style:none;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html::-webkit-scrollbar{background:transparent;display:none}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#fafafa;background-color:var(--body-color);color:#757575;color:var(--text-color)}h1,h2,h3{color:#333;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0 2rem}.section__title{color:#333;color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.section__subtitle{display:block;font-size:.875rem;font-size:var(--small-font-size);margin-bottom:4rem}.section__subtitle,.section__title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:#333;background-color:var(--title-color);border-radius:1rem;color:#fff;color:var(--container-color);display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1rem 2rem}.button:hover{background-color:#000;background-color:var(--title-color-dark)}.button__icon{margin-left:.5rem;margin-left:var(--mb-0-5)}.button--flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button__icon{height:22px;width:22px}}@media screen and (max-width:768px){body{margin:0 0 3rem;margin:0 0 var(--header-height) 0}.section{padding:2rem 0 4rem}.section__subtitle{margin-bottom:3rem;margin-bottom:var(--mb-3)}}@media screen and (max-width:350px){:root{--big-font-size:2.25rem}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}}.header{background-color:var(--container-color);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;height:calc(var(--header-height) + 1.5rem);justify-content:space-between}.nav-logo{width:50px}.nav-logo,.nav-toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav-list{-webkit-column-gap:2rem;column-gap:2rem;display:flex}.nav-link{align-items:center;color:var(--title-color);display:flex;flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.3s}.nav-close,.nav-icon,.nav-toggle{display:none}.active-link,.nav-link:hover{color:var(--title-color-dark)}.scroll-header{box-shadow:0 -1px 4px rgba(0,0,0,.15)}@media screen and (max-width:768px){.header{bottom:0;top:auto}.nav{height:var(--header-height)}.nav-menu{background-color:var(--body-color);border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px rgba(0,0,0,.15);left:0;padding:2rem 1.5rem 4rem;position:fixed;transition:.3s;width:100%}.show-menu{bottom:0}.nav-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.nav-icon{font-size:1.2rem}.nav-close{bottom:.5rem;color:var(--title-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav-close:hover{color:var(--title-color-dark)}.nav-toggle{cursor:pointer;font-size:1.1rem}.nav-close,.nav-icon,.nav-toggle{display:block}.nav-logo{width:35px}}@media screen and (max-width:350px){.nav-menu{padding:2rem .25rem 4rem}.nav-list{-webkit-column-gap:0;column-gap:0}.nav-logo{width:35px}}.client-logos{background-color:var(--container-color);border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);padding:3rem 0}.client-logos__container{text-align:center}.client-logos__title{color:var(--title-color);font-size:var(--h2-font-size);margin-bottom:.25rem}.client-logos__subtitle{color:var(--text-color);display:block;font-size:var(--small-font-size);margin-bottom:2.5rem}.client-logos__grid{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.client-logos__card{align-items:center;background:var(--body-color);border:1px solid rgba(0,0,0,.06);border-radius:1rem;display:flex;flex-direction:column;min-width:180px;padding:1.5rem 2rem;transition:.3s}.client-logos__card:hover{border-color:var(--title-color);box-shadow:0 10px 20px rgba(0,0,0,.05);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.client-logos__logo-mark{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.client-logos__logo-letter{align-items:center;background-color:var(--title-color);border-radius:.5rem;color:var(--container-color);display:flex;font-size:1rem;font-weight:var(--font-semi-bold);height:2rem;justify-content:center;width:2rem}.client-logos__logo-name{color:var(--title-color);font-size:var(--normal-font-size);font-weight:var(--font-semi-bold)}.client-logos__logo-tag{color:var(--text-color);font-size:var(--tiny-font-size);opacity:.6}@media screen and (max-width:576px){.client-logos__grid{gap:1.5rem}.client-logos__card{min-width:140px;padding:1rem 1.5rem}}.about-container{-webkit-column-gap:4rem;column-gap:4rem;grid-template-columns:repeat(2,1fr)}.about-img{border-radius:1.5rem;justify-self:center;width:390px}.about-info{gap:.5rem;grid-template-columns:repeat(3,140px);margin-bottom:var(--mb-2)}.about-box{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;padding:1rem 1.25rem;text-align:center}.about-icon{color:var(--title-color);font-size:1.5rem;margin-bottom:var(--mb-0-5)}.about-title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about-subtitle{font-size:var(--tiny-font-size)}.about-description{line-height:20px;margin-bottom:var(--mb-2);padding:0 4rem 0 0}@media screen and (max-width:992px){.about-container{grid-template-columns:1fr;row-gap:2.5rem}.about-img{width:220px}.about-box{padding:.75rem .5rem}.about-data{text-align:center}.about-info{justify-content:center}.about-description{margin-bottom:2rem;padding:0 5rem}}@media screen and (max-width:576px){.about-info{grid-template-columns:repeat(3,1fr)}.about-description{padding:0}}@media screen and (max-width:350px){.about-info{grid-template-columns:repeat(2,1fr)}}.skills-container{-webkit-column-gap:3rem;column-gap:3rem;grid-template-columns:repeat(2,350px);justify-content:center}.skills-content{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:1.25rem;padding:2rem 3rem}.skills-title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.skills-box{align-items:flex-start;-webkit-column-gap:2.5rem;column-gap:2.5rem;display:flex;justify-content:center}.skills-group{grid-row-gap:1rem;align-items:flex-start;display:grid;row-gap:1rem}.skills-data{-webkit-column-gap:.5rem;column-gap:.5rem;display:flex}.skills .bx-badge-check{color:var(--title-color);font-size:1rem}.skills-name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px}.skills-level{font-size:var(--tiny-font-size)}@media screen and (max-width:992px){.skills-container{grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:2rem}}@media screen and (max-width:576px){.skills-container{grid-template-columns:1fr}.skills-content{padding:1.5rem}}@media screen and (max-width:350px){.skills-box{-webkit-column-gap:1.25rem;column-gap:1.25rem}.skills-name{font-size:var(--small-font-size)}}.services-container{-webkit-column-gap:1.8rem;column-gap:1.8rem;grid-template-columns:repeat(3,270px);justify-content:center}.services-content{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);padding:6rem 0 2rem 2.5rem;position:relative}.services-icon{color:var(--title-color);display:block;font-size:2rem;margin-bottom:var(--mb-1)}.services-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1)}.services-button{align-items:center;color:var(--title-color);-webkit-column-gap:.25rem;column-gap:.25rem;cursor:pointer;display:inline-flex;font-size:var(--small-font-size)}.services-button-icon{font-size:1rem;transition:.3s}.services-button:hover .services-button-icon{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}.services-modal{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:0 1rem;position:fixed;right:0;top:0;transition:.3s;visibility:hidden;z-index:var(--z-modal)}.services-modal-content{background-color:var(--container-color);border-radius:1.5rem;padding:4.5rem 2.5rem 2.5rem;position:relative;width:500px}.services-modal-close{color:var(--title-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.5rem;top:1.5rem}.services-modal-description,.services-modal-title{text-align:center}.services-modal-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1)}.services-modal-description{font-size:var(--small-font-size);margin-bottom:var(--mb-2);padding:0 3.5rem}.services-modal-services{row-gap:.75rem}.services-modal-service{align-items:center;-webkit-column-gap:.5rem;column-gap:.5rem;display:flex}.services-modal-icon{color:var(--title-color);font-size:1.1rem}.services-modal-info{font-size:var(--small-font-size)}.active-modal{opacity:1;visibility:visible}@media screen and (max-width:992px){.services-container{grid-template-columns:repeat(3,218px)}}@media screen and (max-width:768px){.services-container{grid-template-columns:repeat(2,1fr)}.services-content{padding:3.5rem .5rem 1.25rem 1.5rem}.services-icon{font-size:1.5rem}}@media screen and (max-width:576px){.services-modal-content{padding:4.5rem 1.5rem 2.5rem}.services-modal-description{padding:0}}@media screen and (max-width:350px){.services-container{grid-template-columns:-webkit-max-content;grid-template-columns:max-content}.services-content{padding-right:6rem}}.qualification-container{max-width:768px}.qualification-tabs{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--mb-2);row-gap:.75rem}.qualification-button{color:var(--title-color);cursor:pointer;font-size:var(--h3-font-size);font-weight:var(--font-medium);margin:0 var(--mb-1)}.qualification-button:hover{color:var(--title-color-dark)}.qualification-icon{font-size:1.8rem;margin-right:var(--mb-0-25)}.qualification-active{color:var(--title-color-dark)}.qualification-sections{display:grid;justify-content:center}.qualification-content{display:none}.qualification-content-active{display:block}.qualification-data{grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr}.qualification-title{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.qualification-subtitle{display:inline-block;margin-bottom:var(--mb-1)}.qualification-calender,.qualification-subtitle{font-size:var(--small-font-size)}.qualification-rounder{background-color:var(--text-color);border-radius:50%;display:inline-block;height:13px;width:13px}.qualification-line{background-color:var(--text-color);display:block;height:100%;-webkit-transform:translate(6px,-7px);transform:translate(6px,-7px);width:1px}@media screen and (max-width:992px){.qualification-container{margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){.qualification-container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}}@media screen and (max-width:576px){.qualification-sections{grid-template-columns:none}.qualification-button{margin:0 var(--mb-0-75)}}@media screen and (max-width:350px){.qualification-data{gap:.5rem}}.work-filters{align-items:center;-webkit-column-gap:.75rem;column-gap:.75rem;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--mb-2);row-gap:.1rem}.work-filters--desktop{display:flex}.work-filters--mobile{display:none}.work-item{border-radius:.5rem;color:var(--title-color);cursor:pointer;font-weight:var(--font-medium);padding:.25rem .75rem;-webkit-text-decoration:capitalize;text-decoration:capitalize}.work-item:hover{background-color:var(--title-color);color:var(--container-color)}.work-container{align-items:flex-start;display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:1030px}.work-column{display:flex;flex:1 1;flex-direction:column;gap:2rem;min-width:0}.work-card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:1rem;padding:1.25rem;width:100%}.work-img{border-radius:8px;display:block;height:auto;margin-bottom:var(--mb-1);width:100%}.work-title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-0-5)}.work-button{align-items:center;color:var(--text-color);-webkit-column-gap:.25rem;column-gap:.25rem;display:flex;font-size:var(--small-font-size)}.work-button-icon{font-size:1rem;transition:.4s}.work-button:hover .work-button-icon{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}.active-work{background-color:var(--title-color);color:var(--container-color)}.work-labels{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.work-label{border:1px solid transparent;border-radius:.5rem;display:inline-block;font-size:var(--smaller-font-size);font-weight:var(--font-medium);padding:.2rem .6rem}.work-label--category[data-category="ui/ux"]{background-color:#e0f2fe;border-color:#bae6fd;color:#0369a1}.work-label--category[data-category=branding],.work-label--category[data-category=logo]{background-color:#fce7f3;border-color:#fbcfe8;color:#be185d}.work-label--category[data-category=website]{background-color:#e0e7ff;border-color:#c7d2fe;color:#4338ca}.work-label--category[data-category=poster]{background-color:#fef3c7;border-color:#fde68a;color:#b45309}.work-label--category[data-category=others]{background-color:#f3e8ff;border-color:#e9d5ff;color:#7e22ce}@media screen and (max-width:992px){.work-column,.work-container{gap:1.25rem}.work-card{padding:1rem}.work-img{margin-bottom:.75rem}.work-title{margin-bottom:.25rem}}@media screen and (max-width:576px){.work-filters--desktop{display:none}.work-filters--mobile{display:flex;justify-content:center;margin-bottom:var(--mb-2)}.work-container{padding:0 1.5rem}}@media screen and (max-width:350px){.work-item{font-size:var(--small-font-size)}.work-filters{-webkit-column-gap:.25rem;column-gap:.25rem}}.filter-dropdown{display:inline-block;position:relative;width:200px;z-index:100}.filter-dropdown__trigger{align-items:center;background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.5rem;color:var(--title-color);cursor:pointer;display:flex;font-size:var(--small-font-size);font-weight:var(--font-medium);justify-content:space-between;padding:.6rem 1rem;transition:.3s;width:100%}.filter-dropdown__trigger:hover{border-color:var(--title-color)}.filter-dropdown__icon{font-size:1.25rem}.filter-dropdown__menu{background-color:var(--container-color);border:1px solid rgba(0,0,0,.08);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;list-style:none;margin:0;padding:.25rem 0;position:absolute;right:0;top:110%}.filter-dropdown__item{color:var(--text-color);cursor:pointer;font-size:var(--small-font-size);padding:.5rem 1rem;text-transform:capitalize;transition:.2s}.filter-dropdown__item.active,.filter-dropdown__item:hover{background-color:var(--title-color);color:var(--container-color)}.contact-container{-webkit-column-gap:6rem;column-gap:6rem;justify-content:center;padding-bottom:3rem}.contact-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.contact-info{grid-row-gap:1rem;display:grid;grid-template-columns:300px;row-gap:1rem}.contact-card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;padding:1rem;text-align:center}.contact-card-icon{color:var(--title-color);font-size:2rem;margin-bottom:var(--mb-0-25)}.contact-card-data,.contact-card-title{font-size:var(--small-font-size)}.contact-card-title{font-weight:var(--font-medium)}.contact-card-data{display:block;margin-bottom:var(--mb-0-75)}.contact-button{align-items:center;color:var(--text-color);-webkit-column-gap:.25rem;column-gap:.25rem;display:inline-flex;font-size:var(--small-font-size);justify-content:center}.contact-button-icon{font-size:1rem;transition:.3s}.contact-button:hover .contact-button-icon{-webkit-transform:translate(.25rem);transform:translate(.25rem)}.contact-form{width:360px}.contact-form-div{height:4rem;margin-bottom:var(--mb-2);position:relative}.contact-form-input{background:none;border:2px solid rgba(0,0,0,.1);border-radius:.75rem;color:var(--text-color);height:100%;left:0;outline:none;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1}.contact-form-tag{background-color:var(--body-color);font-size:var(--smaller-font-size);left:1.25rem;padding:.25rem;position:absolute;top:-.75rem;z-index:10}.contact-form-area{height:11rem}.contact-form-area textarea{resize:none}@media screen and (max-width:992px){.contact-container{-webkit-column-gap:3rem;column-gap:3rem}}@media screen and (max-width:768px){.contact-container{grid-template-columns:1fr;row-gap:3rem}.contact-info{justify-content:center}.contact-form{margin:0 auto}}@media screen and (max-width:576px){.contact-info{grid-template-columns:1fr}.contact-form{width:100%}}.certificates-container{align-items:start;gap:2rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center}.certificate-card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:1rem;display:flex;flex-direction:column;padding:1.25rem}.certificate-img-wrapper{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);margin-bottom:var(--mb-1);overflow:hidden}.certificate-img{border-radius:8px;height:220px;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:320px}.certificate-card:hover .certificate-img{-webkit-transform:scale(1.03);transform:scale(1.03)}.certificate-title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-0-5);min-height:2.8rem}.certificate-button{align-items:center;align-self:flex-start;color:var(--text-color);-webkit-column-gap:.25rem;column-gap:.25rem;cursor:pointer;display:inline-flex;font-size:var(--small-font-size);transition:color .3s ease}.certificate-button--disabled{color:var(--text-color-light);cursor:not-allowed;font-style:italic}.certificate-button-icon{font-size:1rem;transition:.4s}.certificate-button:hover .certificate-button-icon{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}.certificate-button:hover{color:var(--title-color)}@media screen and (max-width:992px){.certificates-container{gap:1.25rem}.certificate-card{padding:1rem}.certificate-img{height:190px;width:280px}.certificate-title{min-height:auto}}@media screen and (max-width:768px){.certificates-container{grid-template-columns:-webkit-max-content;grid-template-columns:max-content}}@media screen and (max-width:576px){.certificates-container{grid-template-columns:1fr;padding:0 1.5rem}.certificate-img{aspect-ratio:4/3;height:auto;width:100%}}.footer{background-color:var(--container-color);border-top:1px solid rgba(0,0,0,.1)}.footer-container{padding:2rem 0 6rem}.footer-link,.footer-title{color:var(--title-color)}.footer-title{margin-bottom:var(--mb-2);text-align:center}.footer-link:hover{color:var(--title-color-dark)}.footer-list{-webkit-column-gap:1.5rem;column-gap:1.5rem;margin-bottom:var(--mb-2)}.footer-list,.footer-social{display:flex;justify-content:center}.footer-social{-webkit-column-gap:1.25rem;column-gap:1.25rem}.footer-social-link{background-color:var(--title-color);border-radius:.5rem;color:var(--container-color);display:inline-flex;font-size:1.125rem;padding:.4rem}.footer-social-link:hover{background-color:var(--title-color-dark)}.footer-copy{color:var(--title-color);display:block;font-size:var(--smaller-font-size);margin-top:4.5rem;text-align:center}@media screen and (max-width:992px){.footer-social-link{border-radius:.25rem;font-size:1rem;padding:.25rem}}.scrollup{background-color:var(--title-color);border-radius:.4rem;bottom:-20%;opacity:.8;padding:.3rem .5rem;position:fixed;right:2.5rem;transition:.4s;z-index:var(--z-tooltip)}.scrollup-icon{color:var(--container-color);font-size:1.5rem}.scrollup:hover{background-color:var(--title-color-dark)}.show-scroll{bottom:3rem}@media screen and (max-width:992px){.scrollup{padding:.25rem .4rem;right:1.5rem}.scrollup-icon{font-size:1.25rem}}@media screen and (max-width:768px){.show-scroll{bottom:4rem}}@media screen and (max-width:350px){.scrollup{right:1rem}}.pd-wrapper{background-color:var(--body-color);padding-top:5rem}.pd-back-link{align-items:center;color:var(--text-color);display:inline-flex;font-size:var(--small-font-size);font-weight:var(--font-medium);gap:.5rem;margin-bottom:2rem;transition:.3s}.pd-back-link:hover{color:var(--title-color);-webkit-transform:translateX(-3px);transform:translateX(-3px)}.pd-hero__title{color:var(--title-color);font-size:2.5rem;line-height:1.2;margin-bottom:.5rem}.pd-hero__subtitle{color:var(--text-color);display:inline-block;font-size:var(--normal-font-size);margin-bottom:2rem;opacity:.8}.pd-hero__meta{border-bottom:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08);gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;padding:1.5rem 0}.pd-hero__meta-item{display:flex;flex-direction:column;gap:.25rem}.pd-hero__meta-label{color:var(--text-color);font-size:var(--smaller-font-size);letter-spacing:.5px;opacity:.6;text-transform:uppercase}.pd-hero__meta-val{color:var(--title-color);font-size:var(--normal-font-size);font-weight:var(--font-medium)}.pd-hero__cover{border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;box-shadow:0 15px 30px rgba(0,0,0,.08);margin-bottom:4rem;overflow:hidden}.pd-hero__cover img{display:block;height:auto;width:100%}.pd-body{padding-bottom:5rem}.pd-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4.5rem}.pd-label{align-items:center;display:flex;gap:.75rem}.pd-label__num{color:var(--title-color);font-size:var(--normal-font-size);font-weight:var(--font-semi-bold);opacity:.5}.pd-label__bar{background-color:var(--title-color);height:1px;opacity:.3;width:2rem}.pd-label__title{color:var(--title-color);font-size:var(--normal-font-size);font-weight:var(--font-semi-bold);letter-spacing:1px;text-transform:uppercase}.pd-section__content p{color:var(--text-color);font-size:var(--normal-font-size);line-height:1.7}.pd-fallback{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4.5rem}.pd-fallback-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.pd-more{border-top:1px solid rgba(0,0,0,.08);margin-top:6rem;padding-top:4rem}.pd-more__title{color:var(--title-color);font-size:var(--h2-font-size);margin-bottom:.25rem}.pd-more__sub{color:var(--text-color);display:block;font-size:var(--small-font-size);margin-bottom:2.5rem}.pd-more__grid{gap:2rem;grid-template-columns:repeat(3,1fr)}.pd-more__card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.08);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;transition:.3s}.pd-more__card:hover{border-color:var(--title-color);box-shadow:0 10px 20px rgba(0,0,0,.05);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pd-more__img-wrap{aspect-ratio:4/3;overflow:hidden;position:relative}.pd-more__img-wrap img{display:block;height:100%;object-fit:cover;transition:.4s;width:100%}.pd-more__card:hover .pd-more__img-wrap img{-webkit-transform:scale(1.05);transform:scale(1.05)}.pd-more__overlay{align-items:center;background-color:rgba(0,0,0,.5);color:#fff;display:flex;font-size:var(--small-font-size);font-weight:var(--font-medium);height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:100%}.pd-more__card:hover .pd-more__overlay{opacity:1}.pd-more__info{padding:1.25rem}.pd-more__info h3{color:var(--title-color);font-size:var(--normal-font-size);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-more__info span{color:var(--text-color);font-size:var(--smaller-font-size);opacity:.6}.pd-not-found{padding:8rem 0;text-align:center}.pd-not-found h2{color:var(--title-color);font-size:2rem;margin-bottom:1rem}.pd-not-found p{color:var(--text-color);margin-bottom:2rem}.pd-overview__text{font-size:1.1rem!important;line-height:1.8}.pd-flow__intro,.pd-problems__intro,.pd-solutions__intro{color:var(--text-color);font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.pd-problems__grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.pd-problem-card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.05);border-radius:1rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.pd-problem-card:before{background-color:#e31b23;content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:4px}.pd-problem-card:hover{border-color:rgba(227,27,35,.2);box-shadow:0 10px 25px rgba(0,0,0,.05);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pd-problem-card__num{color:#e31b23;font-size:.9rem;font-weight:var(--font-bold);letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.pd-problem-card__title{color:var(--title-color);font-size:1.2rem;font-weight:var(--font-semi-bold);margin-bottom:.75rem}.pd-problem-card__desc{color:var(--text-color);font-size:var(--small-font-size)!important;line-height:1.6}.pd-personas__grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.pd-persona-card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.05);border-radius:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.02);display:flex;flex-direction:column;gap:1.5rem;padding:2.25rem}.pd-persona-card__header{align-items:center;border-bottom:1px solid rgba(0,0,0,.06);display:flex;gap:1.25rem;padding-bottom:1.25rem}.pd-persona-card__icon-wrap{align-items:center;background:linear-gradient(135deg,#0b1e36,#1c3d63);border-radius:50%;box-shadow:0 8px 16px rgba(11,30,54,.2);color:#fff;display:flex;height:3.5rem;justify-content:center;width:3.5rem}.pd-persona-card__icon{font-size:1.75rem}.pd-persona-card__header-info{display:flex;flex-direction:column}.pd-persona-card__name{color:var(--title-color);font-size:1.3rem;font-weight:var(--font-bold)}.pd-persona-card__age-role{color:var(--text-color);font-size:var(--smaller-font-size);opacity:.7}.pd-persona-card__bio{color:var(--text-color);font-size:.95rem!important;font-style:italic;line-height:1.6;opacity:.9}.pd-persona-card__details{border-top:1px solid rgba(0,0,0,.06);gap:1.5rem;grid-template-columns:repeat(2,1fr);padding-top:1.25rem}.pd-persona-card__details-col h5{color:var(--title-color);font-size:var(--small-font-size);font-weight:var(--font-bold);letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.pd-persona-card__details-col ul{display:flex;flex-direction:column;gap:.5rem;list-style:none}.pd-persona-card__details-col ul li{color:var(--text-color);font-size:var(--smaller-font-size);line-height:1.5;padding-left:1.25rem;position:relative}.pd-persona-card__details-col ul li:before{color:#e31b23;content:"•";font-size:1.1rem;font-weight:700;left:.25rem;position:absolute;top:-.1rem}.pd-features__grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.pd-feature-card{align-items:center;background-color:var(--container-color);border:1px solid rgba(0,0,0,.05);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.pd-feature-card:hover{border-color:rgba(11,30,54,.15);box-shadow:0 12px 30px rgba(0,0,0,.06);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pd-feature-card__icon-wrap{align-items:center;background-color:rgba(11,30,54,.05);border-radius:12px;color:#0b1e36;display:flex;height:3.25rem;justify-content:center;transition:all .3s ease;width:3.25rem}.pd-feature-card:hover .pd-feature-card__icon-wrap{background-color:#0b1e36;box-shadow:0 8px 16px rgba(11,30,54,.15);color:#fff}.pd-feature-card__icon{font-size:1.6rem}.pd-feature-card__title{color:var(--title-color);font-size:1.1rem;font-weight:var(--font-bold)}.pd-feature-card__desc{color:var(--text-color);font-size:var(--small-font-size)!important;line-height:1.5;text-align:center}.pd-flow__container{align-items:center;background-color:var(--container-color);border:1px solid rgba(0,0,0,.05);border-radius:1rem;display:flex;gap:1rem;justify-content:space-between;overflow-x:auto;padding:2rem 1.5rem}.pd-flow-step{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:140px;position:relative;text-align:center}.pd-flow-step__badge{align-items:center;background-color:#0b1e36;border-radius:50%;box-shadow:0 4px 10px rgba(11,30,54,.2);color:#fff;display:flex;font-size:var(--small-font-size);font-weight:var(--font-bold);height:2.25rem;justify-content:center;margin-bottom:.75rem;width:2.25rem}.pd-flow-step__label{color:var(--title-color);font-size:.95rem;font-weight:var(--font-semi-bold);margin-bottom:.5rem}.pd-flow-step__desc{color:var(--text-color);font-size:.75rem!important;line-height:1.4;opacity:.8}.pd-flow-arrow{align-items:center;-webkit-animation:flowPulse 2s ease-in-out infinite;animation:flowPulse 2s ease-in-out infinite;color:var(--title-color);display:flex;font-size:1.5rem;justify-content:center;opacity:.4}@-webkit-keyframes flowPulse{0%{opacity:.3;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.7;-webkit-transform:translateX(4px);transform:translateX(4px)}to{opacity:.3;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flowPulse{0%{opacity:.3;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.7;-webkit-transform:translateX(4px);transform:translateX(4px)}to{opacity:.3;-webkit-transform:translateX(0);transform:translateX(0)}}.pd-design-system__section-title{border-bottom:1px solid rgba(0,0,0,.06);color:var(--title-color);font-size:1.15rem;font-weight:var(--font-bold);margin-bottom:1.25rem;padding-bottom:.5rem}.pd-colors-grid{gap:1rem;grid-template-columns:repeat(5,1fr);margin-bottom:3rem}.pd-color-swatch{background-color:var(--container-color);border:1px solid rgba(0,0,0,.05);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.pd-color-swatch:hover{border-color:rgba(0,0,0,.12);box-shadow:0 10px 20px rgba(0,0,0,.05);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pd-color-swatch__preview{border-bottom:1px solid rgba(0,0,0,.05);height:5.5rem;width:100%}.pd-color-swatch__info{display:flex;flex-direction:column;flex-grow:1;gap:.25rem;padding:1rem}.pd-color-swatch__name{color:var(--title-color);font-size:var(--small-font-size);font-weight:var(--font-bold);line-height:1.2}.pd-color-swatch__hex{color:var(--text-color);font-family:monospace;font-size:var(--smaller-font-size);font-weight:700}.pd-color-swatch__type{color:#e31b23;font-size:.7rem;font-weight:var(--font-semi-bold);letter-spacing:.5px;text-transform:uppercase}.pd-color-swatch__desc{color:var(--text-color);font-size:.7rem!important;line-height:1.4;margin-top:.25rem;opacity:.8}.pd-typography-display{grid-gap:2rem;background-color:var(--container-color);border:1px solid rgba(0,0,0,.05);border-radius:1rem;display:grid;gap:2rem;grid-template-columns:200px 1fr;padding:2rem}.pd-typography-display__preview{align-items:center;border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center;padding-right:2rem;text-align:center}.pd-typography-specimen{color:var(--title-color);font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.pd-typography-info h5{color:var(--title-color);font-size:1rem;font-weight:var(--font-bold);margin-bottom:.5rem}.pd-typography-desc{color:var(--text-color);font-size:.75rem!important;line-height:1.5;opacity:.8}.pd-typography-weights{display:flex;flex-direction:column;gap:.75rem;justify-content:center}.pd-typography-weight-item{color:var(--title-color);font-family:Outfit,sans-serif;font-size:var(--small-font-size)}.pd-typography-weight-item.light{font-weight:300}.pd-typography-weight-item.regular{font-weight:400}.pd-typography-weight-item.medium{font-weight:500}.pd-typography-weight-item.semibold{font-weight:600}.pd-typography-weight-item.bold{font-weight:700}.pd-tools-wrap{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.pd-tool-badge{align-items:center;background-color:var(--container-color);border:1px solid rgba(0,0,0,.06);border-radius:2rem;color:var(--title-color);display:inline-flex;font-size:var(--small-font-size);font-weight:var(--font-medium);gap:.35rem;padding:.5rem 1rem;transition:all .3s ease}.pd-tool-badge i{color:#e31b23}.pd-tool-badge:hover{background-color:rgba(11,30,54,.02);border-color:var(--title-color)}.pd-live-button-wrap{margin-top:1rem}@media screen and (max-width:992px){.pd-hero__title{font-size:2rem}.pd-hero__meta{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.pd-fallback,.pd-section{gap:1rem;grid-template-columns:1fr}.pd-more__grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.pd-personas__grid,.pd-problems__grid{grid-template-columns:1fr}.pd-features__grid{grid-template-columns:repeat(2,1fr)}.pd-colors-grid{grid-template-columns:repeat(3,1fr)}.pd-typography-display{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.pd-typography-display__preview{border-bottom:1px solid rgba(0,0,0,.06);border-right:none;padding-bottom:1.5rem;padding-right:0}}@media screen and (max-width:576px){.pd-hero__meta{gap:1rem}.pd-features__grid,.pd-hero__meta,.pd-more__grid{grid-template-columns:1fr}.pd-colors-grid{grid-template-columns:repeat(2,1fr)}.pd-persona-card__details{grid-template-columns:1fr}.pd-flow__container{flex-direction:column;gap:1.5rem}.pd-flow-arrow{margin:.5rem 0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pd-color-swatch__preview{height:4.5rem}.pd-persona-card{padding:1.5rem}}.pd-toc-container{bottom:3.5rem;position:fixed;right:2rem;z-index:var(--z-fixed)}.pd-toc-toggle{align-items:center;background-color:var(--title-color);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.15);color:var(--container-color);cursor:pointer;display:flex;font-size:1.5rem;height:3.25rem;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:3.25rem}.pd-toc-toggle:hover{background-color:var(--title-color-dark);box-shadow:0 6px 20px rgba(0,0,0,.2);-webkit-transform:scale(1.08) translateY(-2px);transform:scale(1.08) translateY(-2px)}.pd-toc-toggle.active{background-color:#e31b23;color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pd-toc-modal{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.85);border:1px solid rgba(0,0,0,.08);border-radius:1.25rem;bottom:7.5rem;box-shadow:0 10px 30px rgba(0,0,0,.12);opacity:0;padding:1.5rem;pointer-events:none;position:fixed;right:2rem;-webkit-transform:scale(.9) translateY(20px);transform:scale(.9) translateY(20px);transition:all .35s cubic-bezier(.16,1,.3,1);width:280px;z-index:var(--z-modal)}.pd-toc-modal.open{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.pd-toc-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.pd-toc-title{color:var(--title-color);font-size:var(--normal-font-size);font-weight:var(--font-semi-bold)}.pd-toc-close{align-items:center;background:transparent;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;transition:color .2s}.pd-toc-close:hover{color:#e31b23}.pd-toc-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto;padding-right:.25rem}.pd-toc-list::-webkit-scrollbar{width:4px}.pd-toc-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:2px}.pd-toc-item{list-style:none}.pd-toc-link{align-items:center;background:transparent;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.6rem .75rem;text-align:left;transition:all .2s ease;width:100%}.pd-toc-link:hover{background-color:rgba(0,0,0,.04)}.pd-toc-number{color:var(--text-color);font-size:var(--smaller-font-size);font-weight:var(--font-bold);opacity:.4}.pd-toc-text{color:var(--text-color);font-size:var(--small-font-size);font-weight:var(--font-medium)}.pd-toc-link.active{background-color:rgba(11,30,54,.06)}.pd-toc-link.active .pd-toc-number{color:#e31b23;opacity:1}.pd-toc-link.active .pd-toc-text{color:var(--title-color);font-weight:var(--font-semi-bold)}.pd-toc-overlay{background-color:rgba(0,0,0,.02);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:calc(var(--z-modal) - 1)}@media screen and (max-width:576px){.pd-toc-container{bottom:5rem;right:1rem}.pd-toc-modal{bottom:9rem;right:1rem;width:calc(100vw - 2rem)}}
/*# sourceMappingURL=main.ef4ec0fc.css.map*/