Нужен расчёт кровельного профлиста?

Подберём марку, толщину, покрытие, цвет и комплектующие для объекта в Москве или Московской области

.fours-hero-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(44, 62, 80, 0.75);z-index: 1;}.fours-hero .fours-container {position: relative;z-index: 2;}.fours-hero-title {font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);color: #fff !important;}.fours-hero-subtitle {margin-bottom: 2.5rem;opacity: 0.95;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}.fours-text-block {background: #fff;position: relative;view-timeline: --textBlock;view-timeline-inset: 200px;}.fours-text-content {max-width: 900px;margin: 0 auto;opacity: 0;transform: translateY(40px);animation: fadeInUp 1.2s ease-out forwards;animation-timeline: view(--textBlock);animation-range: entry 0% entry 50%;}@supports not (animation-timeline: view()) {.fours-text-content {opacity: 0;transform: translateY(40px);animation: fadeInUp 1.2s ease-out 0.5s forwards;}}.fours-text-title {text-align: center;margin-bottom: 3rem;color: #2c3e50;font-weight: 700;line-height: 1.3;}.fours-text-section {margin-bottom: 3rem;padding: 2.5rem;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-radius: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08),0 1px 3px rgba(0, 0, 0, 0.05);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}.fours-text-section::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #e74c3c 0%, #c0392b 50%, #e74c3c 100%);transform: scaleX(0);transform-origin: left;transition: transform 0.4s ease;}.fours-text-section:hover::before {transform: scaleX(1);}.fours-text-section:hover {transform: translateY(-8px);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12),0 5px 15px rgba(0, 0, 0, 0.08);}.fours-text-section:last-child {margin-bottom: 0;}.fours-text-section:nth-child(1) {background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);}.fours-text-section:nth-child(2) {background: linear-gradient(135deg, #ffffff 0%, #fff5f5 100%);}.fours-text-section:nth-child(3) {background: linear-gradient(135deg, #ffffff 0%, #f5fff5 100%);}.fours-text-section:nth-child(4) {background: linear-gradient(135deg, #ffffff 0%, #fffaf5 100%);}.fours-text-heading {color: #2c3e50;margin-bottom: 1rem;font-weight: 600;line-height: 1.3;}.fours-text-content p {margin-bottom: 1.5rem;line-height: 1.8;color: #555;text-align: left;}.fours-text-content p:last-child {margin-bottom: 0;}.fours-text-content p strong {color: #2c3e50;font-weight: 600;}.fours-text-highlight {background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);color: white;padding: 2rem;border-radius: 16px;margin: 2rem 0;text-align: center;box-shadow: 0 10px 30px rgba(231, 76, 60, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.2);position: relative;overflow: hidden;}.fours-text-highlight::before {content: "";position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle,rgba(255, 255, 255, 0.1) 0%,transparent 70%);animation: shimmer 3s infinite;}@keyframes shimmer {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.fours-text-highlight strong {color: white;font-weight: 600;}.fours-text-guarantee {background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);padding: 2rem;border-radius: 16px;margin: 2rem 0;color: #2e7d32;box-shadow: 0 8px 20px rgba(76, 175, 80, 0.2);position: relative;overflow: hidden;}.fours-text-guarantee::before {content: "✓";position: absolute;top: 1rem;right: 1.5rem;font-size: 4rem;color: rgba(76, 175, 80, 0.15);line-height: 1;}.fours-text-guarantee strong {color: #1b5e20;}.fours-text-list {list-style: none;padding: 0;margin: 1.5rem 0;}.fours-text-list li {padding: 1.25rem 1.25rem 1.25rem 5.5rem;margin-bottom: 1rem;background: white;border-radius: 12px;position: relative;color: #555;line-height: 1.6;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;border: 2px solid transparent;}.fours-text-list li:hover {transform: translateX(8px);border-color: #4caf50;box-shadow: 0 6px 20px rgba(76, 175, 80, 0.15);}.fours-text-list li::before {content: "✓";position: absolute;left: 1.25rem;top: 50%;transform: translateY(-50%);width: 32px;height: 32px;background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);color: white;font-weight: 700;display: flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: 0 4px 10px rgba(76, 175, 80, 0.3);}.fours-text-list li:last-child {margin-bottom: 0;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(40px);}to {opacity: 1;transform: translateY(0);}}.fours-btn {display: inline-block;padding: 15px 35px;font-weight: 600;text-decoration: none;border: none;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;text-align: center;color: inherit;}.fours-btn-primary {background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);color: white;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);}.fours-btn-primary:hover {background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);}.fours-btn-outline {background: transparent;color: #e74c3c;border: 2px solid #e74c3c;}.fours-btn-outline:hover {background: #e74c3c;color: white;}section {padding: 80px 20px;}.fours-section-title {font-weight: 700;text-align: center;margin-bottom: 3rem;color: #2c3e50;}.fours-suggestion {--suggestion-accent: #e74c3c;margin: 2.25rem 0;padding: 1.75rem;border-radius: 16px;border: 1px solid rgba(44, 62, 80, 0.12);background: #fff;box-shadow:0 18px 55px rgba(0, 0, 0, 0.08),0 1px 0 rgba(255, 255, 255, 0.8) inset;}.fours-suggestion__head {display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.25rem;padding-bottom: 1rem;border-bottom: 1px solid rgba(44, 62, 80, 0.08);}.fours-suggestion__title {margin: 0;font-weight: 800;color: #2c3e50;position: relative;padding-left: 14px;}.fours-suggestion__title::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 22px;border-radius: 999px;background: var(--suggestion-accent);}.fours-suggestion__grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.4rem;}.fours-suggestion-card {height: 100%;display: flex;flex-direction: column;background: #ffffff;border-radius: 16px;padding: 1.5rem 1.5rem 1.35rem;border: 1px solid rgba(44, 62, 80, 0.1);box-shadow:0 10px 28px rgba(0, 0, 0, 0.07),0 1px 0 rgba(255, 255, 255, 0.75) inset;transition: transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;}.fours-suggestion-card:hover {transform: translateY(-4px);box-shadow:0 18px 48px rgba(0, 0, 0, 0.12),0 1px 0 rgba(255, 255, 255, 0.75) inset;border-color: rgba(231, 76, 60, 0.28);}.fours-suggestion-card__title {margin: 0 0 0.6rem 0;color: #2c3e50;font-weight: 800;line-height: 1.25;}.fours-suggestion-card__text {margin: 15px;color: #666;line-height: 1.55;}.fours-suggestion-card__btn {margin-top: auto;align-self: flex-start;display: inline-flex;justify-content: center;align-items: center;padding: 11px 16px;border-radius: 12px;text-decoration: none;font-weight: 800;background: var(--suggestion-accent);color: #fff;transition: transform 0.2s ease,filter 0.2s ease;}.fours-suggestion-card__btn:hover {transform: translateY(-1px);filter: brightness(0.95);}.fours-suggestion--also {--suggestion-accent: #e74c3c;background: linear-gradient(135deg,rgba(231, 76, 60, 0.06),rgba(255, 255, 255, 1));}.fours-suggestion--more {--suggestion-accent: #2c3e50;background: linear-gradient(135deg,rgba(44, 62, 80, 0.06),rgba(255, 255, 255, 1));border-color: rgba(44, 62, 80, 0.18);}.fours-suggestion--more .fours-suggestion-card:hover {border-color: rgba(44, 62, 80, 0.35);}@media (max-width: 900px) {.fours-suggestion__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 600px) {.fours-suggestion {padding: 1.25rem;}.fours-suggestion__head {flex-direction: column;align-items: flex-start;}.fours-suggestion__grid {grid-template-columns: 1fr;}}.fours-advantages {background: #f8f9fa;}.fours-advantages-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.fours-advantage-card,.fours-catalog-item,.fours-gallery-item {border-radius: 12px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease,box-shadow 0.3s ease;}.fours-advantage-card:hover,.fours-catalog-item:hover,.fours-gallery-item:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}.fours-advantage-card {background: white;padding: 2rem;text-align: center;}.fours-advantage-card h3 {color: #2c3e50;margin-bottom: 1rem;}.fours-advantage-card p {color: #666;line-height: 1.6;}.fours-catalog {background: white;}.fours-catalog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2.5rem;}.fours-catalog-item {background: white;overflow: hidden;}.fours-catalog-image {width: 100%;height: 250px;overflow: hidden;background: #ecf0f1;}.fours-catalog-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.fours-catalog-item:hover .fours-catalog-image img {transform: scale(1.05);}.fours-catalog-content {padding: 1.5rem;}.fours-catalog-content h3 {color: #2c3e50;margin-bottom: 1rem;}.fours-catalog-specs {list-style: none;margin-bottom: 1rem;color: #666;}.fours-catalog-specs li {margin-bottom: 0.5rem;}.fours-how-we-work {background: #f8f9fa;}.fours-steps {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 2rem;position: relative;}.fours-step {text-align: center;position: relative;animation: wave-bounce 2s ease-in-out infinite;}.fours-step:nth-child(1) {animation-delay: 0s;}.fours-step:nth-child(2) {animation-delay: 0.2s;}.fours-step:nth-child(3) {animation-delay: 0.4s;}.fours-step:nth-child(4) {animation-delay: 0.6s;}.fours-step:nth-child(5) {animation-delay: 0.8s;}@keyframes wave-bounce {0%,100% {transform: translateY(0);}50% {transform: translateY(-15px);}}.fours-step-number {width: 60px;height: 60px;background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;margin: 0 auto 1rem;box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);}.fours-step h3 {color: #2c3e50;margin-bottom: 0.5rem;}.fours-step p {color: #666;}.fours-gallery {background: white;}.fours-gallery-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.fours-gallery-item {overflow: hidden;}.fours-gallery-item img {width: 100%;height: 250px;object-fit: cover;}.fours-gallery-caption {padding: 1.5rem;background: #f8f9fa;}.fours-gallery-caption p {margin-bottom: 0.5rem;color: #666;}.fours-info-block {background: #f8f9fa;}.fours-info-content {max-width: 900px;margin: 0 auto;}.fours-info-text {background: white;padding: 3rem;border-radius: 12px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.fours-info-text h3 {color: #2c3e50;margin-top: 2rem;margin-bottom: 1rem;font-weight: 600;}.fours-info-text h3:first-child {margin-top: 0;}.fours-info-text p {color: #666;line-height: 1.8;margin-bottom: 1.5rem;}.fours-info-text p:last-child {margin-bottom: 0;}.fours-additional-text {padding: 100px 20px;background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);position: relative;overflow: hidden;}.fours-additional-text::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #e74c3c, #c0392b, #e74c3c);background-size: 200% 100%;animation: gradient-shift 3s ease infinite;}@keyframes gradient-shift {0%,100% {background-position: 0% 50%;}50% {background-position: 100% 50%;}}.fours-additional-content {margin: 0 auto;position: relative;z-index: 1;}.fours-additional-text .fours-section-title {position: relative;padding-bottom: 1.5rem;margin-bottom: 3rem;}.fours-additional-text .fours-section-title::after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 3px;background: linear-gradient(90deg, transparent, #e74c3c, transparent);border-radius: 2px;}.fours-additional-text-content {margin-top: 2rem;background: white;padding: 3rem;border-radius: 16px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease,box-shadow 0.3s ease;position: relative;}.fours-additional-text-content:hover {transform: translateY(-5px);box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);}.fours-additional-text-content::before {content: "";position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: linear-gradient(180deg, #e74c3c, #c0392b);border-radius: 16px 0 0 16px;}.fours-text-details {margin-bottom: 1rem;position: relative;}.fours-text-details summary {color: #555;line-height: 1.9;text-align: justify;position: relative;padding-left: 1.8rem;padding-top: 0.5rem;padding-bottom: 0.5rem;cursor: pointer;list-style: none;border-left: 3px solid transparent;transition: all 0.3s ease;opacity: 0.7;}.fours-text-details summary::-webkit-details-marker {display: none;}.fours-text-details summary::before {content: "▸";position: absolute;left: 0.5rem;color: #e74c3c;font-size: 0.9rem;opacity: 0.7;transition: all 0.3s ease;top: 0.6rem;font-weight: bold;}.fours-text-details[open] summary::before {content: "▾";opacity: 1;}.fours-text-details summary:hover {opacity: 1;border-left-color: #e74c3c;background: rgba(231, 76, 60, 0.03);padding-left: 2rem;}.fours-text-details summary:hover::before {opacity: 1;}details p {color: #555;line-height: 1.9;margin-bottom: 1.8rem;text-align: justify;padding-left: 1.8rem;padding-top: 0;padding-bottom: 0;animation: fadeIn 0.4s ease;}@keyframes fadeIn {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}.fours-additional-text-content p:first-child {color: #555;line-height: 1.9;margin-bottom: 1.8rem;text-align: justify;}.fours-comparison {background: white;}.fours-comparison-table {overflow-x: auto;background: white;border-radius: 12px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.fours-comparison-table table {width: 100%;border-collapse: collapse;}.fours-comparison-table th,.fours-comparison-table td {padding: 1.2rem;text-align: left;border-bottom: 1px solid #ecf0f1;}.fours-comparison-table th {background: #2c3e50;color: white;font-weight: 600;}.fours-comparison-table tr:last-child td {border-bottom: none;}.fours-comparison-table tr:hover {background: #f8f9fa;}.fours-comparison-table td:first-child {font-weight: 600;color: #2c3e50;}.fours-faq {background: #f8f9fa;}.fours-faq-list {max-width: 800px;margin: 0 auto;}.fours-faq-item {background: white;border-radius: 8px;margin-bottom: 1rem;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}.fours-faq-question {padding: 1.5rem;font-weight: 600;color: #2c3e50;cursor: pointer;list-style: none;position: relative;user-select: none;}.fours-faq-question::marker {display: none;}.fours-faq-question::after {content: "+";position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);color: #e74c3c;transition: transform 0.3s ease;}.fours-faq-item[open] .fours-faq-question::after {transform: translateY(-50%) rotate(45deg);}.fours-faq-question:hover {background: #f8f9fa;}.fours-faq-answer {padding: 0 1.5rem 1.5rem;color: #666;line-height: 1.6;}.fours-faq-answer p {margin: 0;}.fours-cta-final {background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);color: white;text-align: center;}.fours-cta-final .fours-section-title {color: white;margin-bottom: 1rem;}.fours-cta-subtitle {margin-bottom: 2rem;opacity: 0.9;}.fours-cta-contact-card {max-width: 680px;margin: 0 auto;padding: 2rem;border-radius: 20px;background: rgba(255, 255, 255, 0.10);border: 1px solid rgba(255, 255, 255, 0.18);box-shadow: 0 18px 55px rgba(0, 0, 0, 0.22);backdrop-filter: blur(10px);}.fours-cta-contact-list {display: grid;gap: 1rem;margin-bottom: 1.5rem;}.fours-cta-contact-item {display: flex;align-items: center;justify-content: center;gap: 0.85rem;color: #fff;font-weight: 700;}.fours-cta-contact-icon {width: 38px;height: 38px;border-radius: 50%;background: rgba(231, 76, 60, 0.95);display: inline-flex;align-items: center;justify-content: center;flex: 0 0 38px;}.fours-cta-contact-item--email .fours-cta-contact-icon {background: rgba(255, 255, 255, 0.95);}.fours-cta-contact-text {letter-spacing: 0.01em;}.fours-cta-max-btn {width: min(100%, 320px);}@media (max-width: 768px) {.fours-cta-contact-card {padding: 1.5rem;}.fours-cta-contact-item {justify-content: flex-start;text-align: left;}}@media (max-width: 768px) {.fours-hero {min-height: 80vh;padding: 60px 20px;}.fours-text-section {padding: 2rem;margin-bottom: 2rem;}.fours-text-content p {text-align: left;}.fours-advantages-grid,.fours-catalog-grid,.fours-gallery-grid {grid-template-columns: 1fr;}.fours-steps {grid-template-columns: 1fr;}.fours-step {animation: none;}.fours-info-text {padding: 2rem;}.fours-btn {padding: 12px 25px;}.fours-text-section {padding: 1.5rem;border-radius: 16px;}.fours-text-highlight,.fours-text-guarantee {padding: 1.5rem;}.fours-text-list li {padding: 1rem 1rem 1rem 4rem;}.fours-text-list li::before {left: 1rem;width: 28px;height: 28px;}.fours-additional-text-content {padding: 1.5rem;}.fours-additional-text-content::before {width: 3px;}.fours-text-details summary,.fours-text-details p {line-height: 1.8;}.fours-additional-text-content > p:first-child {font-size: 1.05rem;}}@media (max-width: 480px) {.fours-btn {padding: 12px 25px;}.fours-advantage-card,.fours-catalog-content,.fours-info-text {padding: 2rem 1.5rem;}.fours-text-section {padding: 1.5rem;}.fours-text-features {grid-template-columns: 1fr;}.fours-text-title {margin-bottom: 2rem;}}