.web-page-hero{padding-block:var(--s20);background:var(--clr-bg);overflow:hidden}.web-page-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--s16);align-items:center}.web-page-hero__badge{display:inline-flex;align-items:center;padding:var(--s2) var(--s4);background:var(--clr-s3);border-radius:var(--r-full);font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-primary);margin-bottom:var(--s5)}.web-page-hero__title{font-size:clamp(2.5rem, 5vw, 4.5rem);margin-bottom:var(--s6)}.web-page-hero__title-accent{color:var(--clr-primary-light)}.web-page-hero__desc{font-size:1.125rem;color:var(--clr-subtle);max-width:44ch;margin-bottom:var(--s8)}.web-page-hero__actions{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center}.web-page-hero__visual{position:relative}.web-page-hero__laptop-wrap{background:var(--clr-s4);border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 32px 64px rgba(30,28,6,.12)}.web-page-hero__laptop-img{width:100%;height:auto;display:block}.web-page-hero__badge-float{position:absolute;bottom:-1.5rem;left:-1.5rem;background:var(--clr-white);border-radius:var(--r-md);padding:1rem 1.25rem;box-shadow:0 20px 40px rgba(30,28,6,.12);display:flex;align-items:center;gap:var(--s4);border:1px solid rgba(225,191,181,.2)}.web-page-hero__badge-icon{width:2.75rem;height:2.75rem;border-radius:50%;background:rgba(246,99,53,.15);display:flex;align-items:center;justify-content:center}.web-page-hero__badge-icon .material-symbols-outlined{color:var(--clr-primary)}.web-page-hero__badge-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-subtle)}.web-page-hero__badge-value{font-size:1.125rem;font-weight:900;color:var(--clr-text);font-family:var(--ff-head)}.web-features{padding-block:var(--s20);background:var(--clr-s1)}.web-features__header{text-align:center;margin-bottom:var(--s12)}.web-features__title{margin-bottom:var(--s5);max-width:52ch;margin-inline:auto}.web-features__line{width:6rem;height:4px;background:var(--clr-primary);border-radius:var(--r-full);margin-inline:auto}.web-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s8);align-items:start}.web-feature-card{background:var(--clr-white);border-radius:var(--r-md);padding:var(--s10);box-shadow:0 4px 24px rgba(30,28,6,.05);transition:transform .3s ease}.web-feature-card:hover{transform:translateY(-8px)}.web-feature-card--offset{transform:translateY(2rem)}.web-feature-card--offset:hover{transform:translateY(calc(2rem - 8px))}.web-feature-card__icon-wrap{width:4rem;height:4rem;background:var(--clr-s3);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:var(--s8)}.web-feature-card__icon{font-size:1.875rem;color:var(--clr-primary)}.web-feature-card__title{margin-bottom:var(--s4);font-size:1.25rem}.web-feature-card__desc{color:var(--clr-subtle);line-height:1.7}.web-roadmap{padding-block:var(--s20);background:var(--clr-bg);overflow:hidden}.web-roadmap__header{margin-bottom:var(--s16)}.web-roadmap__eyebrow{display:block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--clr-primary);margin-bottom:var(--s4)}.web-roadmap__title{margin-bottom:var(--s5);font-size:clamp(2rem, 4vw, 3.25rem)}.web-roadmap__desc{color:var(--clr-subtle);font-size:1.0625rem;max-width:52ch}.web-roadmap__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s12);position:relative}.web-roadmap__step{position:relative}.web-roadmap__step-number{font-size:6rem;font-family:var(--ff-head);font-weight:900;color:rgba(246,99,53,.15);line-height:1;position:absolute;top:-2.5rem;left:-1rem;transition:color .3s ease;user-select:none}.web-roadmap__step:hover .web-roadmap__step-number{color:rgba(246,99,53,.3)}.web-roadmap__step-body{padding-top:3.5rem}.web-roadmap__step-title{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);font-size:1.375rem}.web-roadmap__step-title .material-symbols-outlined{color:var(--clr-primary)}.web-roadmap__step-desc{color:var(--clr-subtle);line-height:1.7}.web-roadmap__path{display:none;position:absolute;top:50%;left:0;width:100%;height:6rem;transform:translateY(-3rem);color:var(--clr-primary-light);pointer-events:none;z-index:0}@media (min-width:1200px){.web-roadmap__step-number{font-size:8rem}.web-roadmap__step-body{padding-top:5.5rem}}@media (min-width:768px){.web-roadmap__path{display:block}}.web-works{padding-block:var(--s20);background:var(--clr-s1)}.web-works__header{margin-bottom:var(--s12)}.web-works__eyebrow{display:block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--clr-primary);margin-bottom:var(--s4)}.web-works__title{margin-bottom:var(--s5);font-size:clamp(2rem, 4vw, 3.25rem)}.web-works__desc{color:var(--clr-subtle);font-size:1.0625rem;max-width:52ch}.web-works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s8)}.web-work-card{background:var(--clr-white);border-radius:var(--r-md);overflow:hidden;box-shadow:0 4px 24px rgba(30,28,6,.05);transition:transform .3s ease,box-shadow .3s ease}.web-work-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(30,28,6,.1)}.web-work-card__visual{background:var(--clr-s3);height:9rem;display:flex;align-items:center;justify-content:center}.web-work-card__icon{font-size:3rem;color:var(--clr-primary);opacity:.5}.web-work-card__body{padding:var(--s6) var(--s8)}.web-work-card__type{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-primary);margin-bottom:var(--s3)}.web-work-card__name{font-size:1.25rem;margin-bottom:var(--s5)}.web-work-card__link{display:inline-flex;align-items:center;gap:var(--s2);font-size:.9375rem;font-weight:600;color:var(--clr-primary);text-decoration:none}.web-work-card__link:hover{text-decoration:underline}.web-work-card__link .material-symbols-outlined{font-size:1rem}.web-work-card--with-img .web-work-card__img-wrap{overflow:hidden;background:var(--clr-s3);max-height:280px}.web-work-card--with-img .web-work-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.web-work-card--with-img:hover .web-work-card__img{transform:scale(1.04)}.web-pricing{padding-block:var(--s20);background:var(--clr-bg)}.web-pricing .design-pricing__header{text-align:center;margin-bottom:var(--s12)}.web-pricing .design-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6);align-items:start}.web-pricing .pricing-card{background:var(--clr-s1);border-radius:var(--r-lg);padding:var(--s8);display:flex;flex-direction:column;gap:var(--s6);height:100%}.web-pricing .pricing-card--featured{background:var(--clr-text);color:var(--clr-bg);transform:translateY(-1rem);box-shadow:0 32px 64px rgba(30,28,6,.2)}.web-pricing .pricing-card__badge{display:inline-block;background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-light));color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .875rem;border-radius:var(--r-full);margin-bottom:var(--s2)}.web-pricing .pricing-card__header{display:flex;flex-direction:column;gap:var(--s2)}.web-pricing .pricing-card__name{font-family:var(--ff-head);font-size:1.25rem;font-weight:700}.web-pricing .pricing-card--featured .pricing-card__name{color:var(--clr-bg)}.web-pricing .pricing-card__price{font-size:.9375rem;color:var(--clr-subtle)}.web-pricing .pricing-card--featured .pricing-card__price{color:rgba(255,250,227,.7)}.web-pricing .pricing-card__price strong{display:block;font-size:1.375rem;font-family:var(--ff-head);color:var(--clr-primary-light)}.web-pricing .pricing-card__list{display:flex;flex-direction:column;gap:var(--s3);flex:1}.web-pricing .pricing-card__list li{padding-left:var(--s6);position:relative;font-size:.9375rem;line-height:1.55}.web-pricing .pricing-card__list li::before{content:'';position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--clr-primary-light)}.web-pricing .pricing-card--featured .pricing-card__list li{color:rgba(255,250,227,.85)}.web-pricing .pricing-card__cta{align-self:flex-start}.web-cta{padding:var(--s16) var(--gutter) var(--s20)}.web-cta__inner{max-width:var(--max-w);margin-inline:auto;background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-light));border-radius:3rem;padding:var(--s16) var(--s12);text-align:center;position:relative;overflow:hidden}.web-cta__blur{position:absolute;width:16rem;height:16rem;border-radius:50%;filter:blur(3rem);pointer-events:none}.web-cta__blur--1{top:-4rem;right:-4rem;background:rgba(175,49,1,.2)}.web-cta__blur--2{bottom:-4rem;left:-4rem;background:rgba(0,103,127,.2)}.web-cta__content{position:relative;z-index:1}.web-cta__title{color:#fff;font-size:clamp(1.75rem, 4vw, 2.75rem);margin-bottom:var(--s5)}.web-cta__desc{color:rgba(255,255,255,.9);font-size:1.125rem;max-width:52ch;margin-inline:auto;margin-bottom:var(--s10)}@media (max-width:1023px){.web-page-hero__inner{grid-template-columns:1fr}.web-features__grid{grid-template-columns:1fr}.web-feature-card--offset{transform:none}.web-feature-card--offset:hover{transform:translateY(-8px)}.web-works__grid{grid-template-columns:1fr}.web-pricing .design-pricing__grid{grid-template-columns:1fr}.web-pricing .pricing-card--featured{transform:none}}@media (max-width:767px){.web-roadmap__grid{grid-template-columns:1fr}}