@font-face{font-display:swap;font-family:Barlow Condensed;font-style:normal;font-weight:400;src:url(/project-tracking-intro-component/assets/barlow-condensed-v12-latin-regular-CSL47Yq5.woff2) format("woff2"),url(/project-tracking-intro-component/assets/barlow-condensed-v12-latin-regular-BPA_TgMj.ttf) format("truetype")}@font-face{font-display:swap;font-family:Barlow Condensed;font-style:normal;font-weight:700;src:url(/project-tracking-intro-component/assets/barlow-condensed-v12-latin-700-B9NQhHK3.woff2) format("woff2"),url(/project-tracking-intro-component/assets/barlow-condensed-v12-latin-700-ByKK-Lsb.ttf) format("truetype")}*,:after,:before{box-sizing:border-box;margin:0}body{-webkit-font-smoothing:antialiased;color:#5b5f71;color:var(--color-blue-300);font-family:Barlow,sans-serif;font-family:var(--font-base);font-size:1.125rem;line-height:1;min-height:100vh}ul{list-style:none;padding-left:0}button{background:transparent;border:none;cursor:pointer;font:inherit;padding:0;text-transform:uppercase}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}a{color:inherit;font:inherit;letter-spacing:inherit;-webkit-text-decoration:none;text-decoration:none}@supports selector(:focus-visible){a:focus,button:focus{outline:0}a:focus-visible,button:focus-visible{outline:2px dashed #ff5c5c;outline:2px dashed var(--color-red);outline-offset:4px}}:root{--color-red:#ff5c5c;--color-white:#fff;--color-blue-500:#242942;--color-blue-300:#5b5f71;--color-gray-300:#a0a1ac;--color-gray-100:#eef3f6;--font-base:"Barlow",sans-serif;--font-accent:"Barlow Condensed",sans-serif;--font-bold:700;--font-normal:400}.nav{align-items:center;display:flex;font-family:Barlow Condensed,sans-serif;font-family:var(--font-accent);font-weight:700;font-weight:var(--font-bold);justify-content:space-between;padding:2rem 0}.nav__menu-btn{--line-gap:.3125rem;--line-height:.125rem;--line-width:1.5rem;display:grid;grid-gap:.3125rem;grid-gap:var(--line-gap);font-size:1rem;gap:.3125rem;gap:var(--line-gap);padding:.625rem 0}.nav__menu-btn span{background-color:#5b5f71;background-color:var(--color-blue-300);display:block;height:var(--line-height);transform-origin:center;transition:transform .3s ease;width:var(--line-width)}.nav__menu-btn[aria-expanded=true] span:first-child{transform:translateY(calc(var(--line-gap) + 2px)) rotate(45deg)}.nav__menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.nav__menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(calc(var(--line-gap)*-1 - 2px)) rotate(-45deg)}.nav__logo{height:1.5rem;margin:.375rem 0;width:1.5rem}.nav__list{background-color:#fff;background-color:var(--color-white);box-shadow:0 50px 100px -20px #32325d4d,0 30px 60px -30px #0000004d;color:#242942;color:var(--color-blue-500);display:none;font-family:Barlow Condensed,sans-serif;font-family:var(--font-accent);font-size:1.125rem;left:0;letter-spacing:.07em;margin:0 auto;position:absolute;right:0;text-align:center;text-transform:uppercase;top:100px;width:min(100vw - 3rem,30rem)}.nav__item--login{border-top:1px solid #eef3f6;border-top:1px solid var(--color-gray-100);color:#5b5f71;color:var(--color-blue-300);padding:1.625rem 0}.nav__item:first-child{margin:1.625rem 0 1.75rem}.nav__item:nth-child(3){margin:1.75rem 0 1.625rem}.nav__link{position:relative}.nav__link:after{background-color:#242942;background-color:var(--color-blue-500);content:"";height:2px;left:0;position:absolute;right:0;top:calc(100% + 1px);transition:width .25s ease;width:0}.intro__content{padding:5.6875rem 0 5.75rem}.intro__image-wrapper{padding-top:1.3125rem}.intro__image{height:15.25rem;margin-left:.5625rem}.intro__subtitle{font-family:Barlow Condensed,sans-serif;font-family:var(--font-accent);font-size:1rem;font-weight:400;font-weight:var(--font-normal);letter-spacing:.285em;margin-bottom:1.3125rem;text-transform:uppercase}.intro__subtitle:before{background-color:#242942;background-color:var(--color-blue-500);border-radius:1rem;color:#eef3f6;color:var(--color-gray-100);content:"New";font-weight:700;font-weight:var(--font-bold);letter-spacing:.03rem;margin-right:.9375rem;padding:.1875rem .625rem .25rem}.intro__headline{color:#242942;color:var(--color-blue-500);font-family:Barlow Condensed,sans-serif;font-family:var(--font-accent);font-size:2.5rem;margin-bottom:1rem;max-width:20ch;text-transform:uppercase}.intro__description{line-height:1.625rem;margin-bottom:1.6875rem;max-width:28ch}.intro__cta{align-items:center;display:flex;font-family:Barlow Condensed,sans-serif;font-family:var(--font-accent);font-size:.875rem;text-transform:uppercase}.intro__cta-btn{background-color:#ff5c5c;background-color:var(--color-red);border-radius:.25rem;color:#fff;color:var(--color-white);font-weight:700;font-weight:var(--font-bold);letter-spacing:.07em;padding:calc(1.5em - .5rem) calc(4em - 2rem);transition-duration:.2s;transition-property:opacity,transform;transition-timing-function:ease}.intro__cta-description{letter-spacing:.178em;margin-left:1.25rem}.header{position:relative}.header:after{content:"";display:block;position:absolute;z-index:-1;--right-offset: calc(max(0rem, min(100vw, 90rem))/2 - 50%) ;--auto-width:clamp(9.375rem,50% + var(--right-offset),44.0625rem);background-color:#eef3f6;background-color:var(--color-gray-100);border-bottom-left-radius:4rem;height:26.5625rem;right:calc((max(0rem,min(100vw,90rem)) - 100%)/-2);right:calc(max(0rem,min(100vw,90rem))/-2 + 50%);right:calc(var(--right-offset)*-1);top:0;width:clamp(9.375rem,50% + calc((max(0rem,min(100vw,90rem)) - 100%)/2),44.0625rem);width:clamp(9.375rem,50% + calc(max(0rem,min(100vw,90rem))/2 - 50%),44.0625rem);width:var(--auto-width)}.header__container{margin:0 auto;width:min(100vw - 4rem,69.375rem)}.main{overflow-x:hidden}.main__container{margin:0 auto;width:min(100vw - 4rem,69.375rem)}@media (min-width:32em){.intro__image-wrapper{padding-top:3.1875rem}.intro__image{height:auto;margin:0;width:100%}}@media (min-width:48em){.intro__headline{font-size:4rem;margin-bottom:2rem}.intro__description{margin-bottom:4rem}.intro__cta{font-size:1rem}.intro__cta-description{letter-spacing:.29em;margin-left:1.5rem}}@media screen and (min-width:48em){.nav__menu-btn{display:none}.nav__logo{height:2rem;margin:0;width:2rem}.nav__list{background-color:transparent;box-shadow:none;display:flex;font-size:.9375rem;gap:2.5rem;margin:0;position:static;text-align:left;width:auto}.nav__item:first-child,.nav__item:nth-child(2),.nav__item:nth-child(3){border:none;margin:0;padding:0}.nav__item--login{padding:0}.nav__item--login:before{background-color:#a0a1ac;background-color:var(--color-gray-300);border-radius:100%;content:"";display:inline-block;height:.375rem;margin-right:2.875rem;top:50%;transform:translateY(-50%);width:.375rem}}@media (min-width:60em){.intro{display:flex;flex-direction:row-reverse;padding-bottom:7.6875rem}.intro__image-wrapper{width:50%}.intro__image{display:block;height:464px;margin-left:1.75rem;width:auto}.intro__content{padding:6.375rem 0 0;width:50%}}@media screen and (min-width:60em){.nav{padding:4rem 0}}@media (hover:hover){.nav__link:hover:after{width:100%}.intro__cta-btn:hover{opacity:.5}}@media (prefers-reduced-motion:reduce){.intro__cta-btn,.nav__menu-btn span{transition:none}}