@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";*{box-sizing:border-box}:root{--bg:#f5f6f8;--surface:#fff;--ink:#13161b;--muted:#545f71;--brand:#022047;--brand-soft:#163a63;--accent:#e31e24;--signal:#e31e24;--line:#d7dce3;--ink-soft:#232a35;--radius:14px;--shadow-1:0 16px 30px #101c2b1a;--shadow-2:0 24px 46px #09152624;color:var(--ink);background:var(--bg);font-family:Manrope,Segoe UI,sans-serif;line-height:1.5}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at top right, #0220471a, transparent 35%), radial-gradient(circle at 20% 10%, #e31e240f, transparent 36%), var(--bg);margin:0}#root{min-height:100vh}.vk-site{overflow-x:hidden}.vk-site>main{padding-top:119px}.vk-site-bare>main{padding-top:0}.container{width:min(1536px,100% - 2.5rem);margin:0 auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(95deg,#fff 0%,#f8fbff 72%,#f1f6ff 100%);border-bottom:1px solid #e5e7eb;width:100%;transition:all .35s;position:fixed;top:0;left:0;right:0}.topbar-scrolled{box-shadow:0 12px 24px #0e142024}.topbar-inner{align-items:center;gap:1.2rem;width:min(1536px,100% - 2rem);min-height:118px;margin:0 auto;transition:min-height .3s;display:flex}.topbar-scrolled .topbar-inner{min-height:76px}.brand{align-items:center;padding:.4rem .6rem;display:flex}.brand img{filter:drop-shadow(0 4px 8px #0000001f);height:64px;transition:height .3s}.topbar-scrolled .brand img{height:44px}.desktop-nav{align-items:center;gap:1.75rem;margin-left:auto;display:flex}.desktop-nav a{color:var(--brand);letter-spacing:.01em;padding:.35rem 0;font-size:.96rem;font-weight:800;transition:color .25s;position:relative}.desktop-nav a:after{content:"";background:var(--accent);transform-origin:100%;border-radius:999px;width:100%;height:2px;transition:transform .28s;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--accent)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform-origin:0;transform:scaleX(1)}.drop-btn{appearance:none;cursor:pointer;color:var(--brand);letter-spacing:.01em;background:0 0;border:0;padding:.35rem 0;font-size:.96rem;font-weight:800;transition:color .25s;position:relative}.drop-btn:after{content:"";background:var(--accent);transform-origin:100%;border-radius:999px;width:100%;height:2px;transition:transform .28s;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}.drop-btn.active,.drop-btn:hover{color:var(--accent)}.drop-btn.active:after,.drop-btn:hover:after{transform-origin:0;transform:scaleX(1)}.dropdown{isolation:isolate;position:relative}.dropdown-panel{opacity:0;pointer-events:none;z-index:30;background:#fff;border:1px solid #e5e5e5;border-radius:2px;min-width:360px;padding:.8rem 0;transition:all .22s;position:absolute;top:calc(100% + .95rem);left:0;transform:translateY(10px);box-shadow:0 18px 35px #02204733}.dropdown-panel.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-panel a{color:#111;padding:.9rem 1.4rem;font-size:1.02rem;font-weight:600;display:block}.dropdown-panel a:after{display:none}.dropdown-panel a:hover,.dropdown-panel a.active{color:var(--brand);background:#f2f3f5}.quote-btn{background:linear-gradient(90deg, #ef2b2b, var(--accent));color:#fff;border-radius:999px;margin-left:.8rem;padding:.88rem 1.35rem;font-size:.9rem;font-weight:800;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 24px #e31e2452}.quote-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #e31e246b}.menu-toggle{cursor:pointer;background:0 0;border:1px solid #cad4e0;border-radius:10px;width:42px;height:42px;margin-left:.65rem;padding:0;display:none}.menu-toggle span{background:var(--brand);border-radius:99px;width:22px;height:2px;margin:0 auto 4px;transition:transform .25s;display:block}.menu-toggle span:last-child{margin-bottom:0}.menu-toggle.menu-open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.menu-open span:nth-child(2){transform:scaleX(0)}.menu-toggle.menu-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-nav{display:none}.hero{padding:5rem 0 3.8rem}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#bb181d;margin:0 0 .8rem;font-size:.8rem;font-weight:800}h1,h2,h3,h4,p{margin:0}h1{color:#0f2037;font-family:Sora,Manrope,sans-serif;font-size:clamp(2rem,4vw,3.1rem);line-height:1.1}.hero p{color:var(--muted);max-width:56ch;margin-top:1rem}.solid-btn,.outline-btn{border-radius:8px;margin-top:1.4rem;padding:.74rem 1.1rem;font-size:.9rem;font-weight:700;display:inline-block}.solid-btn{background:linear-gradient(90deg, #133a66, var(--brand));color:#fff;box-shadow:0 12px 24px #0220473d}.outline-btn{border:2px solid var(--brand);color:var(--brand);background:#fff}.solid-btn,.outline-btn{transition:transform .25s,box-shadow .25s}.solid-btn:hover,.outline-btn:hover{box-shadow:var(--shadow-1);transform:translateY(-2px)}.hero-image-wrap{box-shadow:var(--shadow-2);border-radius:18px;overflow:hidden}.hero-image-wrap img{object-fit:cover;width:100%;height:460px}.about,.services,.why,.process,.stats,.testimonials,.customers{padding:4.5rem 0}.about-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:2rem;display:grid}.about-grid img{border-radius:var(--radius);object-fit:cover;width:100%;height:370px;box-shadow:0 18px 28px #0b1c2f33}h2{color:#112742;font-family:Sora,Manrope,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem)}.about p{color:var(--muted);margin-top:.95rem}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem;display:flex}.section-head p{max-width:62ch;color:var(--muted)}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .28s,box-shadow .28s;overflow:hidden;box-shadow:0 12px 22px #02204712}.service-card:hover{box-shadow:var(--shadow-1);transform:translateY(-6px)}.service-card img{object-fit:cover;width:100%;height:150px}.service-card div{padding:.9rem}.service-card h3{font-size:1rem}.service-card p{color:var(--muted);margin-top:.45rem;font-size:.88rem}.service-card a{color:var(--accent);margin-top:.7rem;font-size:.85rem;font-weight:700;display:inline-block}.why{background:linear-gradient(#fff,#f4f7fb)}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.1rem;display:grid}.why-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.05rem;transition:transform .28s,box-shadow .28s}.why-card:hover{box-shadow:var(--shadow-1);transform:translateY(-4px)}.why-card span{color:#b3191e;background:#cc1f1f1f;border-radius:999px;place-items:center;width:40px;height:40px;font-size:.73rem;font-weight:800;display:inline-grid}.why-card h3{margin-top:.8rem;font-size:1.03rem}.why-card p{color:var(--muted);margin-top:.45rem;font-size:.9rem}.process-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:1.2rem;display:grid}.process-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1rem .9rem;transition:transform .25s}.process-card:hover{transform:translateY(-3px)}.step-no{background:linear-gradient(90deg, var(--brand), #15406d);color:#fff;border-radius:999px;width:fit-content;margin-bottom:.65rem;padding:.2rem .5rem;font-size:.8rem}.process-card h4{font-size:.98rem}.process-card p{color:var(--muted);margin-top:.35rem;font-size:.88rem}.stats{background:linear-gradient(90deg, #0b2440, var(--brand), #0f355d);color:#fff}.stats-grid{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stats h3{font-size:2rem}.stats p{color:#c2cfde;margin-top:.2rem}.testimonials{background:linear-gradient(#eef2f5,#fff)}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.testimonial-grid article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1rem}.stars{color:#df1d23;font-weight:800}.testimonial-grid article p{color:var(--muted);margin-top:.55rem;font-size:.9rem}.testimonial-grid h4{margin-top:.8rem}.testimonial-grid small{color:#607086}.customer-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.9rem;margin-top:1.2rem;display:grid}.logo-card{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;height:86px;padding:.6rem;transition:transform .24s,box-shadow .24s;display:grid}.logo-card:hover{transform:scale(1.03);box-shadow:0 8px 20px #0220471f}.logo-card img{width:auto;max-height:54px}.footer{color:#d2dbe7;background:linear-gradient(#03182e,#01142a);padding:3.3rem 0 1rem}.footer-grid{grid-template-columns:1.2fr .9fr .9fr 1fr;gap:1rem;display:grid}.footer-logo{background:#fff;border-radius:10px;height:66px;margin-bottom:.8rem;padding:.5rem .9rem}.footer h3{color:#fff;margin-bottom:.7rem;font-size:1.1rem}.footer a{transition:color .22s}.footer a:hover{color:#ff4d52}.footer a,.footer p,.footer-login-link{color:#bac7d7;margin:.36rem 0;font-size:.93rem;display:block}.footer-login-link{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.footer-login-link:hover{color:#ff4d52}.copyright{text-align:center;color:#93a4b8;margin:1.35rem 0 0;font-size:.88rem}.animate-up{opacity:0;animation:.8s cubic-bezier(.2,.7,.1,1) forwards rise-up;transform:translateY(24px)}.hero .animate-up:first-child{animation-delay:.1s}.hero .animate-up:nth-child(2){animation-delay:.22s}.about .animate-up:first-child{animation-delay:.1s}.about .animate-up:nth-child(2){animation-delay:.22s}.service-grid .service-card:first-child,.why-grid .why-card:first-child,.process-grid .process-card:first-child,.testimonial-grid article:first-child{animation-delay:80ms}.service-grid .service-card:nth-child(2),.why-grid .why-card:nth-child(2),.process-grid .process-card:nth-child(2),.testimonial-grid article:nth-child(2){animation-delay:.14s}.service-grid .service-card:nth-child(3),.why-grid .why-card:nth-child(3),.process-grid .process-card:nth-child(3),.testimonial-grid article:nth-child(3){animation-delay:.2s}.service-card,.why-card,.process-card,.testimonial-grid article{opacity:0;animation:.74s forwards rise-up;transform:translateY(18px)}@keyframes rise-up{to{opacity:1;transform:translateY(0)}}.inner-page{padding:1.2rem 0 2.4rem}.inner-hero{border:1px solid var(--line);box-shadow:var(--shadow-1);background:linear-gradient(125deg,#fff,#f2f3f5);border-radius:20px;grid-template-columns:1fr minmax(280px,420px);align-items:center;gap:2.6rem;padding:2.6rem;display:grid}.inner-hero-solo{grid-template-columns:1fr;padding:1.6rem 2.4rem}.inner-hero .eyebrow{background:#e31e241a;border-radius:999px;margin:0 0 1rem;padding:.3rem .85rem;display:inline-block}.inner-hero h1{font-size:clamp(2rem,3vw,2.6rem)}.inner-hero p{color:var(--muted);max-width:52ch;margin-top:.85rem}.inner-hero-media{aspect-ratio:4/3;border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:14px;overflow:hidden}.inner-hero-media img{object-fit:cover;width:100%;height:100%}.page-section{margin-top:1rem}.text-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.text-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1.1rem;box-shadow:0 10px 18px #02204714}.text-card h3{color:var(--brand);font-family:Sora,Manrope,sans-serif}.text-card p{color:var(--muted);margin-top:.55rem}.team-section-head{text-align:center;margin:0 0 1.4rem}.team-section-head h2{margin:0}.core-team-grid{margin-top:.4rem}.role-pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-top:.7rem;padding:.3rem 1.1rem;font-size:.85rem;display:inline-block}.leadership-grid{grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center;gap:2rem;margin-bottom:2.6rem;display:grid}.leadership-card{border:1px solid var(--line);box-shadow:var(--shadow-1);text-align:center;background:#fff;border-radius:16px;padding:1.5rem}.leadership-card img{aspect-ratio:3/4;object-fit:cover;object-position:top center;border-radius:0 0 50% 50%/0 0 30% 30%;width:100%;margin-bottom:1.1rem}.leadership-card h3{color:var(--brand);margin:0;font-size:1.15rem}.core-team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid}.core-team-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:1rem;box-shadow:0 10px 18px #02204714}.core-team-card img{object-fit:cover;object-position:top center;border-radius:10px;width:100%;height:200px;margin-bottom:.8rem}.core-team-card h3{color:var(--brand);margin:0;font-size:1rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 10px 22px #02204726}.gallery-item img{object-fit:cover;width:100%;height:240px;transition:transform .4s}.gallery-item:hover img{transform:scale(1.06)}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.service-detail-grid+.gallery-grid{margin-top:1.2rem}.detail-list{color:var(--ink-soft);margin:.8rem 0 0;padding-left:1.1rem}.detail-list li{margin:.35rem 0}.enquiry-form{border:1px solid var(--line);box-shadow:var(--shadow-1);background:#fff;border-radius:14px;padding:1.2rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.enquiry-form label{color:var(--ink-soft);gap:.45rem;font-size:.9rem;font-weight:700;display:grid}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfd7e2;border-radius:10px;padding:.72rem .8rem}.enquiry-form textarea{resize:vertical;margin-top:.9rem}.submit-btn{background:linear-gradient(90deg, #ef2b2b, var(--accent));color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:1rem;padding:.82rem 1.2rem;font-weight:800;box-shadow:0 10px 24px #e31e244d}.form-success{color:#0d6b2f;margin-top:.9rem;font-weight:700}.success-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02204773;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.success-modal{border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow-2);text-align:center;background:#fff;padding:2rem}.success-modal .form-success{margin-top:0;margin-bottom:1.4rem;font-size:1.05rem}.success-modal .submit-btn{width:100%}.admin-login-modal{text-align:left;position:relative}.admin-login-modal h3{color:var(--brand);margin:0 0 1.1rem}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1;position:absolute;top:.7rem;right:.9rem}.modal-close:hover{color:var(--ink)}.form-error{color:#b3191e;margin-top:.8rem;font-weight:700}.admin-login{max-width:560px}.dashboard-actions{flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;display:flex}.dashboard-logout{margin-top:1rem}.enquiry-table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:2.4rem;overflow-x:auto}.pagination{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:center;align-items:center;gap:1rem;padding:1rem;font-weight:700;display:flex}.pagination button:disabled{opacity:.45;cursor:not-allowed}.status-select{font:inherit;border:1px solid #cfd7e2;border-radius:8px;padding:.4rem .6rem;font-weight:700}.status-select.status-pending{color:#a4640a;background:#fdf1de;border-color:#f0d3a3}.status-select.status-confirmed{color:#0d6b2f;background:#e7f5eb;border-color:#b6ddc2}.status-select.status-rejected{color:#b3261e;background:#fbe8e7;border-color:#f0c1bd}.dashboard-filters{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;padding:1rem;display:grid;box-shadow:0 8px 20px #02204714}.dashboard-filters label{color:var(--ink-soft);gap:.35rem;font-size:.82rem;font-weight:700;display:grid}.dashboard-filters input,.dashboard-filters select{font:inherit;border:1px solid #cfd7e2;border-radius:9px;padding:.58rem .7rem}.enquiry-table{border-collapse:collapse;width:100%;min-width:860px}.enquiry-table th,.enquiry-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e7ecf3;padding:.75rem;font-size:.88rem}.enquiry-table th{color:var(--brand);background:#f3f7fc;font-weight:800}@media (width<=1080px){.service-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-grid,.core-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-card-grid,.contact-grid,.service-detail-grid{grid-template-columns:1fr}.dashboard-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}@media (width<=860px){.desktop-nav,.quote-btn{display:none}.menu-toggle{margin-left:auto;display:block}.mobile-nav{opacity:0;pointer-events:none;background:linear-gradient(#fff,#f4f8ff);border-top:1px solid #dce5f2;width:100%;padding:.4rem 0;transition:all .25s;display:block;position:absolute;top:calc(100% - 10px);left:0;transform:translateY(-8px)}.mobile-nav.show{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a{color:var(--brand);border-bottom:1px solid #e6edf5;padding:.8rem 1.2rem;font-weight:700;display:block}.mobile-nav a.active{color:var(--accent)}.mobile-group{text-align:left;width:100%;color:var(--brand);background:0 0;border:0;border-bottom:1px solid #e6edf5;padding:.8rem 1.2rem;font-size:.95rem;font-weight:700}.mobile-submenu{background:#f7faff;max-height:0;transition:max-height .24s;overflow:hidden}.mobile-submenu.show{max-height:280px}.mobile-submenu a{padding-left:1.9rem;font-size:.88rem}.mobile-quote{background:#f5b30124;color:var(--accent)!important}.hero-grid,.about-grid,.why-grid,.testimonial-grid,.stats-grid{grid-template-columns:1fr}.service-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-hero,.gallery-grid{grid-template-columns:1fr}.inner-hero{gap:1.4rem;padding:1.6rem}.inner-hero-media{aspect-ratio:16/10}.section-head{flex-direction:column;align-items:start}}@media (width<=560px){.container{width:min(1160px,100% - 1.2rem)}.topbar-inner{min-height:92px}.vk-site>main{padding-top:93px}.vk-site-bare>main{padding-top:0}.brand img{height:48px}.topbar-scrolled .brand img{height:38px}.service-grid,.process-grid,.customer-grid,.footer-grid,.core-team-grid,.leadership-grid{grid-template-columns:1fr}.dashboard-actions{flex-direction:column;align-items:flex-start}.dashboard-filters{grid-template-columns:1fr}}
