.hero-title,.process-header h2,.project-info h3,.services-new-header h2,.step-content h3,a,body,button,h1,h2,h3,input,p,textarea {font-family: Inter,sans-serif;}.pricing-grid,.services-new-grid {grid-template-columns: repeat(3,1fr);}*,::after,::before {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body,html {overscroll-behavior: none;}:root {--color-primary: #1967fd;--color-primary-rgb: 25,103,253;--color-dark: #101a2b;--color-dark-alt: #0b132b;--color-bg-light: #f8fafc;--color-bg-portfolio: #f0f7ff;--color-text: #101a2b;--color-text-muted: #475569;--color-text-light: #64748b;--color-border: #e2e8f0;--color-border-dark: #cbd5e1;--color-white: #ffffff;--color-accent-text: #2563eb;--color-step-badge: #f1f5f9;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05),0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-card: 0 10px 30px -10px rgb(2 6 23 / .08);--shadow-btn: 0 4px 14px rgba(var(--color-primary-rgb), .2);--shadow-btn-hover: 0 6px 20px rgba(var(--color-primary-rgb), .3);--border-radius-lg: 24px;--border-radius-md: 16px;--border-radius-sm: 12px;--border-radius-pill: 50px;--font-serif: "Merriweather",serif;}.details-mail:hover,.footer-bottom a:hover,.footer-links a:hover,.hcol-features-left li::before,.main-nav a:hover,.pricing-name-em,.spec-list li::before {color: var(--color-primary);}.main-header {width: 100%;padding: 20px;position: sticky;top: 0;z-index: 999;background-color: rgba(255,255,255,.85);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-sm);transform: translate3d(0,0,0);backface-visibility: hidden;-webkit-backface-visibility: hidden;will-change: transform;transition: background-color .3s,box-shadow .3s,padding .3s;}.hero-btn,.main-nav .nav-contact-btn {border-radius: var(--border-radius-pill);box-shadow: var(--shadow-btn);animation: 3s ease-in-out infinite glowPulseBtn;}.nav-container {width: 100%;max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}.logo-link {text-decoration: none;}.logo-image {width: 200px;height: auto;}.main-nav {display: flex;align-items: center;gap: 30px;}.hero-btn,.project-cta-btn {gap: 8px;text-decoration: none;}.main-nav a {color: var(--color-text);font-weight: 700;font-size: 1rem;text-decoration: none;position: relative;transition: color .2s;}.main-nav .nav-contact-btn {display: inline-flex;align-items: center;justify-content: center;padding: 10px 20px;font-weight: 700;background-color: var(--color-primary);color: var(--color-white);}.hero-btn:hover,.main-nav .nav-contact-btn:hover,.project-cta-btn:hover {background-color: var(--color-dark);box-shadow: var(--shadow-btn-hover);animation-play-state: paused;}#menu-toggle,.hamburger-label,.menu-checkbox {display: none;}.hero-section {width: 100%;min-height: 80vh;display: flex;align-items: center;justify-content: center;padding: 100px 20px;background-color: var(--color-white);background-image: radial-gradient(circle at center,rgb(var(--color-primary-rgb) / .14) 0,#fff0 65%),linear-gradient(rgb(16 26 43 / .04) 1.5px,transparent 1.5px),linear-gradient(90deg,rgb(16 26 43 / .04) 1.5px,transparent 1.5px);background-size: 100% 100%,40px 40px,40px 40px;mask-image: linear-gradient(to bottom,#000 85%,transparent 100%);-webkit-mask-image: linear-gradient(to bottom,#000 85%,transparent 100%);}.hero-center-container {width: 100%;max-width: 900px;display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;}.hero-title {font-weight: 800;font-size: 4.2rem;line-height: 1.1;margin-bottom: 25px;letter-spacing: -2px;color: var(--color-text);}.hero-subtitle,.portfolio-container>div {margin-bottom: 40px;}.hero-subtitle {font-size: 1.3rem;color: #334155;line-height: 1.6;max-width: 700px;font-weight: 500;}.hero-btn,.scroll-indicator-badge {color: var(--color-white);font-weight: 700;}.hero-btn {display: inline-flex;align-items: center;justify-content: center;padding: 16px 38px;text-transform: uppercase;background-color: var(--color-primary);letter-spacing: .5px;transition: .2s;}.hero-btn:hover,.project-cta-btn:hover {transform: translateY(-1px);}.hero-btn:hover .btn-icon,.project-cta-btn:hover .btn-icon {transform: translate(2px,-2px);}.btn-icon {display: inline-block;flex-shrink: 0;transition: transform .2s cubic-bezier(.4, 0, .2, 1);}.portfolio-section {width: 100%;padding: 120px 20px;border-top: 1px solid var(--color-border);background-color: var(--color-bg-portfolio);}.browser-window,.project-image-wrapper {position: relative;background-color: var(--color-bg-light);}.portfolio-container {position: relative;padding: 20px 0;max-width: 1200px;margin: 0 auto;}.portfolio-container>div:last-child {margin-bottom: 0;}.hosting-header,.portfolio-header,.pricing-header,.services-new-header {text-align: center;margin-bottom: 60px;}.contact-info h2,.portfolio-header h2 {font-weight: 800;font-size: 3rem;letter-spacing: -1px;}.portfolio-header h2 {color: #0f172a;margin-bottom: 15px;}.portfolio-header p {color: var(--color-text-light);font-size: 1.2rem;font-weight: 500;}.portfolio-project-card.artisan-card {display: flex;background: var(--color-white);border-radius: var(--border-radius-lg);text-decoration: none;color: #0f172a;position: relative;z-index: 2;transition: transform .3s,box-shadow .3s;box-shadow: var(--shadow-card);}.portfolio-project-card.artisan-card:hover {transform: translateY(-4px);box-shadow: 0 20px 40px -15px rgb(2 6 23 / .12);}.project-image-wrapper {flex: 1.2;border-right: 1px solid var(--color-border);display: flex;align-items: center;justify-content: center;padding: 50px 40px;}.browser-window {overflow: hidden;border-radius: var(--border-radius-sm);box-shadow: 0 10px 25px -5px rgb(2 6 23 / .05),0 4px 10px -3px rgb(2 6 23 / .03);width: 100%;max-width: 580px;height: 380px;margin: 0 auto;}.browser-window::before {content: "● ● ●";color: #94a3b8;font-size: 8px;letter-spacing: 3px;padding-left: 15px;line-height: 32px;position: absolute;top: 0;left: 0;width: 100%;height: 32px;background-color: var(--color-border);border-bottom: 1px solid var(--color-border-dark);z-index: 10;}.portfolio-container::after,.portfolio-container::before {content: "";position: absolute;background-color: var(--color-border);}.project-img {width: 100%;height: auto;display: block;position: absolute;top: 32px;left: 0;filter: saturate(.7);transition: filter .3s,transform 6s ease-in-out;transform: translateY(0);}.step-badge,.timeline-line {transform: translateX(-50%);left: 50%;}.scroll-indicator-badge {position: absolute;bottom: 20px;right: 20px;background: var(--color-primary);border-radius: var(--border-radius-pill);padding: 8px 18px;font-size: .85rem;box-shadow: 0 4px 12px rgb(var(--color-primary-rgb) / .3);z-index: 11;pointer-events: none;transition: opacity .25s,transform .25s;animation: 2.5s ease-in-out infinite pulseBadge;}.browser-window:hover .scroll-indicator-badge {opacity: 0;transform: scale(.9) translateY(5px);}.project-info {flex: 1;padding: 50px;display: flex;flex-direction: column;justify-content: center;}.project-status-tag {font-size: .85rem;font-weight: 800;color: #10b981;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 12px;}.project-info h3 {font-size: 2.2rem;font-weight: 700;letter-spacing: normal;color: #0f172a;margin-bottom: 20px;}.spec-list {list-style: none;padding: 0;margin: 0 0 28px;width: 100%;max-width: 420px;}.spec-list li {display: flex;align-items: baseline;gap: 6px;padding: 8px 0 8px 18px;position: relative;font-size: .95rem;line-height: 1.6;}.spec-list li::before {content: "▸";position: absolute;left: 0;top: 8px;font-size: .75rem;font-weight: 700;}.spec-list .spec-label {font-weight: 600;color: #0f172a;flex-shrink: 0;font-size: .95rem;}.spec-list .spec-value {font-weight: 500;color: var(--color-text-light);font-size: .95rem;}.card-blue .card-text h3,.card-blue .card-text p,.card-dark .card-text h3,.card-dark .card-text p,.hcol-name-white,.pricing-card-featured .price-amount,.pricing-card-featured .pricing-name,.project-cta-btn {color: var(--color-white);}.project-info .project-cta-btn {align-self: flex-start;margin-top: 10px;padding: 14px 26px;text-transform: uppercase;}.project-cta-btn {display: inline-flex;align-items: center;cursor: pointer;background-color: var(--color-primary);border-radius: var(--border-radius-pill);font-weight: 700;letter-spacing: .5px;box-shadow: var(--shadow-btn);animation: 3s ease-in-out infinite glowPulseBtn;transition: .2s;}.pricing-card,.service-card-new {transition: transform .3s,box-shadow .3s;}.portfolio-container::before {bottom: -40px;right: -20px;width: 2px;height: 120px;z-index: 1;}.portfolio-container::after {bottom: 20px;right: -60px;width: 160px;height: 2px;z-index: 1;}.timeline-wrapper::after,.timeline-wrapper::before {content: "+";font-size: 2.5rem;font-weight: 300;z-index: 1;}.services-section {width: 100%;padding: 120px 20px;background-color: var(--color-bg-light);border-bottom: 4px solid var(--color-border-dark);}.hosting-wrapper,.process-container,.services-new-container {max-width: 1100px;margin: 0 auto;}.services-new-header h2 {font-weight: 800;font-size: 3rem;color: var(--color-text);margin-bottom: 15px;letter-spacing: -1px;line-height: 1.2;}.hosting-header p,.services-new-header p {color: var(--color-text-muted);font-size: 1.2rem;font-weight: 500;line-height: 1.6;}.services-new-grid {display: grid;gap: 28px;align-items: stretch;}.service-card-new {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;padding: 36px 30px 42px;border-radius: var(--border-radius-md);height: 100%;}.service-card-new:hover {transform: translateY(-4px);}.service-card-new .card-icon {flex-shrink: 0;width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;border-radius: 14px;}.service-card-new .card-icon svg {display: block;width: 34px;height: 34px;}.service-card-new .card-text {flex: 1;}.service-card-new .card-text h3 {font-family: Inter,sans-serif;font-size: 1.35rem;font-weight: 700;margin-bottom: 12px;letter-spacing: -.3px;line-height: 1.25;}.service-card-new .card-text p {font-size: 1rem;line-height: 1.65;font-weight: 500;}.card-blue {background-color: var(--color-primary);box-shadow: 0 8px 24px -6px rgba(var(--color-primary-rgb),.35);}.card-blue .card-icon {background-color: rgba(255,255,255,.15);}.card-white {background-color: var(--color-white);box-shadow: 0 10px 30px -10px rgb(2 6 23 / .08);}.card-white .card-icon {background-color: rgba(var(--color-primary-rgb),.1);}.card-white .card-text h3 {color: #000;}.card-white .card-text p,.hcol-features-left li {color: #1e293b;}.pricing-card-featured .pricing-features li,.timeline-wrapper::after,.timeline-wrapper::before {color: var(--color-border-dark);}.card-dark {background-color: var(--color-dark-alt);box-shadow: 0 8px 24px -6px rgba(11,19,43,.3);}.card-dark .card-icon {background-color: rgba(56,189,248,.12);}.process-section {width: 100%;background-color: var(--color-bg-light);padding: 120px 20px;overflow: hidden;}.process-header {text-align: center;margin-bottom: 80px;}.process-header h2 {font-weight: 800;color: var(--color-text);}.pricing-header p,.process-header p {color: var(--color-text-muted);font-size: 1.2rem;font-weight: 500;}.timeline-wrapper {position: relative;padding: 40px 0;display: flex;flex-direction: column;gap: 60px;}.timeline-line {position: absolute;top: 0;bottom: 0;z-index: 1;width: 2px;background-color: var(--color-border);}.timeline-step {position: relative;width: 100%;display: flex;z-index: 2;}.step-content {width: 45%;background: var(--color-white);border-radius: 20px;padding: 35px;box-shadow: var(--shadow-card);}.step-content h3 {font-size: 1.4rem;font-weight: 700;color: #020617;margin-bottom: 12px;}.step-content p {font-size: .98rem;color: #334155;line-height: 1.6;font-weight: 500;}.pricing-badge,.pricing-header h2,.step-badge {font-family: Inter,sans-serif;font-weight: 800;}.step-badge {position: absolute;top: 30px;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;background-color: var(--color-step-badge);color: var(--color-primary);box-shadow: 0 4px 10px rgb(0 0 0 / .05);z-index: 5;}.step-left {justify-content: flex-start;}.step-left .step-content {transform: rotate(-1.5deg);}.step-right {justify-content: flex-end;}.step-right .step-content {transform: rotate(1.5deg);}.timeline-wrapper::before {position: absolute;top: 15%;right: 15%;font-family: Inter,sans-serif;}.timeline-wrapper::after {position: absolute;bottom: 25%;left: 15%;font-family: Inter,sans-serif;}.pricing-section {width: 100%;padding: 120px 20px;background-color: var(--color-bg-light);}.pricing-container {max-width: 1200px;margin: 0 auto;}.pricing-header h2 {font-size: 3rem;letter-spacing: -1px;color: var(--color-text);margin-bottom: 15px;}.pricing-grid {display: grid;gap: 30px;align-items: stretch;}.pricing-card {background-color: var(--color-white);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-card);padding: 40px 30px;position: relative;display: flex;flex-direction: column;height: 100%;}.pricing-badge,.pricing-btn {border-radius: var(--border-radius-pill);text-transform: uppercase;}.pricing-btn,.pricing-demo-link {transition: .2s;text-decoration: none;text-align: center;}.pricing-card:hover {transform: translateY(-4px);box-shadow: 0 20px 40px -15px rgba(2,6,23,.15);}.pricing-card::before {content: "";position: absolute;top: 15px;right: 15px;width: 6px;height: 6px;background-color: #020617;border-radius: 50%;opacity: .15;}.pricing-card-featured {background-color: var(--color-dark);color: var(--color-white);box-shadow: 0 10px 30px -10px rgb(16 26 43 / .25);transform: scale(1.03);z-index: 2;margin-top: -6px;margin-bottom: -6px;}.pricing-card-featured:hover {transform: scale(1.03) translateY(-4px);box-shadow: 0 20px 40px -15px rgb(16 26 43 / .35);}.pricing-btn-outline:hover,.pricing-btn-solid:hover {box-shadow: var(--shadow-btn-hover);transform: translateY(-1px);}.pricing-card-featured::before {background-color: var(--color-white);opacity: .2;}.pricing-badge {position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background-color: var(--color-primary);color: var(--color-white);font-size: .8rem;letter-spacing: 1.5px;padding: 8px 22px;box-shadow: 0 4px 12px rgb(var(--color-primary-rgb) / .3);white-space: nowrap;animation: 2.5s ease-in-out infinite pulseBadge;z-index: 5;}.pricing-card-header {margin-bottom: 25px;text-align: center;}.hosting-header h2,.pricing-name {margin-bottom: 15px;font-family: Inter,sans-serif;}.pricing-name {font-size: 1.6rem;font-weight: 700;}.pricing-price {display: flex;align-items: baseline;justify-content: center;gap: 4px;}.price-amount {font-family: Inter,sans-serif;font-size: 2.8rem;font-weight: 800;letter-spacing: -2px;line-height: 1;}.price-currency {font-family: Inter,sans-serif;font-size: 1.2rem;font-weight: 600;color: #94a3b8;}.pricing-features {list-style: none;padding: 0;margin: 0 0 30px;flex: 1;display: flex;flex-direction: column;gap: 12px;}.pricing-features li {font-family: Inter,sans-serif;font-size: .98rem;line-height: 1.5;padding-left: 24px;position: relative;font-weight: 500;color: #334155;}.pricing-features li::before {content: "✓";position: absolute;left: 0;top: 0;font-weight: 800;font-size: 1rem;color: var(--color-primary);}.hcol-features-right li::before,.pricing-card-featured .pricing-features li::before {color: #38bdf8;}.pricing-btn {display: inline-flex;align-items: center;justify-content: center;padding: 14px 26px;font-family: Inter,sans-serif;font-weight: 700;font-size: .95rem;letter-spacing: .5px;cursor: pointer;width: 100%;border: 2px solid transparent;}.pricing-btn-outline {background-color: var(--color-white);color: var(--color-primary);border-color: var(--color-primary);box-shadow: var(--shadow-btn);}.pricing-btn-outline:hover,.pricing-btn-solid {background-color: var(--color-primary);color: var(--color-white);}.pricing-btn-solid {box-shadow: var(--shadow-btn);animation: 3s ease-in-out infinite glowPulseBtn;}.pricing-btn-solid:hover {background-color: var(--color-dark);color: var(--color-white);animation-play-state: paused;}.pricing-callout {max-width: 950px;margin: 40px auto 0;padding: 20px 30px;background-color: var(--color-bg-portfolio);border: 1px solid rgba(37,99,235,.2);border-radius: var(--border-radius-sm);display: flex;align-items: flex-start;gap: 16px;}.callout-text {font-family: Inter,sans-serif;font-size: 1.05rem;line-height: 1.6;color: var(--color-text);font-weight: 500;}.callout-text strong,.privacy-section strong {font-weight: 700;color: var(--color-text);}.pricing-demo-link {display: block;font-family: Inter,sans-serif;font-size: .85rem;font-weight: 600;color: var(--color-primary);margin-bottom: 14px;padding: 6px 0;border-radius: 8px;letter-spacing: .3px;}.pricing-demo-link:hover {background-color: rgb(var(--color-primary-rgb) / .06);color: var(--color-dark);}.hcol-annual-white,.pricing-demo-link-light {color: #94a3b8;}.pricing-demo-link-light:hover {color: var(--color-white);background-color: rgb(255 255 255 / .08);}.hosting-section {width: 100%;padding: 100px 20px;background-color: var(--color-white);border-top: 1px solid var(--color-border);}.hosting-header h2 {font-weight: 800;font-size: 2.8rem;letter-spacing: -1px;color: var(--color-text);line-height: 1.2;}.hosting-columns {max-width: 1000px;margin: 0 auto;display: flex;flex-direction: row;align-items: stretch;gap: 30px;}.hosting-col {flex: 1;display: flex;}.hosting-dark-box,.hosting-light-box {width: 100%;max-width: 440px;border-radius: var(--border-radius-md);padding: 40px 36px;flex-direction: column;display: flex;}.hosting-light-box {background-color: var(--color-bg-light);justify-content: center;box-shadow: var(--shadow-card);}.hosting-dark-box {background-color: var(--color-dark-alt);box-shadow: 0 20px 40px -12px rgba(2,6,23,.35),0 8px 24px -6px rgba(2,6,23,.25);justify-content: center;}.hcol-name {font-family: Inter,sans-serif;font-size: 1.4rem;font-weight: 700;margin-bottom: 8px;line-height: 1.3;}.hcol-annual,.hcol-features li {font-weight: 500;font-family: Inter,sans-serif;}.hcol-annual {font-size: .9rem;margin-bottom: 24px;}.hosting-col-left .hcol-name {color: var(--color-dark-alt);}.hosting-col-left .hcol-annual {color: var(--color-text-light);}.hcol-features {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 16px;}.hcol-features li {font-size: 1rem;line-height: 1.7;padding-left: 28px;position: relative;}.hcol-features li::before {content: "✓";position: absolute;left: 0;top: 0;font-weight: 800;font-size: 1.1rem;}.hcol-features-right li {color: var(--color-border);}.contact-info h2,.contact-section,.hcol-badge,.step-text h4 {color: var(--color-white);}.hcol-badge {display: inline-block;background-color: var(--color-primary);font-family: Inter,sans-serif;font-weight: 800;font-size: .7rem;text-transform: uppercase;letter-spacing: 1.5px;padding: 6px 16px;border-radius: var(--border-radius-pill);margin-bottom: 16px;box-shadow: 0 4px 12px rgba(var(--color-primary-rgb),.35);width: fit-content;animation: 2.5s ease-in-out infinite pulseBadge;}.contact-section {width: 100%;background-color: var(--color-dark);padding: 120px 20px;}.contact-container {max-width: 1200px;margin: 0 auto;display: flex;gap: 80px;align-items: flex-start;}.footer-brand p,.form-status {margin-top: 20px;font-size: 1rem;}.contact-info {flex: 1.1;}.contact-info h2 {font-size: 3rem;}.contact-lead {color: #94a3b8;font-size: 1.15rem;line-height: 1.6;margin-bottom: 40px;}.contact-steps {display: flex;flex-direction: column;gap: 25px;margin-bottom: 40px;border-left: 2px dashed #334155;padding-left: 25px;margin-left: 10px;}.step-item {display: flex;gap: 20px;align-items: flex-start;}.step-number {font-family: monospace;font-weight: 700;font-size: .95rem;color: #38bdf8;padding: 4px 8px;border-radius: 6px;background: #1e293b;border: 2px solid #334155;}.step-text h4 {font-size: 1.15rem;margin-bottom: 5px;}.footer-links .footer-tech-tag,.step-text p {font-size: .95rem;}.step-text p {color: #94a3b8;line-height: 1.5;}.contact-details-box {display: flex;flex-direction: column;gap: 5px;border-radius: var(--border-radius-sm);padding: 15px 20px;max-width: 320px;background: #1e293b;border: 2px solid #334155;}.details-label {font-size: .85rem;color: var(--color-text-light);font-weight: 600;}.details-mail {color: #38bdf8;font-weight: 700;text-decoration: none;font-size: 1.05rem;transition: color .2s;}.contact-form-wrapper.contact-artisan-card {flex: 1;background: var(--color-white);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-card);padding: 40px;color: #020617;}.form-submit-btn:hover,.main-footer,.status-error,.status-success {color: var(--color-white);}.form-group {display: flex;flex-direction: column;gap: 8px;margin-bottom: 20px;}.form-group label {font-family: monospace;font-weight: 700;font-size: .85rem;text-transform: uppercase;color: #020617;letter-spacing: .5px;}.form-group input,.form-group textarea {width: 100%;padding: 14px 16px;font-size: 1rem;color: #020617;font-family: inherit;background-color: var(--color-bg-light);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);}.form-group input:focus,.form-group textarea:focus {outline: 0;background-color: var(--color-white);border-color: var(--color-primary);box-shadow: 0 0 0 4px rgb(var(--color-primary-rgb) / .1);}.form-group textarea {height: 140px;resize: vertical;}.form-submit-btn,.form-submit-btn.submit-btn {width: 100%;padding: 16px 22px;background-color: var(--color-primary);color: var(--color-white);text-transform: uppercase;font-weight: 700;letter-spacing: .5px;border-radius: var(--border-radius-pill);box-shadow: var(--shadow-btn);border: 0;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;animation: 3s ease-in-out infinite glowPulseBtn;transition: .2s;}.akcent-tekst:hover,.form-submit-btn:hover {animation-play-state: paused;}.back-btn,.footer-links a {text-decoration: none;transition: color .15s;}.form-submit-btn:hover {transform: translateY(-1px);box-shadow: var(--shadow-btn-hover);background-color: var(--color-dark);}.form-status {padding: 15px;border-radius: var(--border-radius-sm);font-weight: 700;text-align: center;}.status-success {background-color: #10b981;}.status-error {background-color: #ef4444;}.main-footer {width: 100%;background-color: var(--color-dark-alt);padding: 80px 0 0;margin-top: -5px;position: relative;z-index: 10;}.footer-container {display: flex;justify-content: space-between;gap: 40px;max-width: 1200px;margin: 0 auto;padding: 0 20px 60px;}.footer-brand {flex: 1.5;}.footer-logo img {width: 200px;max-width: 100%;height: auto;display: block;}.footer-brand p {color: var(--color-border);line-height: 1.6;font-weight: 500;}.footer-links {flex: 1;display: flex;flex-direction: column;}.footer-links h4 {font-family: Inter,sans-serif;font-size: 1.1rem;font-weight: 800;margin-bottom: 20px;color: var(--color-white);text-transform: uppercase;}.footer-links .footer-tech-tag,.footer-links a {font-weight: 600;margin-bottom: 12px;color: #94a3b8;}.footer-links a {align-self: flex-start;width: max-content;}.footer-bottom {background-color: var(--color-dark);color: #94a3b8;padding: 25px 0;margin: 0;}.footer-bottom-container {display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;padding: 0 20px;}.footer-bottom-container p {margin: 0;padding: 0;}.footer-bottom a {color: var(--color-white);text-decoration: none;font-weight: 700;}.privacy-section h1,.privacy-section h2 {font-family: "Bricolage Grotesque",sans-serif;font-weight: 800;color: var(--color-text);}.privacy-section {max-width: 800px;margin: 0 auto;padding: 140px 20px 80px;font-family: "Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;color: #1e293b;line-height: 1.8;}.privacy-section h1 {font-size: 3rem;margin-bottom: 30px;letter-spacing: -1px;}.privacy-section h2 {font-size: 1.5rem;margin-top: 40px;margin-bottom: 15px;}.privacy-section p,.privacy-section ul {font-family: "Plus Jakarta Sans",sans-serif;margin-bottom: 20px;font-weight: 400;font-size: 1.05rem;}.privacy-section ul {padding-left: 20px;}.privacy-section li {margin-bottom: 10px;}.back-btn {font-weight: 700;display: inline-flex;margin-bottom: 40px;color: var(--color-primary);font-family: "Plus Jakarta Sans",sans-serif;}.back-btn:hover {color: var(--color-text);}.akcent-tekst {font-family: var(--font-serif);font-style: italic;font-weight: 700;color: var(--color-accent-text);letter-spacing: normal;margin: 0 4px;position: relative;z-index: 2;-webkit-box-decoration-break: clone;box-decoration-break: clone;background: linear-gradient(180deg,transparent 65%,rgba(37,99,235,.15) 65%);border-bottom: 2px solid var(--color-accent-text);animation: 12s ease-in-out infinite globalUltraSlowGlow;}.custom-requirements-icon {display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom: 15px;flex-shrink: 0;}@keyframes pulseBadge {0%,100% {transform: scale(1);box-shadow: 0 4px 12px rgb(var(--color-primary-rgb) / .3);}50% {transform: scale(1.03);box-shadow: 0 6px 16px rgb(var(--color-primary-rgb) / .4);}}@keyframes globalUltraSlowGlow {0%,100% {text-shadow: 0 0 8px rgba(37,99,235,.15);}50% {text-shadow: 0 0 22px rgba(37,99,235,.65),0 0 35px rgba(37,99,235,.25);}}@keyframes glowPulseBtn {0%,100% {box-shadow: 0 4px 14px rgba(var(--color-primary-rgb),.2);}50% {box-shadow: 0 4px 24px rgba(var(--color-primary-rgb),.35);}}@keyframes autoScrollPortfolioMobile {0% {transform: translateY(0);}100% {transform: translateY(calc(-100% + 268px));}}.section-hidden {opacity: 0;transform: translateY(40px);transition: opacity .8s cubic-bezier(.25, 1, .5, 1),transform .8s cubic-bezier(.25, 1, .5, 1);will-change: opacity,transform;}.section-visible {opacity: 1;transform: translateY(0);}.timeline-line.section-hidden {transform: scaleY(0) translateX(-50%);transform-origin: top;transition: transform 1.5s cubic-bezier(.25, 1, .5, 1);}.timeline-line.section-visible {transform: scaleY(1) translateX(-50%);}.timeline-step.section-hidden .step-content {opacity: 0;transition: opacity .8s,transform .8s cubic-bezier(.25, 1, .5, 1);}.timeline-step.section-hidden .step-badge {opacity: 0;transform: translateX(-50%) scale(0);transition: opacity .4s,transform .5s cubic-bezier(.175, .885, .32, 1.275);}.timeline-step.section-hidden.step-left .step-content {transform: translateX(-50px) rotate(-1.5deg);}.timeline-step.section-hidden.step-right .step-content {transform: translateX(50px) rotate(1.5deg);}.timeline-step.section-visible .step-content {opacity: 1;transform: translateX(0) rotate(-1.5deg);}.timeline-step.section-visible.step-right .step-content {transform: translateX(0) rotate(1.5deg);}.timeline-step.section-visible .step-badge {opacity: 1;transform: translateX(-50%) scale(1);}@media (min-width:993px) {.browser-window {background-color: var(--color-bg-light);}.browser-window:hover .project-img {transform: translateY(calc(-100% + 348px));filter: saturate(1);}.browser-window:hover .scroll-indicator-badge {opacity: 0;transform: scale(.9) translateY(5px);}.custom-requirements-icon {width: auto;margin-bottom: 0;margin-right: 20px;float: left;}}@media (max-width:992px) {.contact-info,.project-info {text-align: center;}.contact-form-wrapper.contact-artisan-card,.project-image-wrapper {width: 100%;padding: 30px 20px;}.hero-center-container {display: flex;flex-direction: column;align-items: center;gap: 15px;}.hero-btn {margin-top: 10px;}.browser-window .scroll-indicator-badge,.portfolio-container::after,.portfolio-container::before {display: none;}.portfolio-project-card.artisan-card {display: flex;flex-direction: column;box-shadow: 0 8px 24px rgba(2,6,23,.06);}.project-image-wrapper {border-right: none;border-bottom: 1px solid var(--color-border);}.browser-window {box-shadow: 0 4px 15px rgba(0,0,0,.05);max-width: 100%;height: 300px;min-height: 56vw;background-color: var(--color-bg-light);}.browser-window .project-img {animation: 12s ease-in-out infinite alternate autoScrollPortfolioMobile;animation-delay: 0.3s;animation-fill-mode: both;}.project-info {padding: 40px 20px;}.project-info h3 {font-size: 1.8rem;}.spec-list {max-width: 100%;margin-left: auto;margin-right: auto;}.spec-list li {justify-content: center;}.project-info .project-cta-btn,.project-status-tag {align-self: center;}.contact-container {display: flex;flex-direction: column;gap: 50px;}.contact-steps {text-align: left;max-width: 500px;margin: 0 auto 30px;}.contact-details-box,.pricing-grid {margin: 0 auto;}.pricing-grid {grid-template-columns: 1fr;gap: 30px;max-width: 450px;}.pricing-card-featured {transform: none;margin-top: 0;margin-bottom: 0;}.pricing-card-featured:hover {transform: translateY(-4px);}}@media (max-width:900px) {.services-new-grid {grid-template-columns: 1fr;gap: 24px;max-width: 520px;margin: 0 auto;}.service-card-new {padding: 30px 26px 36px;align-items: center;text-align: center;}.service-card-new .card-text h3 {font-size: 1.25rem;}}@media (max-width:850px) {.hosting-columns {flex-direction: column;gap: 40px;align-items: center;}.hosting-col {width: 100%;max-width: 500px;}.hosting-dark-box,.hosting-light-box {max-width: 100%;}.hosting-header h2 {font-size: 2.2rem;}.hosting-header p {font-size: 1.1rem;}}@media (max-width:768px) {.main-header {position: sticky;top: 0;width: 100%;padding: 12px 20px;z-index: 999;border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-sm);background-color: var(--color-white);transform: translate3d(0,0,0);backface-visibility: hidden;-webkit-backface-visibility: hidden;will-change: transform;}.nav-container {position: relative;display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 100%;padding: 0;max-width: 1200px;margin: 0 auto;background: 0 0;}.hamburger-label {display: flex;flex-direction: column;gap: 5px;cursor: pointer;z-index: 110;}.hamburger-line {display: block;width: 24px;height: 2px;background-color: #06f;transition: .3s ease-in-out;}.menu-checkbox:checked~.hamburger-label .hamburger-line:first-child {transform: translateY(7px) rotate(45deg);}.menu-checkbox:checked~.hamburger-label .hamburger-line:nth-child(2) {opacity: 0;}.menu-checkbox:checked~.hamburger-label .hamburger-line:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}.nav-container .main-nav {display: none;position: absolute;top: calc(100% + 12px);left: 5%;width: 90%;background-color: #0b0f19;border: 1px solid #1e293b;border-radius: 8px;flex-direction: column;align-items: center;padding: 25px 0;gap: 10px;z-index: 109;margin: 0;box-shadow: 0 15px 30px rgba(0,0,0,.5);}.menu-checkbox:checked~.main-nav {display: flex;}.nav-container .main-nav a {font-size: 1.1rem;font-weight: 700;color: var(--color-white);width: 100%;text-align: center;padding: 14px 0;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;}.nav-container .main-nav a.nav-contact-btn {background-color: #06f;color: var(--color-white);width: 80%;border-radius: 30px;margin-top: 10px;padding: 12px 0;}.main-nav {gap: 20px;}.hero-title {font-size: 2.5rem;line-height: 1.3;letter-spacing: -1px;text-align: center;}.timeline-line {left: 25px;transform: none;}.timeline-step {justify-content: flex-end;}.step-content {width: calc(100% - 60px);transform: none;padding: 25px;}.step-badge {left: 25px;transform: translateX(-50%);top: 25px;width: 40px;height: 40px;font-size: 1rem;}.scroll-indicator-badge,.timeline-wrapper::after,.timeline-wrapper::before {display: none;}.timeline-step.section-hidden.step-left .step-content,.timeline-step.section-hidden.step-right .step-content {transform: translateY(30px);}.timeline-step.section-visible .step-content {transform: translateY(0);}.timeline-step.section-hidden .step-badge {transform: translateX(-50%) scale(0);}.timeline-step.section-visible .step-badge {transform: translateX(-50%) scale(1);}.process-section .timeline-wrapper .step-content p {font-size: 1.05rem;line-height: 1.6;color: #4b5563;}.contact-info h2,.price-amount,.pricing-header h2 {font-size: 2.4rem;}.pricing-card {padding: 35px 25px;}.pricing-callout {flex-direction: column;align-items: center;text-align: center;padding: 18px 20px;}.hcol-name {font-size: 1.25rem;}.hosting-dark-box {padding: 32px 28px;}h2 {font-size: 1.85rem;letter-spacing: -.01em;margin-bottom: 10px;}.footer-container {display: flex;flex-direction: column;text-align: center;gap: 40px;}.footer-links {align-items: center;}.footer-links a {align-self: center;text-align: center;}.footer-logo {display: flex;justify-content: center;width: 100%;margin-bottom: 20px;}.footer-logo img {display: block;width: 200px;max-width: 100%;height: auto;margin: 0 auto;}.footer-bottom-container {display: flex;flex-direction: column;text-align: center;gap: 12px;}}@media (max-width:576px) {.contact-info h2 {font-size: 2.4rem;}.privacy-section {padding-top: 100px;}.privacy-section h1 {font-size: 2.2rem;}.hero-title {font-size: 2.6rem;line-height: 1.2;}.pricing-header h2 {font-size: 2rem;}.hosting-header p,.pricing-header p {font-size: 1rem;}.pricing-card {padding: 30px 20px;}.hosting-header h2 {font-size: 1.9rem;}.hcol-name {font-size: 1.15rem;}.hcol-features li {font-size: .95rem;}.hosting-dark-box {padding: 28px 22px;}}