.steps{--step-circle-size: 48px;display:flex;flex-direction:column;gap:32px;counter-reset:step;position:relative}.steps:before{content:"";position:absolute;top:0;left:calc(var(--step-circle-size) / 2);width:1px;height:100%;background:var(--color-border)}.step-item{position:relative;display:flex;gap:24px}.step-item__circle{display:flex;align-items:center;justify-content:center;width:var(--step-circle-size);height:var(--step-circle-size);border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);font-weight:600;font-size:1.125rem;line-height:1;counter-increment:step}.steps .step-item__circle:before{content:counter(step)}.step-item__content{display:flex;flex:1;flex-direction:column;gap:16px}.step-item__text{font-size:1.125rem;line-height:1.5;color:var(--color-text)}.step-item__screenshot{width:100%;aspect-ratio:16/9}@media(min-width:768px){.steps{--step-circle-size: 64px}}.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 32px;height:44px;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-weight:500;font-size:1.125rem;border:none;cursor:pointer;box-shadow:none;transition:all .2s;outline:none;gap:8px;width:100%}.btn-cta:active{background:var(--color-accent-active);transform:translateY(1px)}.btn-cta__icon{display:flex;align-items:center;margin-right:8px}.btn-cta__icon svg{width:24px;height:24px}.btn-cta:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(min-width:768px){.btn-cta{width:auto}}@media(min-width:1200px){.btn-cta{height:48px}}@media(hover:hover)and (pointer:fine){.btn-cta:hover:not(:active){background:var(--color-accent-hover);box-shadow:var(--shadow-md)}}.hero{display:flex;flex-direction:column;align-items:flex-start;padding:2rem 0;background:var(--color-hero-bg);text-align:center}.hero__title{color:var(--color-text-on-hero);max-width:900px;margin-left:auto;margin-right:auto}.hero__subtitle{color:var(--color-text-on-hero);margin-bottom:32px;font-size:1.25rem;line-height:1.75rem;margin-left:auto;margin-right:auto}.hero__screenshot{margin-top:4rem;aspect-ratio:16/9;width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto}@media(max-width:768px){.hero{padding:3rem 0 4rem}.hero__subtitle{font-size:1.125rem;line-height:1.625rem}.hero__screenshot{margin-top:2rem}}.pains{padding:64px 0;background:var(--color-accent-light)}.pains__grid{max-width:1200px;margin:0 auto}.pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:24px;width:100%}.pain-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:32px 24px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.pain-item__icon{width:64px;height:64px;border-radius:999px;background:var(--color-accent-light);display:flex;align-items:center;justify-content:center}.pain-item__icon svg{width:32px;height:32px;stroke:var(--color-accent);stroke-width:2;fill:none}.pain-item__text{font-size:1.125rem;line-height:1.5;color:var(--color-text)}@media(min-width:768px){.pain-list{grid-template-columns:repeat(2,1fr);gap:32px}}@media(min-width:1200px){.pain-item{padding:40px 24px}}.pricing-card{max-width:480px;margin:0 auto;background:var(--color-bg);border:2px solid var(--color-accent);border-radius:12px;padding:32px;box-shadow:0 10px 25px #6366f11a}.pricing-card__header{font-size:var(--subtitle-font-size);line-height:var(--subtitle-line-height);color:var(--subtitle-color)}.pricing-card__price{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.pricing-card__note{font-size:.85rem;color:var(--color-text-muted);margin-bottom:24px}.pricing-card__features li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:16px;color:var(--color-text)}.pricing-card__features li:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-top:2px;background-color:var(--color-accent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat}@media(max-width:767px){.pricing-card__price{font-size:40px}}.product{padding:64px 0}.product__title{text-align:center;margin-bottom:16px}.product__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:48px;font-size:1.25rem;line-height:1.75;max-width:900px;margin-left:auto;margin-right:auto}.product__content{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.product__guide-title{text-align:center;margin-bottom:16px}.product__guide{width:100%}.product__steps{margin:0;padding:0;list-style:none}@media(max-width:767px){.product{padding:48px 0}.product__subtitle{font-size:1.125rem;line-height:1.625;margin-bottom:32px}}.offer{background-color:var(--color-accent-light);padding:2rem 0}.offer__cta-text{font-size:1rem;font-weight:600;color:var(--color-primary, #1a1a1a);margin:0}.offer__cta-center{display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.offer__title{text-align:center;margin-bottom:16px}.offer__subtitle{text-align:center;margin-bottom:48px;font-size:var(--subtitle-font-size);line-height:var(--subtitle-line-height);color:var(--subtitle-color);max-width:900px;margin-left:auto;margin-right:auto}.offer__pricing{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto 48px}@media(max-width:600px){.offer__cta-text{font-size:1.05rem}}@media(min-width:1200px){.offer{padding:4rem 0}.offer__pricing{flex-direction:row;justify-content:center;gap:48px;margin:0 auto 64px}.offer__pricing>li{flex:1}}