.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:150px auto var(--space-section);border-radius:15px;width:min(1720px,95%);aspect-ratio:1720/550;background:url("../img/website/website-hero-w1720.jpg") center/cover no-repeat}.hero-section::before{position:absolute;content:"";width:320px;height:320px;top:30%;left:5%;border-radius:50%;background:color-mix(in srgb, var(--color-main-orange) 70%, transparent);filter:blur(100px);animation:zoomInOut 5s 2s infinite;z-index:-1}.hero-section::after{position:absolute;content:"";width:320px;height:320px;top:5%;right:5%;border-radius:50%;background:color-mix(in srgb, var(--color-main-orange) 70%, transparent);filter:blur(100px);animation:zoomInOut 5s 2s infinite;z-index:-1}.hero-section__p{margin-bottom:16px;color:var(--color-main-orange);font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.25em;text-transform:uppercase}.hero-section__h1{color:var(--color-header-font);font-size:var(--font-size-page-title);font-family:"Poppins",sans-serif;line-height:1.2;text-align:center;text-transform:uppercase}.website-development{margin-bottom:var(--space-section)}.website-development .container{display:flex;gap:120px}.website-development__image-wrapper{position:relative;width:636px;margin-bottom:150px;flex-shrink:0}.website-development__content-wrapper{flex:1;min-width:0;padding-top:10px}.website-development__eyebrow{margin-bottom:24px}.website-development__eyebrow svg{width:1rem;height:1rem;margin-left:.5em;transform:translateY(20%)}.website-development__title{margin-bottom:42px;color:var(--color-header-font);font-family:"Poppins",sans-serif;font-size:var(--font-size-section-title);font-weight:600;line-height:1.25}.website-development__content-block{position:relative;padding-top:30px}.website-development__content-block::before{position:absolute;content:"";width:100%;height:1px;top:0;left:0;background:linear-gradient(90deg, var(--color-main-orange) 0%, transparent 100%)}.website-development__content-block:not(:last-child){margin-bottom:36px}.website-development__content-block h3{margin-bottom:24px;color:var(--color-header-font);font-family:"Poppins",sans-serif;font-size:1.5rem;font-weight:500;line-height:1.4}.website-development__content-block p{color:var(--color-main-secondary);font-size:var(--font-size-body-large);font-weight:300;line-height:var(--line-height-copy)}.website-development__square{position:absolute;width:416px;height:383px;right:-10%;bottom:-10%;border-radius:10px;background-color:var(--color-main-orange)}.website-development__square>svg{width:100%;height:100%}.website-development__square>svg use{width:414px;height:317px}.website-development__square-content{width:75%;position:absolute;left:10%;bottom:15%;color:var(--color-body-bg);font-family:"Poppins",sans-serif}.website-development__square-content>svg{display:flex;align-items:center;justify-content:center;background-color:var(--color-header-font);width:87px;height:87px;border-radius:9999px;transition:var(--transition);padding:15px;margin-bottom:1em}.website-development__square-content>svg:hover{color:var(--color-main-orange)}.website-development__square-content>svg use{color:inherit;width:64px;height:64px}.website-development__square-content p{font-size:2rem}.website-development__square-content span{font-weight:600}.website-development__image-tilt{width:100%;height:100%;transition:transform 400ms cubic-bezier(0.03, 0.98, 0.52, 0.99);transform-style:preserve-3d;will-change:transform}.website-development__image-tilt.tilt-animate--tilting{transition:none}.website-development__image-frame{width:100%;height:100%;border-radius:10px;transition:transform 700ms cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover)and (pointer: fine){.website-development__image-tilt:hover .website-development__image-frame{transform:scale(1.04)}}.website-development__image{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}@media(prefers-reduced-motion: reduce){.website-development__image-tilt,.website-development__image-frame{transform:none !important;transition:none}}.how-it-work{margin-bottom:var(--space-section)}.how-it-work__header{max-width:1060px;margin-bottom:60px}.how-it-work__eyebrow{margin-bottom:24px}.how-it-work__eyebrow svg{width:1rem;height:1rem;margin-left:.5em;transform:translateY(20%)}.how-it-work__title{margin-bottom:28px;color:var(--color-header-font);font-family:"Poppins",sans-serif;font-size:var(--font-size-section-title);font-weight:600;line-height:1.2}.how-it-work__intro{max-width:1000px;color:var(--color-main-secondary);font-size:var(--font-size-body-large);font-weight:300;line-height:var(--line-height-copy)}.how-it-work__steps{display:grid;grid-template-columns:repeat(4, 1fr);gap:26px;padding:0;list-style:none}.how-it-work__step{position:relative;isolation:isolate;display:flex;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;padding:38px 32px;overflow:hidden;border:1px solid color-mix(in srgb, var(--color-main-orange) 18%, transparent);border-radius:50%;background-color:var(--color-body-bg-secondary);text-align:center;transition:var(--transition)}.how-it-work__step::after{position:absolute;content:"";z-index:-1;width:62%;height:62%;right:-22%;bottom:-22%;border-radius:50%;background:color-mix(in srgb, var(--color-main-orange) 50%, transparent);filter:blur(24px);opacity:.7;transition:var(--transition)}.how-it-work__step h3{margin-bottom:24px;color:var(--color-header-font);font-family:"Poppins",sans-serif;font-size:1.5rem;font-weight:600;line-height:1.35}.how-it-work__step p{color:var(--color-main-secondary);font-size:1rem;font-weight:300;line-height:1.55}.how-it-work__number{margin-bottom:16px;color:var(--color-main-orange);font-family:"Poppins",sans-serif;font-size:1rem;font-weight:400;letter-spacing:.12em}.how-it-work__number::before{content:"Krok ";color:var(--color-main-secondary);letter-spacing:0;text-transform:lowercase}@media(hover: hover)and (pointer: fine){.how-it-work__step:hover{border-color:color-mix(in srgb, var(--color-main-orange) 55%, transparent);box-shadow:10px 10px 24px color-mix(in srgb, var(--color-main-orange) 13%, transparent);transform:translateY(-8px)}.how-it-work__step:hover::after{opacity:1;transform:scale(1.08)}}@media(prefers-reduced-motion: reduce){.how-it-work__step,.how-it-work__step::after{transition:none}}.pricing{margin-bottom:var(--space-section);transition:var(--transition)}.pricing__header{max-width:1000px;margin:0 auto 100px;text-align:center}.pricing__eyebrow{margin-bottom:24px}.pricing__eyebrow svg{width:1rem;height:1rem;margin-left:.5em;transform:translateY(20%)}.pricing__title{color:var(--color-header-font);font-family:"Poppins",sans-serif;font-size:var(--font-size-section-title);font-weight:600;line-height:1.2}.pricing__cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px;align-items:stretch;min-height:650px}.pricing-card{position:relative;display:flex;min-height:610px;flex-direction:column;padding:82px 54px 50px;border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-body-bg-secondary);color:var(--color-header-font);transition:var(--transition)}.pricing-card__badge{position:absolute;top:0;left:50%;padding:13px 28px;border-radius:9999px;background-color:var(--color-main-orange);color:var(--color-body-bg);font-size:1rem;white-space:nowrap;opacity:0;transform:translate(-50%, -50%);transition:var(--transition);visibility:hidden}.pricing-card__package-icon{width:64px;height:64px;margin-bottom:42px;color:var(--color-header-font);transition:var(--transition)}.pricing-card__title{margin-bottom:30px;font-family:"Poppins",sans-serif;font-size:1.5rem;font-weight:600;line-height:1.35}.pricing-card__price{display:flex;align-items:baseline;margin-bottom:44px;font-family:"Poppins",sans-serif;font-size:3rem;font-weight:600;line-height:1}.pricing-card__price span{margin-right:8px;font-family:"Rubik",sans-serif;font-size:1rem;font-weight:300}.pricing-card__price small{margin-left:10px;font-family:"Rubik",sans-serif;font-size:1rem;font-weight:300;white-space:nowrap}.pricing-card__reference{margin-left:6px;color:var(--color-main-orange);font-size:.5em;font-weight:400;line-height:0;letter-spacing:.08em;vertical-align:super}.pricing-card__features{display:grid;gap:24px;margin-bottom:38px;padding:0;list-style:none}.pricing-card__features li{display:flex;align-items:center;color:var(--color-header-font);font-size:1rem;font-weight:300;line-height:1.45}.pricing-card__features svg{width:24px;height:24px;margin-right:22px;flex:0 0 24px;color:var(--color-main-orange)}.pricing-card__button{align-self:flex-start;margin-top:auto;opacity:0}.pricing__notes{display:grid;gap:10px;margin-top:36px;color:var(--color-main-secondary);font-size:1rem;font-weight:300;line-height:1.6}.pricing__notes span{color:var(--color-main-orange)}.pricing-card--featured{min-height:650px;transform:translateY(-20px)}.pricing-card--featured .pricing-card__badge{opacity:1;visibility:visible}.pricing-card--featured .pricing-card__button{opacity:1}.pricing-card--featured .pricing-card__package-icon{color:var(--color-main-orange)}@media(hover: hover)and (pointer: fine){.pricing__cards:has(.pricing-card:not(.pricing-card--featured):is(:hover,:focus-within)) .pricing-card--featured{min-height:610px;transform:none}.pricing__cards:has(.pricing-card:not(.pricing-card--featured):is(:hover,:focus-within)) .pricing-card--featured .pricing-card__badge{opacity:0;visibility:hidden}.pricing__cards:has(.pricing-card:not(.pricing-card--featured):is(:hover,:focus-within)) .pricing-card--featured .pricing-card__button{opacity:0}.pricing__cards:has(.pricing-card:not(.pricing-card--featured):is(:hover,:focus-within)) .pricing-card--featured .pricing-card__package-icon{color:var(--color-header-font)}.pricing__cards .pricing-card:hover,.pricing__cards .pricing-card:focus-within{min-height:650px;transform:translateY(-20px)}.pricing__cards .pricing-card:hover .pricing-card__badge,.pricing__cards .pricing-card:focus-within .pricing-card__badge{opacity:1;visibility:visible}.pricing__cards .pricing-card:hover .pricing-card__button,.pricing__cards .pricing-card:focus-within .pricing-card__button{opacity:1}.pricing__cards .pricing-card:hover .pricing-card__package-icon,.pricing__cards .pricing-card:focus-within .pricing-card__package-icon{color:var(--color-main-orange)}}@media(prefers-reduced-motion: reduce){.pricing-card,.pricing-card__badge,.pricing-card__package-icon{transition:none}}.faq{width:min(1720px,100% - 40px);margin:0 auto var(--space-section);padding:100px 0;border:1px solid var(--color-border);border-radius:24px;background-color:var(--color-body-bg-secondary)}.faq__layout{display:grid;grid-template-columns:minmax(0, 1.75fr) minmax(280px, 0.75fr);gap:clamp(60px,8vw,130px);align-items:start}.faq__header{margin-bottom:58px}.faq__eyebrow{margin-bottom:24px}.faq__eyebrow svg{width:1rem;height:1rem;margin-left:.5em;transform:translateY(20%)}.faq__title{color:var(--color-header-font);font-family:"Poppins",sans-serif;font-size:var(--font-size-section-title);font-weight:600;line-height:1.2}.faq__list{border-top:1px solid var(--color-border)}.faq__item{border-bottom:1px solid var(--color-body-bg-third)}.faq__question{display:flex;min-height:104px;align-items:center;justify-content:space-between;gap:32px;padding:28px 0;color:var(--color-header-font);cursor:pointer;font-family:"Poppins",sans-serif;font-size:1.125rem;font-weight:500;line-height:1.45;list-style:none;transition:var(--transition)}.faq__question::-webkit-details-marker{display:none}.faq__question svg{width:24px;height:24px;flex:0 0 24px;color:var(--color-main-orange);transition:transform .3s ease}.faq__item[open] .faq__question svg{transform:rotate(90deg)}.faq__answer{padding:0 56px 30px 0}.faq__answer p{color:var(--color-main-secondary);font-size:1rem;font-weight:300;line-height:var(--line-height-copy)}.faq__visual{position:relative;width:min(100%,347px);margin-top:48px;justify-self:center}.faq__visual img{display:block;width:100%;height:auto;clip-path:polygon(61.905% 43.659%, 61.45% 45.091%, 95.564% 45.091%, 25.688% 95.39%, 38.095% 56.341%, 38.55% 54.909%, 4.436% 54.909%, 74.311% 4.61%)}.faq__visual svg{position:absolute;inset:0;display:block;width:100%;height:auto;overflow:visible;color:var(--color-graphic-outline);pointer-events:none}@media(hover: hover)and (pointer: fine){.faq__question:hover{color:var(--color-main-orange)}}@media(prefers-reduced-motion: reduce){.faq__question svg{transition:none}}@media(max-width: 1366px){.website-development .container{gap:70px}.website-development__image-wrapper{width:min(48%,560px);margin-bottom:120px}.website-development__square{width:66%;height:auto;aspect-ratio:416/383;right:-6%;bottom:-8%}.website-development__square-content p{font-size:1.65rem}.website-development__square-content>svg{width:72px;height:72px}.how-it-work__steps{gap:16px;grid-template-columns:repeat(2, minmax(0, 360px));justify-content:center}.how-it-work__step{padding:30px 24px}.how-it-work__step h3{font-size:1.3rem}.how-it-work__step p{font-size:.95rem}.pricing__cards{gap:20px}.pricing-card{padding-right:34px;padding-left:34px}.faq__layout{gap:60px}}@media(max-width: 1280px){.pricing__cards{width:min(760px,100%);min-height:0;margin:0 auto;grid-template-columns:1fr}}@media(max-width: 1024px){.hero-section{min-height:320px;aspect-ratio:auto}.website-development .container{flex-direction:column-reverse;gap:50px}.website-development__image-wrapper{width:min(700px,85%);margin:0 auto 120px}.website-development__content-wrapper{width:min(850px,100%)}.how-it-work__steps{gap:28px}.how-it-work__step{padding:44px}.how-it-work__step h3{font-size:1.5rem}.how-it-work__step p{font-size:1rem}.pricing__header{margin-bottom:70px}.pricing__cards .pricing-card,.pricing__cards .pricing-card:hover,.pricing__cards .pricing-card:focus-within,.pricing__cards .pricing-card--featured{min-height:0;transform:none}.pricing-card{padding:64px 54px 48px}.pricing-card__button,.pricing-card--featured .pricing-card__button{opacity:1}.pricing-card__badge,.pricing-card--featured .pricing-card__badge{opacity:0;visibility:hidden}.faq{padding:90px 0}.faq__layout{grid-template-columns:minmax(0, 1fr) minmax(220px, 280px);gap:40px}}@media(max-width: 800px){.hero-section{width:calc(100% - 40px);min-height:290px;margin-top:130px;padding:40px 24px;text-align:center}.website-development__image-wrapper{width:min(680px,92%);margin-bottom:100px}.website-development__square-content p{font-size:1.45rem}.website-development__square-content>svg{width:64px;height:64px;padding:12px}.how-it-work__header{margin-bottom:48px}.how-it-work__step{padding:34px 28px}.pricing-card{padding:56px 42px 42px}.faq{width:calc(100% - 30px);padding:70px 0;border-radius:18px}.faq__layout{grid-template-columns:1fr}.faq__visual{display:none}}@media(max-width: 640px){.how-it-work__steps{grid-template-columns:minmax(0, 360px)}}@media(max-width: 580px){.hero-section{width:calc(100% - 30px);min-height:250px;margin-top:120px;margin-bottom:var(--space-section);border-radius:10px}.website-development__title{margin-bottom:34px}.website-development__image-wrapper{width:100%;margin-bottom:82px}.website-development__square{width:68%;right:-2%;bottom:-8%}.website-development__square-content{bottom:13%}.website-development__square-content p{font-size:1.2rem}.website-development__square-content>svg{width:54px;height:54px;margin-bottom:.75em;padding:10px}.website-development__content-block{padding-top:24px}.website-development__content-block:not(:last-child){margin-bottom:30px}.website-development__content-block h3{margin-bottom:18px;font-size:1.3rem}.website-development__content-block p{font-size:1rem}.how-it-work__intro{font-size:1rem}.how-it-work__step{width:min(420px,100%);justify-self:center}.pricing__header{margin-bottom:54px}.pricing-card{padding:50px 28px 36px}.pricing-card__features{gap:20px}.pricing-card__features svg{margin-right:16px}.pricing__notes{font-size:.9rem}.faq{width:calc(100% - 20px);padding:56px 0;border-radius:14px}.faq__header{margin-bottom:42px}.faq__question{min-height:0;gap:20px;padding:22px 0;font-size:1rem}.faq__question svg{width:20px;height:20px;flex-basis:20px}.faq__answer{padding:0 0 24px}}@media(max-width: 460px){.website-development__square-content p{font-size:1rem}.website-development__square-content>svg{width:46px;height:46px;padding:9px}.how-it-work__step{padding:34px 26px}.pricing-card{padding:46px 22px 34px}.pricing-card__title{font-size:1.35rem}.pricing-card__price{flex-wrap:wrap;font-size:2.5rem}.pricing-card__price small{flex-basis:100%;margin:12px 0 0 28px}.pricing-card__features li{align-items:flex-start}.pricing-card__features svg{margin-top:1px}.pricing-card__button{width:100%;justify-content:center}}@media(hover: none),(pointer: coarse){.pricing-card__button,.pricing-card--featured .pricing-card__button{opacity:1}.pricing-card--featured{transform:none}}
