@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');:root {--color-primary: #1a2e2a;--color-primary-light: #2a4a42;--color-accent: #c8a87c;--color-accent-light: #e8d5b8;--color-accent-dark: #a88a5e;--color-bg: #faf9f6;--color-bg-alt: #f3f0ea;--color-white: #ffffff;--color-black: #1a1a1a;--color-text: #2c2c2c;--color-text-light: #6b6b6b;--color-text-muted: #9a9a9a;--color-border: #e2ddd4;--color-border-light: #f0ece6;--color-shadow: rgba(26, 46, 42, 0.08);--color-shadow-hover: rgba(26, 46, 42, 0.14);--color-overlay: rgba(26, 46, 42, 0.6);--color-success: #7a9e7e;--color-error: #c45a5a;--font-heading: 'Playfair Display', Georgia, serif;--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--fs-display: 3.25rem;--fs-h1: 2.5rem;--fs-h2: 2rem;--fs-h3: 1.5rem;--fs-h4: 1.2rem;--fs-body: 1rem;--fs-small: 0.875rem;--fs-tiny: 0.75rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.15;--lh-normal: 1.6;--lh-loose: 1.8;--space-xs: 0.375rem;--space-sm: 0.75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3.5rem;--space-2xl: 5rem;--space-3xl: 7rem;--max-width: 1200px;--max-width-narrow: 880px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);--z-header: 100;--z-overlay: 200;--z-modal: 300;}*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;-webkit-text-size-adjust: 100%;}body {font-family: var(--font-body);font-size: var(--fs-body);font-weight: var(--fw-regular);line-height: var(--lh-normal);color: var(--color-text);background-color: var(--color-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}img {max-width: 100%;height: auto;display: block;}a {color: inherit;text-decoration: none;transition: color var(--transition-fast);}a:hover {color: var(--color-accent);}ul, ol {list-style: none;}h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading);font-weight: var(--fw-semibold);line-height: var(--lh-tight);color: var(--color-primary);}h1 {font-size: var(--fs-h1);}h2 {font-size: var(--fs-h2);}h3 {font-size: var(--fs-h3);}h4 {font-size: var(--fs-h4);}p {margin-bottom: var(--space-md);}.text-accent {color: var(--color-accent);}.text-light {color: var(--color-text-light);}.text-muted {color: var(--color-text-muted);}.text-center {text-align: center;}.text-italic {font-style: italic;}.section-label {display: inline-block;font-family: var(--font-body);font-size: var(--fs-tiny);font-weight: var(--fw-semibold);letter-spacing: 0.2em;text-transform: uppercase;color: var(--color-accent);margin-bottom: var(--space-sm);border-bottom: 2px solid var(--color-accent);padding-bottom: var(--space-xs);}.container {width: 100%;max-width: var(--max-width);margin: 0 auto;padding: 0 var(--space-lg);}.container-narrow {max-width: var(--max-width-narrow);margin: 0 auto;padding: 0 var(--space-lg);}.header {position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-header);padding: var(--space-sm) 0;transition: background var(--transition-base), padding var(--transition-base);background: transparent;}.header.scrolled {background: var(--color-white);box-shadow: 0 2px 30px var(--color-shadow);padding: 0.5rem 0;}.header__inner {display: flex;align-items: center;justify-content: space-between;max-width: var(--max-width);margin: 0 auto;padding: 0 var(--space-lg);}.header__logo {font-family: var(--font-heading);font-size: 1.6rem;font-weight: var(--fw-bold);color: var(--color-white);transition: color var(--transition-fast);}.header.scrolled .header__logo {color: var(--color-primary);}.header__logo span {color: var(--color-accent);}.nav {display: flex;align-items: center;gap: var(--space-lg);}.nav__link {font-family: var(--font-body);font-size: var(--fs-small);font-weight: var(--fw-medium);color: rgba(255, 255, 255, 0.85);letter-spacing: 0.04em;text-transform: uppercase;position: relative;padding: var(--space-xs) 0;transition: color var(--transition-fast);}.header.scrolled .nav__link {color: var(--color-text-light);}.nav__link::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--color-accent);transition: width var(--transition-base);}.nav__link:hover, .nav__link.active {color: var(--color-accent);}.nav__link:hover::after, .nav__link.active::after {width: 100%;}.menu-toggle {display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 4px;z-index: 101;}.menu-toggle span {display: block;width: 26px;height: 2px;background: var(--color-white);border-radius: 2px;transition: var(--transition-base);}.header.scrolled .menu-toggle span {background: var(--color-primary);}.menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}.menu-toggle.active span:nth-child(2) {opacity: 0;}.menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}.btn {display: inline-flex;align-items: center;justify-content: center;gap: var(--space-sm);font-family: var(--font-body);font-size: var(--fs-small);font-weight: var(--fw-semibold);letter-spacing: 0.06em;text-transform: uppercase;padding: 0.85rem 2.2rem;border-radius: 50px;border: none;cursor: pointer;transition: all var(--transition-base);position: relative;overflow: hidden;}.btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);transition: left 0.6s;}.btn:hover::before {left: 100%;}.btn--primary {background: var(--color-accent);color: var(--color-white);box-shadow: 0 4px 15px rgba(200, 168, 124, 0.35);}.btn--primary:hover {background: var(--color-accent-dark);color: var(--color-white);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(200, 168, 124, 0.4);}.btn--outline {background: transparent;color: var(--color-primary);border: 1.5px solid var(--color-primary);}.btn--outline:hover {background: var(--color-primary);color: var(--color-white);transform: translateY(-2px);}.btn--light {background: var(--color-white);color: var(--color-primary);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);}.btn--light:hover {box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}.btn--outline-light {background: transparent;color: var(--color-white);border: 1.5px solid rgba(255, 255, 255, 0.6);}.btn--outline-light:hover {border-color: var(--color-white);background: rgba(255, 255, 255, 0.1);color: var(--color-white);transform: translateY(-2px);}.hero {position: relative;min-height: 100vh;display: flex;align-items: center;background: var(--color-primary);overflow: hidden;}.hero::before {content: '';position: absolute;inset: 0;background: radial-gradient(ellipse at 80% 20%, rgba(200, 168, 124, 0.12) 0%, transparent 50%), radial-gradient(ellipse at 20% 80%, rgba(200, 168, 124, 0.06) 0%, transparent 50%);pointer-events: none;}.hero__bg-shape {position: absolute;right: 0;top: 0;width: 45%;height: 100%;background: linear-gradient(135deg, var(--color-primary-light) 0%, #1a2e2a 100%);clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);opacity: 0.6;}.hero__inner {display: grid;grid-template-columns: 55fr 45fr;gap: var(--space-xl);align-items: center;position: relative;z-index: 1;width: 100%;max-width: var(--max-width);margin: 0 auto;padding: 8rem var(--space-lg) 4rem;}.hero__content {padding-right: var(--space-lg);}.hero__label {display: inline-block;font-family: var(--font-body);font-size: var(--fs-tiny);font-weight: var(--fw-semibold);letter-spacing: 0.25em;text-transform: uppercase;color: var(--color-accent);margin-bottom: var(--space-md);border-bottom: 2px solid var(--color-accent);padding-bottom: var(--space-xs);}.hero__title {font-size: var(--fs-display);font-weight: var(--fw-bold);color: var(--color-white);margin-bottom: var(--space-md);line-height: 1.08;}.hero__title span {color: var(--color-accent);font-style: italic;}.hero__subtitle {font-family: var(--font-body);font-size: 1.1rem;font-weight: var(--fw-light);color: rgba(255, 255, 255, 0.7);line-height: var(--lh-loose);margin-bottom: var(--space-xl);max-width: 90%;}.hero__actions {display: flex;gap: var(--space-md);flex-wrap: wrap;}.hero__visual {position: relative;display: flex;gap: var(--space-md);justify-content: center;align-items: flex-end;height: 580px;}.hero__frame {border-radius: var(--radius-lg);overflow: hidden;background: linear-gradient(135deg, var(--color-primary-light), #2a4a42);position: relative;flex-shrink: 0;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);transition: transform var(--transition-slow);}.hero__frame:hover {transform: translateY(-8px);}.hero__frame--tall {width: 180px;height: 500px;}.hero__frame--medium {width: 160px;height: 420px;margin-bottom: 40px;}.hero__frame--small {width: 130px;height: 350px;margin-bottom: 80px;}.hero__frame-inner {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: var(--space-md);text-align: center;}.hero__frame-icon {font-size: 3rem;margin-bottom: var(--space-sm);opacity: 0.6;}.hero__frame-label {font-family: var(--font-body);font-size: var(--fs-tiny);font-weight: var(--fw-medium);letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255, 255, 255, 0.5);writing-mode: vertical-lr;text-orientation: mixed;}.hero__decor-line {position: absolute;width: 1px;height: 100px;background: linear-gradient(to bottom, var(--color-accent), transparent);opacity: 0.3;}.section {padding: var(--space-3xl) 0;}.section--alt {background: var(--color-bg-alt);}.section--dark {background: var(--color-primary);color: var(--color-white);}.section--dark h2, .section--dark h3 {color: var(--color-white);}.section__header {text-align: center;margin-bottom: var(--space-2xl);}.section__title {margin-bottom: var(--space-sm);}.section__desc {color: var(--color-text-light);max-width: 600px;margin: 0 auto;}.section--dark .section__desc {color: rgba(255, 255, 255, 0.6);}.bento-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-md);}.bento-card {background: var(--color-white);border-radius: var(--radius-lg);padding: var(--space-xl) var(--space-lg);position: relative;overflow: hidden;cursor: pointer;transition: transform var(--transition-base), box-shadow var(--transition-base);box-shadow: 0 4px 20px var(--color-shadow);display: flex;flex-direction: column;}.bento-card:hover {transform: translateY(-6px);box-shadow: 0 12px 40px var(--color-shadow-hover);}.bento-card::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, transparent 40%, rgba(200, 168, 124, 0.04));pointer-events: none;transition: opacity var(--transition-base);opacity: 0;}.bento-card:hover::before {opacity: 1;}.bento-card__bg {position: absolute;top: -20%;right: -20%;width: 140%;height: 140%;background: radial-gradient(circle at 70% 30%, rgba(200, 168, 124, 0.06), transparent 60%);backdrop-filter: blur(0px);transition: backdrop-filter var(--transition-slow);pointer-events: none;}.bento-card:hover .bento-card__bg {backdrop-filter: blur(4px);}.bento-card--lg {grid-column: span 2;grid-row: span 2;min-height: 320px;}.bento-card--md {grid-column: span 1;grid-row: span 2;min-height: 320px;}.bento-card--sm {grid-column: span 1;grid-row: span 1;min-height: 150px;}.bento-card--wide {grid-column: span 2;grid-row: span 1;min-height: 150px;}.bento-card__icon {font-size: 2.5rem;margin-bottom: var(--space-md);position: relative;z-index: 1;}.bento-card__title {font-family: var(--font-heading);font-size: var(--fs-h4);color: var(--color-primary);margin-bottom: var(--space-sm);position: relative;z-index: 1;}.bento-card__desc {font-size: var(--fs-small);color: var(--color-text-light);line-height: var(--lh-normal);position: relative;z-index: 1;}.bento-card__count {font-family: var(--font-heading);font-size: 3rem;font-weight: var(--fw-bold);color: var(--color-accent);opacity: 0.15;position: absolute;bottom: var(--space-md);right: var(--space-md);line-height: 1;}.bento-card__link {margin-top: auto;font-size: var(--fs-tiny);font-weight: var(--fw-semibold);letter-spacing: 0.05em;text-transform: uppercase;color: var(--color-accent);position: relative;z-index: 1;display: flex;align-items: center;gap: var(--space-xs);padding-top: var(--space-md);}.bento-card__link::after {content: '→';transition: transform var(--transition-fast);}.bento-card:hover .bento-card__link::after {transform: translateX(4px);}.bento-card--featured {background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color: var(--color-white);}.bento-card--featured .bento-card__title {color: var(--color-white);}.bento-card--featured .bento-card__desc {color: rgba(255, 255, 255, 0.7);}.bento-card--featured .bento-card__count {color: var(--color-accent);opacity: 0.2;}.metamorphosis {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-xl);align-items: center;}.metamorphosis__visual {position: relative;border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 15px 40px var(--color-shadow);}.metamorphosis__comparison {display: grid;grid-template-columns: 1fr 1fr;gap: 2px;background: var(--color-border);border-radius: var(--radius-lg);overflow: hidden;}.metamorphosis__image {width: 100%;height: 380px;object-fit: cover;display: block;}.metamorphosis__image-label {position: absolute;top: var(--space-md);left: var(--space-md);font-size: var(--fs-tiny);font-weight: var(--fw-semibold);letter-spacing: 0.08em;text-transform: uppercase;padding: 0.4rem 1rem;border-radius: 50px;}.metamorphosis__image-label--before {background: rgba(0, 0, 0, 0.5);color: var(--color-white);}.metamorphosis__image-label--after {background: var(--color-accent);color: var(--color-white);}.metamorphosis__content {padding: var(--space-lg) 0;}.metamorphosis__label {display: inline-block;font-size: var(--fs-tiny);font-weight: var(--fw-semibold);letter-spacing: 0.2em;text-transform: uppercase;color: var(--color-accent);margin-bottom: var(--space-sm);}.metamorphosis__title {font-size: var(--fs-h2);margin-bottom: var(--space-md);}.metamorphosis__text {color: var(--color-text-light);line-height: var(--lh-loose);margin-bottom: var(--space-lg);}.metamorphosis__stat {display: flex;gap: var(--space-xl);padding-top: var(--space-lg);border-top: 1px solid var(--color-border);}.metamorphosis__stat-item {text-align: center;}.metamorphosis__stat-number {font-family: var(--font-heading);font-size: 2.2rem;font-weight: var(--fw-bold);color: var(--color-accent);line-height: 1;}.metamorphosis__stat-label {font-size: var(--fs-tiny);color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.08em;margin-top: var(--space-xs);}.split-screen {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-xl);align-items: center;padding: var(--space-2xl) 0;}.split-screen--reverse {direction: rtl;}.split-screen--reverse > * {direction: ltr;}.split-screen__visual {border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 15px 40px var(--color-shadow);height: 500px;background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));display: flex;align-items: center;justify-content: center;position: relative;}.split-screen__visual-icon {font-size: 5rem;opacity: 0.15;position: absolute;}.split-screen__visual-overlay {position: absolute;inset: 0;background: linear-gradient(135deg, rgba(26, 46, 42, 0.3), transparent);z-index: 1;}.split-screen__visual-content {position: relative;z-index: 2;text-align: center;padding: var(--space-xl);}.split-screen__visual-content h3 {color: var(--color-white);font-size: var(--fs-h3);margin-bottom: var(--space-sm);}.split-screen__visual-content p {color: rgba(255, 255, 255, 0.7);font-size: var(--fs-small);max-width: 300px;margin: 0 auto;}.split-screen__content {padding: var(--space-lg);}.split-screen__label {display: inline-block;font-size: var(--fs-tiny);font-weight: var(--fw-semibold);letter-spacing: 0.2em;text-transform: uppercase;color: var(--color-accent);margin-bottom: var(--space-sm);border-bottom: 2px solid var(--color-accent);padding-bottom: var(--space-xs);}.split-screen__title {font-size: var(--fs-h2);margin-bottom: var(--space-md);}.split-screen__text {color: var(--color-text-light);line-height: var(--lh-loose);margin-bottom: var(--space-lg);}.split-screen__list {margin-bottom: var(--space-lg);}.split-screen__list-item {display: flex;gap: var(--space-sm);padding: var(--space-xs) 0;color: var(--color-text-light);font-size: var(--fs-small);}.split-screen__list-item::before {content: '✦';color: var(--color-accent);font-size: var(--fs-tiny);flex-shrink: 0;margin-top: 3px;}.page-header {padding: 10rem 0 var(--space-2xl);background: var(--color-primary);position: relative;overflow: hidden;}.page-header::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--color-accent), transparent);}.page-header__inner {position: relative;z-index: 1;}.page-header__breadcrumb {display: flex;align-items: center;gap: var(--space-sm);font-size: var(--fs-small);color: rgba(255, 255, 255, 0.5);margin-bottom: var(--space-md);}.page-header__breadcrumb a {color: rgba(255, 255, 255, 0.6);transition: color var(--transition-fast);}.page-header__breadcrumb a:hover {color: var(--color-accent);}.page-header__breadcrumb span {color: var(--color-accent);}.page-header__breadcrumb-sep {color: rgba(255, 255, 255, 0.3);}.page-header__title {font-size: var(--fs-display);color: var(--color-white);margin-bottom: var(--space-sm);}.page-header__desc {font-size: 1.1rem;color: rgba(255, 255, 255, 0.6);max-width: 550px;font-weight: var(--fw-light);}.pricing-category {margin-bottom: var(--space-3xl);}.pricing-category__title {font-size: var(--fs-h2);margin-bottom: var(--space-lg);padding-bottom: var(--space-sm);border-bottom: 2px solid var(--color-border);display: flex;align-items: center;gap: var(--space-md);}.pricing-category__icon {color: var(--color-accent);font-size: 1.4rem;}.pricing-item {display: flex;align-items: baseline;gap: var(--space-sm);padding: var(--space-md) 0;border-bottom: 1px dotted var(--color-border);transition: background var(--transition-fast);}.pricing-item:hover {background: var(--color-bg-alt);margin: 0 calc(-1 * var(--space-lg));padding-left: var(--space-lg);padding-right: var(--space-lg);border-radius: var(--radius-sm);}.pricing-item__name {font-family: var(--font-heading);font-size: var(--fs-h4);color: var(--color-primary);flex-shrink: 0;font-weight: var(--fw-medium);}.pricing-item__dots {flex: 1;border-bottom: 2px dotted var(--color-border);margin: 0 var(--space-sm);min-width: 40px;height: 1px;position: relative;top: -6px;}.pricing-item__details {font-size: var(--fs-small);color: var(--color-text-muted);flex-shrink: 0;max-width: 180px;text-align: right;}.pricing-item__price {font-family: var(--font-heading);font-size: var(--fs-h4);font-weight: var(--fw-bold);color: var(--color-accent);flex-shrink: 0;min-width: 80px;text-align: right;}.pricing-item__price small {font-size: var(--fs-tiny);font-weight: var(--fw-regular);color: var(--color-text-muted);}.contact-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-xl);align-items: start;}.contact-form {background: var(--color-white);border-radius: var(--radius-lg);padding: var(--space-xl) var(--space-xl);box-shadow: 0 10px 40px var(--color-shadow);}.contact-form__title {font-size: var(--fs-h3);margin-bottom: var(--space-sm);}.contact-form__desc {color: var(--color-text-light);margin-bottom: var(--space-xl);font-size: var(--fs-small);}.form-group {margin-bottom: var(--space-lg);}.form-group--half {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-md);}.form-label {display: block;font-size: var(--fs-tiny);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: 0.08em;color: var(--color-text-muted);margin-bottom: var(--space-xs);}.form-input, .form-textarea {width: 100%;padding: var(--space-sm) 0;font-family: var(--font-body);font-size: var(--fs-body);color: var(--color-text);background: transparent;border: none;border-bottom: 1.5px solid var(--color-border);outline: none;transition: border-color var(--transition-fast);}.form-input:focus, .form-textarea:focus {border-bottom-color: var(--color-accent);}.form-input::placeholder, .form-textarea::placeholder {color: var(--color-text-muted);font-weight: var(--fw-light);}.form-textarea {min-height: 100px;resize: vertical;}.form-select {width: 100%;padding: var(--space-sm) 0;font-family: var(--font-body);font-size: var(--fs-body);color: var(--color-text);background: transparent;border: none;border-bottom: 1.5px solid var(--color-border);outline: none;cursor: pointer;-webkit-appearance: none;appearance: none;}.form-select:focus {border-bottom-color: var(--color-accent);}.contact-map {border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 10px 40px var(--color-shadow);height: 100%;min-height: 500px;background: var(--color-bg-alt);position: relative;display: flex;align-items: center;justify-content: center;}.contact-map__placeholder {text-align: center;color: var(--color-text-muted);}.contact-map__icon {font-size: 4rem;margin-bottom: var(--space-md);opacity: 0.3;}.contact-map__address {font-size: var(--fs-small);max-width: 300px;line-height: var(--lh-normal);}.contact-info-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-md);margin-top: var(--space-xl);}.contact-info-card {background: var(--color-white);border-radius: var(--radius-md);padding: var(--space-lg);text-align: center;box-shadow: 0 4px 15px var(--color-shadow);transition: transform var(--transition-base);}.contact-info-card:hover {transform: translateY(-4px);}.contact-info-card__icon {font-size: 1.8rem;margin-bottom: var(--space-sm);}.contact-info-card__title {font-family: var(--font-heading);font-size: var(--fs-h4);color: var(--color-primary);margin-bottom: var(--space-xs);}.contact-info-card__text {font-size: var(--fs-small);color: var(--color-text-light);}.footer {background: var(--color-primary);color: rgba(255, 255, 255, 0.7);padding: var(--space-2xl) 0 var(--space-lg);}.footer__inner {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: var(--space-xl);margin-bottom: var(--space-xl);}.footer__brand {font-family: var(--font-heading);font-size: 1.4rem;font-weight: var(--fw-bold);color: var(--color-white);margin-bottom: var(--space-sm);}.footer__brand span {color: var(--color-accent);}.footer__desc {font-size: var(--fs-small);line-height: var(--lh-loose);margin-bottom: var(--space-md);}.footer__socials {display: flex;gap: var(--space-sm);}.footer__social-link {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.15);color: rgba(255, 255, 255, 0.6);font-size: 1rem;transition: all var(--transition-base);}.footer__social-link:hover {background: var(--color-accent);border-color: var(--color-accent);color: var(--color-white);}.footer__heading {font-family: var(--font-body);font-size: var(--fs-small);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-white);margin-bottom: var(--space-md);}.footer__nav {display: flex;flex-direction: column;gap: var(--space-sm);}.footer__nav-link {font-size: var(--fs-small);color: rgba(255, 255, 255, 0.6);transition: color var(--transition-fast);}.footer__nav-link:hover {color: var(--color-accent);}.footer__bottom {padding-top: var(--space-lg);border-top: 1px solid rgba(255, 255, 255, 0.08);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--space-sm);font-size: var(--fs-tiny);color: rgba(255, 255, 255, 0.35);}.footer__bottom-links {display: flex;gap: var(--space-md);}.footer__bottom-links a {color: rgba(255, 255, 255, 0.35);transition: color var(--transition-fast);}.footer__bottom-links a:hover {color: var(--color-accent);}.fade-in-up {opacity: 0;transform: translateY(40px);transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);}.fade-in-up.visible {opacity: 1;transform: translateY(0);}.fade-in-left {opacity: 0;transform: translateX(-40px);transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);}.fade-in-left.visible {opacity: 1;transform: translateX(0);}.fade-in-right {opacity: 0;transform: translateX(40px);transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);}.fade-in-right.visible {opacity: 1;transform: translateX(0);}.scale-in {opacity: 0;transform: scale(0.9);transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.scale-in.visible {opacity: 1;transform: scale(1);}.stagger-1 {transition-delay: 0.05s;}.stagger-2 {transition-delay: 0.1s;}.stagger-3 {transition-delay: 0.15s;}.stagger-4 {transition-delay: 0.2s;}.stagger-5 {transition-delay: 0.25s;}.stagger-6 {transition-delay: 0.3s;}@media (max-width: 1024px) {:root {--fs-display: 2.6rem;--fs-h1: 2.2rem;--fs-h2: 1.7rem;--fs-h3: 1.3rem;--space-3xl: 5rem;--space-2xl: 3.5rem;}.hero__inner {grid-template-columns: 1fr;text-align: center;padding-top: 6rem;}.hero__content {padding-right: 0;}.hero__subtitle {max-width: 100%;margin-left: auto;margin-right: auto;}.hero__actions {justify-content: center;}.hero__visual {height: 400px;margin-top: var(--space-lg);}.hero__frame--tall {width: 150px;height: 380px;}.hero__frame--medium {width: 140px;height: 320px;margin-bottom: 30px;}.hero__frame--small {width: 110px;height: 270px;margin-bottom: 60px;}.hero__bg-shape {display: none;}.bento-grid {grid-template-columns: repeat(2, 1fr);}.bento-card--lg {grid-column: span 2;}.split-screen {grid-template-columns: 1fr;gap: var(--space-lg);}.split-screen--reverse {direction: ltr;}.split-screen__visual {height: 350px;}.pricing-item:hover {margin: 0;padding-left: 0;padding-right: 0;}.contact-grid {grid-template-columns: 1fr;}.contact-map {min-height: 350px;}.contact-info-list {grid-template-columns: repeat(2, 1fr);}.footer__inner {grid-template-columns: 1fr 1fr;gap: var(--space-lg);}.metamorphosis {grid-template-columns: 1fr;}.metamorphosis__content {padding: var(--space-md) 0;}.page-header {padding: 8rem 0 var(--space-xl);}.page-header__title {font-size: var(--fs-h1);}}@media (max-width: 768px) {:root {--fs-display: 2.2rem;--fs-h1: 1.9rem;--fs-h2: 1.5rem;--fs-h3: 1.2rem;--fs-h4: 1.05rem;--fs-body: 0.95rem;--space-3xl: 4rem;--space-2xl: 2.5rem;--space-xl: 2rem;--space-lg: 1.5rem;--space-md: 1rem;}.container {padding: 0 var(--space-md);}.container-narrow {padding: 0 var(--space-md);}.header__inner {padding: 0 var(--space-md);}.nav {position: fixed;top: 0;right: -100%;width: 80%;max-width: 320px;height: 100vh;background: var(--color-white);flex-direction: column;justify-content: center;gap: var(--space-lg);padding: var(--space-xl);box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1);transition: right var(--transition-base);}.nav.open {right: 0;}.nav__link {color: var(--color-text);font-size: var(--fs-body);}.nav__link::after {display: none;}.menu-toggle {display: flex;}.hero {min-height: auto;padding-bottom: var(--space-xl);}.hero__inner {padding: 5rem var(--space-md) 2rem;}.hero__title {font-size: var(--fs-display);}.hero__subtitle {font-size: var(--fs-body);}.hero__visual {height: 300px;gap: var(--space-sm);}.hero__frame--tall {width: 120px;height: 300px;}.hero__frame--medium {width: 110px;height: 250px;margin-bottom: 20px;}.hero__frame--small {width: 90px;height: 210px;margin-bottom: 50px;}.hero__actions {flex-direction: column;align-items: center;}.hero__actions .btn {width: 100%;max-width: 300px;}.bento-grid {grid-template-columns: 1fr;gap: var(--space-sm);}.bento-card--lg, .bento-card--wide, .bento-card--md {grid-column: span 1;grid-row: span 1;min-height: auto;}.bento-card {min-height: auto;padding: var(--space-lg);}.bento-card__count {display: none;}.split-screen__visual {height: 280px;}.split-screen__content {padding: 0;}.contact-form {padding: var(--space-lg);}.form-group--half {grid-template-columns: 1fr;}.contact-info-list {grid-template-columns: 1fr;}.footer__inner {grid-template-columns: 1fr;gap: var(--space-lg);text-align: center;}.footer__socials {justify-content: center;}.footer__bottom {flex-direction: column;text-align: center;}.metamorphosis__comparison {grid-template-columns: 1fr 1fr;}.metamorphosis__image {height: 200px;}.metamorphosis__stat {gap: var(--space-md);}.metamorphosis__stat-number {font-size: 1.6rem;}.pricing-item {flex-wrap: wrap;gap: var(--space-xs);}.pricing-item__name {font-size: var(--fs-body);}.pricing-item__price {font-size: var(--fs-body);min-width: auto;}.pricing-item__details {max-width: 100%;text-align: left;font-size: var(--fs-tiny);width: 100%;order: 3;}.pricing-item__dots {display: none;}.pricing-item:hover {margin: 0;padding-left: var(--space-sm);padding-right: var(--space-sm);}.page-header {padding: 6rem 0 var(--space-lg);}.page-header__title {font-size: var(--fs-h1);}.page-header__desc {font-size: var(--fs-body);}.hero__frame-icon {font-size: 2rem;}.hero__frame-label {font-size: 0.6rem;}}@media (max-width: 400px) {:root {--fs-display: 1.9rem;--fs-h1: 1.6rem;--fs-h2: 1.3rem;}.hero__frame--tall {width: 100px;height: 260px;}.hero__frame--medium {width: 90px;height: 210px;margin-bottom: 15px;}.hero__frame--small {width: 80px;height: 180px;margin-bottom: 40px;}}body::before {content: "" !important;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;pointer-events: none;opacity: 0.08;transform: rotate(-15deg) scale(1.1);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='100' viewBox='0 0 260 100'%3E%3Cg%3E%3Crect x='8' y='20' width='20' height='20' rx='4' fill='%231967fd' opacity='0.15' transform='skewX(-12)'/%3E%3Crect x='32' y='24' width='10' height='12' rx='2' fill='%231967fd' opacity='0.1' transform='skewX(-12)'/%3E%3Ctext x='50' y='36' font-family='Arial, sans-serif' font-size='13' font-weight='bold' font-style='italic' fill='%230f172a'%3Eszybkawitryna%3C/text%3E%3Ctext x='155' y='36' font-family='Arial, sans-serif' font-size='13' font-weight='bold' font-style='italic' fill='%231967fd'%3E.pl%3C/text%3E%3Ctext x='185' y='36' font-family='Arial, sans-serif' font-size='10' fill='%2394a3b8'%3EDEMO%3C/text%3E%3C/g%3E%3C/svg%3E");background-repeat: repeat;background-size: 260px 100px;background-position: 0 0;}