@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{ margin:0; padding:0; box-sizing:border-box;}:root{  --primary-blue:#0A2540; --secondary-blue:#0066FF; --accent-blue:#4D9FFF; --light-blue:#F0F7FF; --success-green:#0A7D33; --text-dark:#1A1A2E; --text-light:#6B7280; --white:#FFFFFF; --gray-light:#F9FAFB; --gray-border:#E5E7EB; --shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06); --shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06); --shadow-lg:0 10px 25px rgba(0,0,0,0.1),0 6px 10px rgba(0,0,0,0.08); --transition:all 0.2s ease; --gradient-primary:linear-gradient(135deg,#0A2540 0%,#0066FF 100%);}html{ scroll-behavior:smooth;}body{ font-family:'Inter','Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif; background:var(--white); color:var(--text-dark); line-height:1.7; font-size:18px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}h1,h2,h3,h4,h5,h6{ font-weight:600; line-height:1.3; margin-bottom:1rem; color:var(--text-dark);}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{ margin-bottom:1rem; color:var(--text-light);}.content-wrapper > p,.content-wrapper > ul,.content-wrapper > ol{ max-width:860px;}a{ color:var(--secondary-blue); text-decoration:none; transition:var(--transition); touch-action:manipulation;}a:hover{ color:var(--accent-blue);}header{ background:var(--primary-blue); color:var(--white); padding:0; box-shadow:var(--shadow-md); position:sticky; top:0; z-index:1000;}nav{ display:flex; justify-content:space-between; align-items:center; max-width:1400px; margin:0 auto; padding:1rem 2rem; gap:2rem; position:relative;}.logo{ font-size:1.5rem; font-weight:700; color:var(--white); letter-spacing:-0.5px; white-space:nowrap; flex-shrink:0;  padding:0.5rem; margin:-0.5rem; touch-action:manipulation;}.logo:hover{ color:var(--accent-blue); border-bottom:none !important;}.mobile-menu-toggle{ display:none; flex-direction:column; justify-content:space-around; width:44px; height:44px; background:transparent; border:none; cursor:pointer; padding:8px; z-index:1001; touch-action:manipulation;}.hamburger-line{ width:100%; height:3px; background-color:var(--white); border-radius:3px; transition:all 0.3s ease;}.mobile-menu-toggle.active .hamburger-line:nth-child(1){ transform:rotate(45deg) translate(8px,8px);}.mobile-menu-toggle.active .hamburger-line:nth-child(2){ opacity:0;}.mobile-menu-toggle.active .hamburger-line:nth-child(3){ transform:rotate(-45deg) translate(8px,-8px);}.nav-center{ flex:1; display:flex; justify-content:center;}nav ul{ list-style:none; display:flex; gap:1.5rem; align-items:center; margin:0;}nav li{ margin:0;}nav ul a{ color:var(--white); text-decoration:none; font-weight:500; font-size:1.5rem; transition:var(--transition); padding:0.75rem 1rem; border-bottom:2px solid transparent; white-space:nowrap; display:inline-block; min-height:44px; min-width:44px; display:flex; align-items:center; touch-action:manipulation; position:relative;}.dropdown{ position:relative;}.dropdown-menu{ display:none; position:absolute; top:100%; left:0; background:var(--primary-blue); min-width:200px; box-shadow:var(--shadow-md); border-radius:6px; overflow:hidden; z-index:100; flex-direction:column;}.dropdown:hover .dropdown-menu{ display:flex;}.dropdown-menu li{ width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}.dropdown-menu a{ border-bottom:none !important; padding:1rem; min-height:auto;}nav ul a:hover{ color:var(--accent-blue); border-bottom-color:var(--accent-blue);}.nav-cta{ flex-shrink:0; white-space:nowrap; touch-action:manipulation;}.cta{ background:var(--success-green); color:var(--white); padding:0.75rem 1.5rem; border-radius:6px; font-weight:600; border:none; cursor:pointer; transition:var(--transition); display:inline-block; text-align:center; box-shadow:var(--shadow-sm); min-height:44px; min-width:44px; touch-action:manipulation;}.cta:hover{ background:#096E2D; transform:translateY(-2px); box-shadow:var(--shadow-md); color:var(--white);}.cta-secondary{ background:transparent; color:var(--white); border:2px solid var(--white); padding:0.75rem 1.5rem; border-radius:6px; font-weight:600; transition:var(--transition); display:inline-block; min-height:44px; min-width:44px; touch-action:manipulation;}.cta-secondary:hover{ background:var(--white); color:var(--primary-blue); transform:translateY(-2px);}main{ min-height:calc(100vh - 200px);}section{ padding:4rem 2rem; max-width:1200px; margin:0 auto;}.hero{ position:relative; padding:6rem 2rem; overflow:hidden; background-size:cover; background-position:center; background-image:url('/images/hero-context-scale.png');}.hero::before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg,rgba(0,31,63,0.5),rgba(0,116,217,0.7)); z-index:1;}.hero-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0;}.services-banner{ width:100%; height:400px; object-fit:cover; border-radius:12px; margin-bottom:2rem; display:block;}.hero-content{ position:relative; z-index:2; max-width:800px; margin:0 auto; text-align:center; color:var(--white);}.hero h1{ font-size:3rem; margin-bottom:1.5rem; font-weight:700; line-height:1.2;}.hero p{ font-size:1.25rem; margin-bottom:2rem; color:rgba(255,255,255,0.95);}.hero .cta{ margin:0.5rem; font-size:1.1rem;}.services-banner{ width:100%; height:400px; object-fit:cover; border-radius:12px; margin-bottom:2rem; display:block;}.value-prop{ background:var(--gray-light); padding:5rem 2rem;}.value-prop h2{ text-align:center; margin-bottom:3rem; font-size:2.5rem;}.columns{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; margin-top:2rem;}.columns > div{ background:var(--white); padding:2rem; border-radius:12px; box-shadow:var(--shadow-sm); transition:var(--transition); text-align:center;}.columns > div:hover{ transform:translateY(-8px); box-shadow:var(--shadow-lg);}.columns h3{ color:var(--secondary-blue); margin-bottom:1rem; font-size:1.5rem;}.columns p{ color:var(--text-light); line-height:1.8;}.why-us{ padding:5rem 2rem;}.why-us h2{ text-align:center; margin-bottom:3rem; font-size:2.5rem;}.why-us ul{ list-style:none; max-width:800px; margin:0 auto;}.why-us li{ padding:1.5rem; margin-bottom:1rem; background:var(--light-blue); border-left:4px solid var(--secondary-blue); border-radius:6px; font-size:1.1rem; transition:var(--transition);}.why-us li:hover{ transform:translateX(8px); box-shadow:var(--shadow-sm);}.services-teaser{ background:var(--gray-light); padding:5rem 2rem; text-align:center;}.services-teaser h2{ margin-bottom:2rem; font-size:2.5rem;}.services-teaser p{ font-size:1.2rem;}ol{ max-width:800px; margin:2rem auto; line-height:2;}ol li{ margin-bottom:1.5rem; padding-left:1rem;}ol li strong{ color:var(--secondary-blue); font-size:1.1rem;}.services-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:2rem; max-width:1200px; margin:0 auto; padding:2rem;}.service-card{ background:var(--white); padding:2.5rem 2rem 2rem; border-radius:12px; border:2px solid var(--gray-border); transition:var(--transition); position:relative; text-align:center;}.service-icon{ width:48px; height:48px; margin:0 auto 1rem;}.service-card:hover{ border-color:var(--secondary-blue); transform:translateY(-4px); box-shadow:var(--shadow-lg);}.service-number{ position:absolute; top:-1rem; right:1.5rem; background:var(--secondary-blue); color:var(--white); width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.2rem;}.service-card h3{ color:var(--primary-blue); margin-bottom:1rem; margin-top:0.5rem;}.service-card p{ color:var(--text-light); line-height:1.7;}table{ width:100%; max-width:900px; margin:2rem auto; border-collapse:collapse; background:var(--white); box-shadow:var(--shadow-sm); border-radius:8px; overflow:hidden;}th,td{ padding:1rem; text-align:left; border-bottom:1px solid var(--gray-border);}th{ background:var(--primary-blue); color:var(--white); font-weight:600; text-transform:uppercase; font-size:0.9rem; letter-spacing:0.5px;}tr:hover{ background:var(--gray-light);}form{ max-width:600px; margin:2rem auto; padding:2rem; background:var(--gray-light); border-radius:12px; box-shadow:var(--shadow-sm);}input,textarea{ width:100%; padding:0.875rem; margin-bottom:1rem; border:2px solid var(--gray-border); border-radius:6px; font-size:1rem; font-family:inherit; transition:var(--transition);}input:focus,textarea:focus{ outline:none; border-color:var(--secondary-blue); box-shadow:0 0 0 3px rgba(0,116,217,0.1);}textarea{ min-height:150px; resize:vertical;}button[type="submit"]{ background:var(--secondary-blue); color:var(--white); padding:1rem 2rem; border:none; border-radius:6px; font-size:1.1rem; font-weight:600; cursor:pointer; transition:var(--transition); width:100%; min-height:48px; touch-action:manipulation;}button[type="submit"]:hover{ background:var(--primary-blue); transform:translateY(-2px); box-shadow:var(--shadow-md);}blockquote{ background:var(--light-blue); border-left:5px solid var(--secondary-blue); padding:2rem; margin:3rem auto; max-width:800px; font-size:1.5rem; font-style:italic; color:var(--primary-blue); border-radius:6px; text-align:center;}.testimonials{ padding:4rem 2rem; background:var(--gray-light); text-align:center;}@keyframes fadeInUp{ from{ opacity:0; transform:translateY(30px);} to{ opacity:1; transform:translateY(0);}}.testimonials .testimonial-grid > div,.services-grid > div,.value-prop .columns > div{ animation:fadeInUp 0.6s ease forwards; opacity:0; animation-delay:calc(var(--index) * 0.1s);}.testimonials .testimonial-grid > div{ --index:0;}.services-grid > div:nth-child(1){--index:1}.services-grid > div:nth-child(2){--index:2}.services-grid > div:nth-child(3){--index:3}.services-grid > div:nth-child(4){--index:4}.services-grid > div:nth-child(5){--index:5}.services-grid > div:nth-child(6){--index:6}.services-grid > div:nth-child(7){--index:7}.services-grid > div:nth-child(8){--index:8}.value-prop .columns > div:nth-child(1){--index:1}.value-prop .columns > div:nth-child(2){--index:2}.value-prop .columns > div:nth-child(3){--index:3}.testimonials h2{ margin-bottom:3rem; color:var(--text-dark);}.testimonial-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:2rem; max-width:1200px; margin:0 auto;}.testimonial{ background:var(--white); padding:2rem; border-radius:12px; box-shadow:var(--shadow-sm); border-left:4px solid var(--secondary-blue);}.testimonial blockquote{ font-size:1.1rem; font-style:italic; color:var(--text-light); margin-bottom:1rem; line-height:1.6;}.testimonial p strong{ color:var(--secondary-blue); font-size:1rem;}footer{ background:var(--primary-blue); color:var(--white); padding:3rem 0 1rem; margin-top:4rem;}.footer-content{ max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:3rem; padding:0 4rem 2rem 4rem; border-bottom:1px solid rgba(255,255,255,0.2);}.footer-section h3{ color:var(--white); margin-bottom:0.5rem; font-size:1.5rem;}.footer-section h4{ color:var(--white); margin-bottom:1rem; font-size:1.1rem; font-weight:600;}.footer-section p{ color:rgba(255,255,255,0.8); font-size:0.95rem; line-height:1.6;}.footer-section ul{ list-style:none; padding:0;}.footer-section li{ margin-bottom:0.5rem;}.footer-section a{ color:rgba(255,255,255,0.8); transition:var(--transition);}.footer-section a:hover{ color:var(--accent-blue);}.footer-section a.cta,.footer-section a.cta:hover{ color:var(--white);}.footer-bottom{ max-width:1200px; margin:0 auto; text-align:center; padding:2rem 4rem 1rem 4rem;}.footer-bottom p{ color:rgba(255,255,255,0.7); font-size:0.9rem;}.breadcrumbs{ background:var(--gray-light); padding:1rem 2rem; border-bottom:1px solid var(--gray-border);}.breadcrumbs ul{ list-style:none; display:flex; flex-wrap:wrap; align-items:center; max-width:1200px; margin:0 auto; padding:0; gap:0.5rem; line-height:1.5;}.breadcrumbs ul li{ list-style:none; display:flex; align-items:center; margin:0; padding:0; font-size:0.9rem;}.breadcrumbs a{ color:var(--secondary-blue); text-decoration:none; transition:var(--transition);}.breadcrumbs a:hover{ color:var(--accent-blue); text-decoration:underline;}.breadcrumb-separator{ color:var(--text-light); margin:0 0.5rem;}.breadcrumbs li:last-child{ color:var(--text-light); font-weight:500;}.blog ul,.posts-list{ list-style:none; max-width:800px; margin:2rem auto;}.blog li,.posts-list li{ padding:1.5rem; margin-bottom:1rem; background:var(--white); border:1px solid var(--gray-border); border-radius:8px; transition:var(--transition);}.blog li:hover,.posts-list li:hover{ box-shadow:var(--shadow-md); transform:translateY(-2px);}@media (max-width:768px){  .mobile-menu-toggle{ display:flex;}  .nav-center{ position:absolute; top:100%; left:0; right:0; background:var(--primary-blue); flex-direction:column; max-height:0; overflow:hidden; transition:max-height 0.3s ease; box-shadow:var(--shadow-md);} .nav-center.active{ max-height:500px; padding:1rem 0;} nav ul{ flex-direction:column; gap:0; width:100%;} nav li{ width:100%; text-align:center;} nav ul a{ width:100%; padding:1rem 2rem; border-bottom:none; border-top:1px solid rgba(255,255,255,0.1); min-height:48px; justify-content:center;} nav ul a:hover{ background:rgba(255,255,255,0.1);} .nav-cta{ order:-1;} .hero h1{ font-size:2rem;} .hero p{ font-size:1rem;} h1{font-size:2rem} h2{font-size:1.75rem} h3{font-size:1.25rem} section{ padding:3rem 1rem;} .columns{ grid-template-columns:1fr;} blockquote{ font-size:1.25rem; padding:1.5rem;}  .breadcrumbs a{ padding:0.5rem;} .service-card, .blog li, .posts-list li{ padding:1.75rem;}  footer{ padding:2rem 1.5rem 1rem;} .footer-content{ gap:2rem; padding-left:0.5rem;} .footer-section{ text-align:left;}}@media (max-width:480px){ .hero{ padding:3rem 1rem;} .cta{ display:block; margin:0.5rem auto; width:100%;} nav{ padding:1rem;} .breadcrumbs{ padding:0.75rem 1rem;}  footer{ padding:2rem 1.5rem 1rem;} .footer-content{ grid-template-columns:1fr; gap:1.5rem; padding:0 0.5rem 2rem 0.5rem;} .footer-section{ text-align:center;} .footer-bottom{ padding:1.5rem 0.5rem 0 0.5rem;}}header{ padding:0.3rem 0 0; position:relative;}nav{ padding:0.5rem 2rem; position:relative;}.logo{ display:flex; align-items:center; padding:0.3rem; margin:-0.3rem;}.logo-image{ width:180px; height:auto; object-fit:contain;}@media (max-width:768px){ .logo-image{ width:140px;}}.header-tagline{ position:absolute; left:50%; transform:translateX(-50%); bottom:0.5rem; font-size:1.1rem; color:#fff; font-style:italic; white-space:nowrap;}@media (max-width:768px){ .header-tagline{ font-size:0.95rem; bottom:0.3rem; white-space:normal; max-width:90%; text-align:center;}}.blog-post{ max-width:800px; margin:0 auto; padding:2rem;}.post-header{ margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:2px solid var(--gray-border); background:none; box-shadow:none; position:static; color:var(--text-dark);}.post-header h1{ font-size:2.5rem; line-height:1.2; margin-bottom:1rem; color:var(--primary-blue);}.post-meta{ display:inline-flex !important; flex-wrap:wrap !important; gap:0.75rem !important; font-size:0.85rem !important; color:white !important; margin-top:0.5rem !important; background-color:var(--success-green) !important; padding:0.4rem 0.8rem !important; border-radius:4px !important; width:auto !important; max-width:fit-content !important;}.post-meta span{ display:inline-block !important; background:none !important; background-color:transparent !important; padding:0 !important; border:none !important; color:white !important;}.post-author{ color:white !important; font-weight:500 !important;}.post-date{ color:white !important;}.post-category{ background:var(--light-blue); color:var(--secondary-blue); padding:0.25rem 0.75rem; border-radius:4px; font-weight:500;}.post-content{ font-size:1.1rem; line-height:1.8; color:var(--text-dark);}.post-content h2{ margin-top:2.5rem; margin-bottom:1rem; font-size:1.75rem; color:var(--primary-blue);}.post-content h3{ margin-top:2rem; margin-bottom:0.75rem; font-size:1.35rem; color:var(--secondary-blue);}.post-content p{ margin-bottom:1.5rem; color:var(--text-dark);}.post-content ul,.post-content ol{ margin-bottom:1.5rem; padding-left:2rem;}.post-content li{ margin-bottom:0.5rem; line-height:1.7;}.post-content img{ width:100%; height:auto; display:block; margin:1.5rem 0;}.post-content a{ color:var(--secondary-blue); text-decoration:underline;}.post-content a:hover{ color:var(--accent-blue);}.post-content table{ width:100%; margin:2rem 0; border-collapse:collapse;}.post-content th,.post-content td{ padding:0.75rem; border:1px solid var(--gray-border); text-align:left;}.post-content th{ background:var(--primary-blue); color:white; font-weight:600;}.post-footer{ margin-top:3rem; padding-top:2rem; border-top:1px solid var(--gray-border);}.post-tags{ display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center;}.tag{ background:var(--gray-light); color:var(--text-dark); padding:0.25rem 0.75rem; border-radius:4px; font-size:0.9rem;}@media (max-width:768px){ .blog-post{ padding:1rem;} .post-header h1{ font-size:1.75rem;} .post-content{ font-size:1rem;} .post-content h2{ font-size:1.5rem;} .post-content h3{ font-size:1.25rem;}}.content-wrapper{ max-width:1200px; margin:0 auto; padding:2rem;}.content-wrapper > .hero,.content-wrapper > section.value-prop,.content-wrapper > section.why-us,.content-wrapper > section.services-teaser,.content-wrapper > section.testimonials{ margin-left:-2rem; margin-right:-2rem; max-width:none;}.content-wrapper > h1{ margin-bottom:0.75rem; padding-bottom:0.5rem;}.content-wrapper > h2{ margin-top:3rem; margin-bottom:1rem; padding-bottom:0.5rem; border-bottom:3px solid var(--secondary-blue); color:var(--primary-blue);}.content-wrapper > h2:first-child,.content-wrapper > section.hero-home + hr + h2{ margin-top:0;}.content-wrapper > h3{ margin-top:2rem; margin-bottom:0.75rem; color:var(--primary-blue); padding-left:0.75rem; border-left:4px solid var(--accent-blue);}.content-wrapper > p > strong:first-child,.content-wrapper > ul > li > strong:first-child{ color:var(--text-dark);}.content-wrapper > ul > li,.content-wrapper > ol > li{ margin-bottom:0.4rem;}.content-wrapper > p{ margin-bottom:1rem; line-height:1.7;}.content-wrapper > hr{ border:none; height:0; margin:3rem 0; border-top:1px solid var(--gray-border);}.content-wrapper > table{ margin:2rem 0;}.content-wrapper > blockquote{ max-width:800px; margin-left:auto; margin-right:auto;}@media (max-width:768px){ .content-wrapper{ padding:1.5rem 1rem;} .content-wrapper > .hero, .content-wrapper > section.value-prop, .content-wrapper > section.why-us, .content-wrapper > section.services-teaser, .content-wrapper > section.testimonials{ margin-left:-1rem; margin-right:-1rem;}}.hero-home{ background:var(--gradient-primary); padding:5rem 2rem 4rem; text-align:center; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); margin-bottom:1rem; width:100vw; max-width:none; position:relative; overflow:hidden;}.hero-home::before{ content:''; position:absolute; top:0;left:0;right:0;bottom:0; background: radial-gradient(ellipse at 20% 50%,rgba(77,159,255,0.18) 0%,transparent 50%), radial-gradient(ellipse at 80% 80%,rgba(0,102,255,0.12) 0%,transparent 50%); pointer-events:none;}.hero-home > *{ position:relative; z-index:1;}.hero-logo-wrap{ margin-bottom:2rem;}.hero-logo-wrap img{ width:220px; height:auto; border-radius:8px;}.hero-home h1{ color:var(--white); font-size:2.8rem; font-weight:700; line-height:1.15; margin-bottom:1.25rem; max-width:800px; margin-left:auto; margin-right:auto;}.hero-home .hero-sub{ color:rgba(255,255,255,0.92); font-size:1.25rem; line-height:1.6; max-width:680px; margin:0 auto 2.5rem;}.hero-ctas{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;}.hero-ctas .cta{ font-size:1.05rem; padding:0.9rem 2rem;}.hero-ctas .cta-secondary{ font-size:1.05rem; padding:0.9rem 2rem;}@media (max-width:768px){ .hero-home{ padding:3rem 1.5rem 2.5rem;} .hero-home h1{ font-size:2rem;} .hero-home .hero-sub{ font-size:1.05rem;} .hero-logo-wrap img{ width:160px;} .hero-ctas{ flex-direction:column; align-items:center;} .hero-ctas .cta, .hero-ctas .cta-secondary{ width:100%; max-width:300px;}}.compare-cards{ display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin:2rem 0 2.5rem;}.compare-card{ padding:2rem; border-radius:12px; border:2px solid var(--gray-border);}.compare-card h3{ font-size:1.2rem; margin-bottom:1.25rem; padding-bottom:0.75rem; border-bottom:2px solid;}.compare-card ul{ list-style:none; padding:0; margin:0;}.compare-card li{ padding:0.5rem 0; font-size:0.95rem; line-height:1.5; border-bottom:1px solid var(--gray-border); display:flex; justify-content:space-between; gap:1rem;}.compare-card li:last-child{ border-bottom:none;}.compare-card .label{ color:var(--text-light); font-weight:500;}.compare-card .value{ font-weight:600; text-align:right;}.compare-card.problem{ background:#FAFAFA; border-color:#E0E0E0;}.compare-card.problem h3{ color:var(--text-light); border-bottom-color:#E0E0E0;}.compare-card.problem .value{ color:#B91C1C; font-weight:700;}.compare-card.solution{ background:var(--light-blue); border-color:var(--secondary-blue); box-shadow:var(--shadow-sm);}.compare-card.solution h3{ color:var(--secondary-blue); border-bottom-color:var(--accent-blue);}.compare-card.solution .value{ color:var(--secondary-blue);}.compare-verdict{ background:var(--primary-blue); color:var(--white); padding:1rem 1.5rem; border-radius:8px; text-align:center; font-weight:600; font-size:1rem; margin-bottom:2rem;}@media (max-width:768px){ .compare-cards{ grid-template-columns:1fr;} .compare-card li{ font-size:0.9rem;}}.cta-banner{ background:var(--gradient-primary); padding:3rem 2rem; text-align:center; border-radius:12px; margin:3rem 0 1rem; position:relative; overflow:hidden;}.cta-banner::before{ content:''; position:absolute; top:0;left:0;right:0;bottom:0; background:radial-gradient(ellipse at 50% 100%,rgba(77,159,255,0.2) 0%,transparent 60%); pointer-events:none;}.cta-banner > *{ position:relative; z-index:1;}.cta-banner h2{ color:var(--white); margin-bottom:0.75rem; font-size:1.75rem;}.cta-banner p{ color:rgba(255,255,255,0.9); margin-bottom:1.5rem; font-size:1.1rem;}.cta-banner .cta{ margin:0 0.5rem; font-size:1.05rem;}.cta-banner .cta-secondary{ margin:0 0.5rem; font-size:1.05rem;}@media (max-width:768px){ .cta-banner{ padding:2rem 1.5rem;} .cta-banner h2{ font-size:1.4rem;}}.skip-link{ position:absolute; top:-40px; left:0; background:var(--primary-blue); color:white; padding:8px 16px; z-index:10000; text-decoration:none;}.skip-link:focus{ top:0;}