:root {--bg: #07111f;--bg-soft: #0c1a2d;--panel: rgba(13, 27, 45, 0.86);--panel-2: #10233d;--text: #e8f0ff;--muted: #9db0ca;--line: rgba(255, 255, 255, .09);--brand: #D21D88;--brand-2: #D21D88;--max: 1240px;--radius: 22px;--shadow: 0 20px 60px rgba(0, 0, 0, .28);}* {box-sizing: border-box;margin: 0;padding: 0;}html {scroll-behavior: smooth;}body {font-family: 'Inter', sans-serif;background: radial-gradient(circle at top left, rgba(242, 101, 34, .18), transparent 28%), radial-gradient(circle at right, rgba(59, 130, 246, .14), transparent 20%), var(--bg);color: var(--text);line-height: 1.6;}a {color: inherit;text-decoration: none;}img {width: 100%;display: block;}.container {width: min(var(--max), calc(100% - 32px));margin: auto;}.section {padding: 84px 0;}.eyebrow {color: var(--brand-2);font-weight: 700;text-transform: uppercase;letter-spacing: .14em;font-size: .76rem;margin-bottom: 14px;}.title {font-size: clamp(2rem, 4vw, 4.3rem);line-height: 1.05;font-weight: 800;letter-spacing: -0.04em;}.subtitle {color: var(--muted);max-width: 720px;margin-top: 18px;font-size: 1.05rem;}.topbar {position: sticky;top: 0;z-index: 50;backdrop-filter: blur(16px);background: #fff;border-bottom: 1px solid var(--line);}.nav {height: 78px;display: flex;align-items: center;justify-content: space-between;gap: 20px;}.brand {display: flex;align-items: center;gap: 12px;font-weight: 800;font-size: 1.08rem;}.brand-mark {width: 42px;height: 42px;border-radius: 12px;background: linear-gradient(135deg, var(--brand), #ffb087);display: grid;place-items: center;color: #fff;font-weight: 800;box-shadow: 0 14px 40px rgba(242, 101, 34, .28);}.nav-links {display: flex;align-items: center;gap: 28px;color: #111;font-size: .95rem;}.nav-links a:hover {color: #ccc;}.menu-btn {background: transparent;border: none;cursor: pointer;display: flex;padding: 5px;}.menu-btn svg line {transition: 0.3s ease-in-out;transform-origin: center;}.menu-btn.active .line-top {transform: translateY(6px) rotate(45deg);}.menu-btn.active .line-mid {opacity: 0;transform: scaleX(0);}.menu-btn.active .line-bottom {transform: translateY(-6px) rotate(-45deg);}.mobile-quote-btn {display: block;background-color: #D21D88;color: white;padding: 8px 16px;border-radius: 5px;text-decoration: none;font-weight: bold;font-size: 14px;margin-right: 10px;}.desktop-nav {display: flex;gap: 20px;}@media (max-width: 768px) {.desktop-nav {display: none;}.mobile-quote-btn {display: block;background-color: #D21D88;color: white;padding: 8px 16px;border-radius: 5px;text-decoration: none;font-weight: bold;font-size: 14px;margin-right: 10px;}.menu-btn {display: flex;}}@media (min-width: 769px) {.menu-btn {display: none;}}.btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 48px;padding: 0 20px;border-radius: 999px;border: 1px solid transparent;font-weight: 700;transition: .25s ease;cursor: pointer;}.btn-primary {background: linear-gradient(135deg, var(--brand), var(--brand-2));color: white;box-shadow: 0 16px 44px rgba(242, 101, 34, .22);}.btn-primary:hover {transform: translateY(-2px);}.btn-secondary {border-color: var(--line);background: rgba(255, 255, 255, .03);color: white;}.modal {display: none;position: fixed;z-index: 2000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);}.modal-content {background-color: #1a1a1a;margin: 1% auto;padding: 30px;border: 1px solid #444;width: 90%;max-width: 450px;border-radius: 12px;position: relative;color: white;}.close-btn {position: absolute;right: 20px;top: 15px;font-size: 28px;cursor: pointer;color: #888;}#quoteForm input, #quoteForm textarea {width: 100%;padding: 12px;margin: 10px 0;background: #222;border: 1px solid #444;color: white;border-radius: 6px;}#quoteForm input:focus {border-color: #D21D88;outline: none;}.submit-btn {width: 100%;padding: 12px;background: #D21D88;border: none;color: white;font-weight: bold;cursor: pointer;border-radius: 6px;margin-top: 10px;}#quoteForm select {width: 100%;padding: 12px;margin: 10px 0;background-color: #222;border: 1px solid #444;color: #fff;border-radius: 6px;font-size: 14px;cursor: pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 15px center;background-size: 14px;}#quoteForm select:hover {border-color: #666;}#quoteForm select:focus {border-color: #D21D88;outline: none;}#quoteForm select option {background-color: #1a1a1a;color: white;}.hero-copy p {max-width: 1000px;}.hero-actions {margin-top: 30px;display: flex;gap: 14px;flex-wrap: wrap;}.hero-stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: 14px;margin-top: 34px;}.hero .carousel-item {min-height: 80vh;background-size: cover;background-position: center;position: relative;}.hero .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}.hero-grid {position: relative;z-index: 2;min-height: 80vh;display: flex;align-items: center;justify-content: center;padding: 0 1rem;}.hero-copy {max-width: 1000px;width: 100%;text-align: left;}.hero .title {font-size: clamp(2rem, 6vw, 3.5rem);font-weight: bold;}.hero .subtitle {margin: 20px 0;font-size: clamp(1rem, 2.5vw, 1.3rem);}.hero-actions {display: flex;flex-wrap: wrap;gap: 12px;margin-top: 24px;}.hero-actions .btn {min-width: 160px;}.split {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}.image-panel {position: relative;min-height: 500px;background-size: cover;background-position: center;border-radius: 24px;overflow: hidden;}@media (max-width: 991px) {.split {grid-template-columns: 1fr ;gap: 40px;}section#about .split {display: grid;}.image-panel {}}.about-section {padding-top: 64px;background: #050a12;}.about-section .split {flex-direction: row-reverse;}.about-section .image-panel {background-image: url('../photo-2.webp');}.about-section .image-badge p {color: #d1ddf0;margin-top: 8px;}.about-section .title {font-size: clamp(1.8rem, 3vw, 3rem);}.about-section .stats-item {display: flex;gap: 20px;margin-top: 30px;}.about-section .stat h3 {color: #D21D88;font-size: 2rem;margin-bottom: 5px;}.about-section .stat p {font-size: 0.8rem;text-transform: uppercase;letter-spacing: 1px;}.content-panel {}.stat {background: var(--panel);border: 1px solid var(--line);border-radius: 18px;padding: 18px;box-shadow: var(--shadow);}.stat h3 {font-size: 1.5rem;margin-bottom: 4px;}.stat p {color: var(--muted);font-size: .92rem;}.floating-card {position: absolute;right: 20px;bottom: 20px;width: min(360px, calc(100% - 40px));padding: 18px;border-radius: 22px;background: rgba(8, 17, 30, .82);border: 1px solid rgba(255, 255, 255, .1);backdrop-filter: blur(14px);}.floating-card .mini {color: var(--brand-2);font-weight: 700;font-size: .82rem;margin-bottom: 8px;}.floating-card h4 {margin-bottom: 8px;}.floating-card p {color: var(--muted);font-size: .92rem;}.trust-strip {display: grid;grid-template-columns: repeat(5, 1fr);gap: 14px;margin-top: 28px;}.trust-item {text-align: center;border: 1px solid var(--line);background: rgba(255, 255, 255, .02);border-radius: 18px;padding: 18px 14px;color: #dce7f7;font-weight: 600;}.cards-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 22px;margin-top: 36px;}.card {border: 1px solid var(--line);border-radius: 24px;overflow: hidden;background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .015));box-shadow: var(--shadow);transition: transform .25s ease, border-color .25s ease;}.card:hover {transform: translateY(-6px);border-color: rgba(242, 101, 34, .45);}.card-media {overflow: hidden;}.card-media img {height: 100%;object-fit: cover;}.card-body {padding: 22px;}.card-body h3 {font-size: 1.18rem;margin-bottom: 8px;}.card-body p {color: var(--muted);font-size: .95rem;}.card-link {margin-top: 16px;display: inline-block;color: #fff;font-weight: 700;}.cards-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;margin-top: 40px;}.card {background: #161616;border: 1px solid #2a2a2a;border-radius: 12px;overflow: hidden;transition: transform 0.3s ease, border-color 0.3s ease;}.card:hover {transform: translateY(-8px);border-color: #D21D88;}.card-media img {width: 100%;height: 220px;object-fit: cover;filter: grayscale(20%);transition: 0.5s;}.card:hover .card-media img {filter: grayscale(0%);scale: 1.05;}.card-body {padding: 24px;}.card-body h3 {font-size: 1.4rem;color: #fff;margin-bottom: 12px;}.card-body p {font-size: 0.95rem;color: #aaa;line-height: 1.6;margin-bottom: 20px;height: 60px;}.card-buttons {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #2a2a2a;padding-top: 18px;}.view-details {color: #fff;text-decoration: none;font-weight: 500;font-size: 0.9rem;transition: 0.3s;}.view-details:hover {color: #D21D88;}.request-btn {background: #D21D88;color: #fff;border: none;padding: 10px 20px;border-radius: 6px; font-weight: 600;font-size: 0.85rem;cursor: pointer;transition: 0.3s;}.request-btn:hover {background: #fff;color: #000;}.split {display: grid;grid-template-columns: .96fr 1.04fr;gap: 28px;align-items: center;}.feature-list {display: grid;gap: 16px;margin-top: 24px;}.feature-item {padding: 18px 18px 18px 20px;border-radius: 18px;border: 1px solid var(--line);background: rgba(255, 255, 255, .025);}.feature-item h4 {margin-bottom: 6px;}.feature-item p {color: var(--muted);}.image-panel {border-radius: 28px;overflow: hidden;min-height: 520px;border: 1px solid var(--line);box-shadow: var(--shadow);background: url('{{url('assets/application-img.webp')}}') center/cover;position: relative;}.image-badge {position: absolute;left: 20px;bottom: 20px;border-radius: 18px;background: rgba(5, 10, 18, .8);border: 1px solid rgba(255, 255, 255, .1);padding: 16px 18px;max-width: 300px;}.case-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;margin-top: 34px;}.case-card {border-radius: 22px;overflow: hidden;background: #0c192b;border: 1px solid var(--line);box-shadow: var(--shadow);}.case-card .cover {aspect-ratio: 1.2 / 1;}.case-card .content {padding: 20px;}.tag {display: inline-block;padding: 8px 12px;font-size: .78rem;font-weight: 700;border-radius: 999px;background: rgba(242, 101, 34, .14);color: #ffb68d;margin-bottom: 12px;}.cta {padding: 34px;border-radius: 28px;background: linear-gradient(135deg, rgba(242, 101, 34, .18), rgba(45, 84, 160, .22));border: 1px solid rgba(255, 255, 255, .09);display: grid;grid-template-columns: 1.2fr .8fr;gap: 20px;align-items: center;box-shadow: var(--shadow);}.cta p {color: #dce7f8;}.contact-grid {display: grid;grid-template-columns: .9fr 1.1fr;gap: 22px;margin-top: 34px;}.contact-card, .form-card {border-radius: 24px;border: 1px solid var(--line);background: rgba(255, 255, 255, .025);box-shadow: var(--shadow);padding: 26px;}.contact-points {display: grid;gap: 16px;margin-top: 18px;}.contact-points div {color: var(--muted);}.form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 14px;}.field {margin-bottom: 14px;}input, textarea, select {width: 100%;background: rgba(255, 255, 255, .03);border: 1px solid rgba(255, 255, 255, .08);border-radius: 14px;padding: 14px 16px;color: white;outline: none;font: inherit;}textarea {min-height: 150px;resize: vertical;}.footer {background: #050a12;border-top: 1px solid var(--line);padding: 80px 0 30px;margin-top: 50px;}.footer-grid {display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.2fr;gap: 40px;margin-bottom: 60px;}.footer-brand .brand {margin-bottom: 20px;}.footer-desc {color: var(--muted);font-size: 0.95rem;line-height: 1.6;margin-bottom: 25px;max-width: 300px;}.footer-links h4, .footer-contact h4 {color: white;font-size: 1.1rem;font-weight: 700;margin-bottom: 25px;}.footer-links ul {list-style: none;}.footer .footer-links .footer-list{padding-left: 0px;}.footer-links ul li {margin-bottom: 12px;}.footer-links ul li a {color: var(--muted);font-size: 0.92rem;transition: 0.3s ease;display: inline-block;}.footer-links ul li a:hover {color: var(--brand);transform: translateX(5px);}.footer-links p {color: var(--muted);font-size: 0.92rem;margin-bottom: 10px;}.social-links {display: flex;gap: 12px;}.social-links a {width: 38px;height: 38px;background: rgba(255, 255, 255, 0.05);display: grid;place-items: center;border-radius: 10px;transition: 0.3s;color: white;}.social-links a:hover {background: var(--brand);transform: translateY(-3px);}.footer-bottom {border-top: 1px solid var(--line);padding-top: 30px;}.footer-wrap {display: flex;align-items: center;justify-content: space-between;gap: 20px;flex-wrap: wrap;}.legal-links {display: flex;gap: 24px;}.legal-links a {font-size: 0.85rem;color: var(--muted);transition: 0.3s;}.legal-links a:hover {color: white;}#applications {padding-top: 12px;}#applications .image-badge p {color: #d1ddf0;margin-top: 8px;}#applications .title {font-size: clamp(1.8rem, 3vw, 3rem);}#projects .title {font-size: clamp(1.8rem, 3vw, 3rem);}.case-card .content p {color: var(--muted);margin-top: 8px;}#cta-section {padding-top: 0;}#cta-section h2 {font-size: clamp(1.7rem, 3vw, 2.8rem);line-height: 1.1;}#cta-section p {margin-top: 14px;}#cta-section .cta > div:last-child {display: flex;gap: 14px;flex-wrap: wrap;justify-content: flex-start;}#contact .title {font-size: clamp(1.8rem, 3vw, 3rem);}.contact-card h3 {margin-bottom: 12px;}.contact-card p {color: var(--muted);}.contact-points strong {color: white;}.form-card .btn {width: 100%;}@media (max-width: 1024px) {.footer-grid {grid-template-columns: 1.5fr 1fr 1fr;}.footer-contact {grid-column: span 3;margin-top: 20px;}}@media (max-width: 768px) {.footer {padding: 60px 0 30px;}.footer-grid {grid-template-columns: 1fr 1fr;gap: 30px;}.footer-brand {grid-column: span 2;margin-bottom: 20px;}.footer-desc {max-width: 100%;}}@media (max-width: 500px) {.footer-grid {grid-template-columns: 1fr;gap: 40px;}.footer-brand, .footer-links, .footer-contact {display: flex;flex-direction: column;}.footer-links ul li a:hover {transform: translateX(0) scale(1.1);}.social-links {justify-content: center;}.footer-wrap {flex-direction: column;text-align: center;}.legal-links {justify-content: center;width: 100%;}}@media (max-width: 1100px) {.hero-grid, .split, .contact-grid, .cta {grid-template-columns: 1fr;}.cards-grid, .case-grid {grid-template-columns: repeat(1, 1fr);gap: 20px;}.trust-strip {grid-template-columns: repeat(3, 1fr);}.hero-visual {min-height: 480px;}}@media (max-width: 768px) {.nav-links {display: none;position: absolute;left: 16px;right: 16px;top: 80px;flex-direction: column;gap: 16px;padding: 20px;border-radius: 18px;background: #fff;border: 1px solid var(--line);z-index: 1000;color: #fff;}.nav-links.open {display: flex;}.menu-btn {display: inline-flex;}.hero {}.section {padding: 50px 0;}.title {font-size: 2rem;}.cards-grid, .case-grid, .hero-stats, .trust-strip, .form-grid {grid-template-columns: repeat(1, 1fr);gap: 12px;padding: 0 10px;}.card-body {padding: 12px;}.card-body h3 {font-size: 1rem;margin-bottom: 6px;}.card-body p {font-size: 0.8rem;line-height: 1.3;margin-bottom: 12px;height: auto;}.card-buttons {gap: 8px;align-items: stretch;padding-top: 10px;border-top: 1px solid #2a2a2a;}.request-btn {padding: 10px;font-size: 0.75rem;text-align: center;}.view-details {font-size: 0.75rem;text-align: center;}.hero-visual {min-height: 320px;}}@media (max-width: 400px) {.cards-grid, .case-grid, .hero-stats {grid-template-columns: 1fr;}.title {font-size: 1.8rem;}}@media (max-width: 768px) {.hero .carousel-item {min-height: 60vh;}.hero-grid {padding: 20px;min-height: 60vh;display: flex;flex-direction: column;justify-content: center;text-align: center;}.hero-copy {max-width: 80%;}.hero-actions {justify-content: center;flex-direction: column;gap: 10px;}.hero-actions .btn {width: 100%;max-width: 300px;}}@media (max-width: 480px) {.hero .carousel-item {min-height: 50vh;}.hero-copy h1.title {font-size: 1.5rem;}.hero-copy .subtitle {font-size: 1rem;}}@media (max-width: 768px) {.about-section {padding-top: 40px;}.about-section .split {flex-direction: column;}.content-panel.animate__fadeInRight, .image-panel.animate__fadeInLeft {animation-name: fadeInUp;}}