/* XTROI v4: consistent public-page design system. Admin CSS remains untouched. */
:root{--xs-navy:#071625;--xs-navy2:#102c40;--xs-teal:#24b6ad;--xs-teal-light:#8df0e4;--xs-ink:#142b3a;--xs-muted:#526b7d;--xs-soft:#f5f9fb;--xs-line:#dce8ec;--primary-color:#129e9d;--secondary-color:#128b96;--accent-color:#20baa9;--dark:#142b3a;--gradient-primary:linear-gradient(120deg,#0e7687,#1bb5ae);--gradient-accent:linear-gradient(120deg,#1b758e,#25b9a5)}
html{scroll-padding-top:90px}body{font-family:Inter,system-ui,sans-serif;background:var(--xs-soft);color:var(--xs-ink)}
body .xs-nav,body .xs-nav.scrolled{position:sticky!important;top:0!important;z-index:3000!important;min-height:82px!important;background:#071625!important;box-shadow:0 4px 22px #03101e22!important;padding:0!important;border-bottom:1px solid #2d4b5b!important;backdrop-filter:none!important}
body .xs-nav .nav-container{width:min(1160px,calc(100% - 40px));max-width:1160px;min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0!important}
body .xs-nav .xs-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;color:white!important}
body .xs-nav .xs-logo-wrap{display:flex;align-items:center;justify-content:center;width:67px;height:58px;background:#eaf7f7;border:1px solid #68c9c6;border-radius:12px;padding:6px;box-shadow:0 2px 20px #31e5d521}
body .xs-nav .xs-logo-wrap img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain;filter:contrast(1.15)}
body .xs-nav .xs-logo-letters{color:#07374b;font-weight:800;font-size:25px}body .xs-nav .xs-brand-name{font-size:14px!important;font-weight:800;letter-spacing:.075em;color:#f2ffff!important;white-space:nowrap}body .xs-nav .xs-brand-name span{display:block;font-size:10px;letter-spacing:.19em;color:#82dedb}
body .xs-nav .nav-links{display:flex;align-items:center;gap:clamp(12px,1.3vw,24px);margin:0!important;padding:0!important;list-style:none}
body .xs-nav .nav-link{color:#c1d1d9!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;padding:11px 0!important;border:0!important;line-height:1.3!important;white-space:nowrap}
body .xs-nav .nav-link:hover,body .xs-nav .nav-link.xs-active{color:#83ebe1!important}body .xs-nav .nav-link.xs-active{border-bottom:2px solid var(--xs-teal)!important}
body .xs-nav .mobile-menu-btn{display:none;color:#d5efee!important;background:transparent;border:0;font-size:23px;cursor:pointer}
.xs-shell{width:min(1160px,calc(100% - 44px));margin:0 auto}.xs-hero{background:radial-gradient(ellipse at 76% 33%,#1c4561 0,transparent 42%),linear-gradient(120deg,#061522,#0d2a3c);color:white;min-height:600px;padding:88px 0 92px;overflow:hidden;position:relative}.xs-hero-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr);align-items:center;gap:50px}.xs-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#91f3e8;background:#1b464e;border:1px solid #3a7a7a;border-radius:100px;padding:9px 15px;font-size:12px;font-weight:800;letter-spacing:.08em}.xs-hero h1{font-size:clamp(37px,4.2vw,64px);font-weight:800;line-height:1.12!important;letter-spacing:-.045em;color:#fff!important;margin:25px 0!important}.xs-hero h1 span{color:#85e5d9}.xs-hero-copy>p{color:#d2e3ea;font-size:clamp(15px,1.5vw,19px);line-height:1.8;max-width:670px}.xs-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.xs-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:11px;padding:13px 21px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s}.xs-button:hover{transform:translateY(-2px)}.xs-button-primary{background:#25bab0;color:#062b34!important;box-shadow:0 8px 25px #12b9ac33}.xs-button-ghost{color:#ecffff!important;border:1px solid #6f9bad;background:#ffffff0e}.xs-hero-proof{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:31px;color:#d0e7ed;font-size:12px}.xs-hero-proof i{color:#79e7dc;margin-right:5px}.xs-hero-art{min-height:315px;border-radius:28px;border:1px solid #4d7a8a;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#153748aa,#0b2537cc);box-shadow:0 25px 60px #0006;overflow:hidden}.xs-art-ring{position:absolute;width:250px;height:250px;border:1px solid #60c5bd55;border-radius:50%;box-shadow:0 0 0 36px #4ba5a50e,0 0 0 76px #4ba5a50b}.xs-art-badge{font-size:clamp(90px,12vw,180px);font-weight:900;color:#9cebe1;letter-spacing:-.14em;padding-right:.13em;z-index:1;text-shadow:0 10px 40px #008e9a77}.xs-art-caption{position:absolute;bottom:28px;letter-spacing:.2em;font-size:11px;color:#b5d9de}.xs-art-caption span{color:#70f6e5}
.xs-services-preview,.xs-services-list{padding:85px 0;background:#f5f9fb}.xs-section-top{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:35px}.xs-overline{display:block;font-size:12px;font-weight:800;letter-spacing:.15em;color:#0d8e91;margin-bottom:11px}.xs-section-top h2,.xs-process-section h2{font-size:clamp(27px,3vw,40px);font-weight:800;color:#102d40!important;line-height:1.2}.xs-section-top p{max-width:660px;margin-top:11px;color:var(--xs-muted)}.xs-text-link{color:#0a8587;font-weight:750;white-space:nowrap}.xs-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.xs-service-card,.xs-offer-card{background:#fff;border:1px solid var(--xs-line);border-radius:20px;box-shadow:0 12px 38px #09293a0a;overflow:hidden}.xs-service-card{padding:28px 22px;min-height:240px}.xs-service-card>i{display:inline-grid;place-items:center;width:48px;height:48px;background:#e4f6f4;border-radius:13px;color:#09979a;font-size:22px}.xs-service-card h3{font-size:18px!important;margin:24px 0 10px;color:#102c3d!important}.xs-service-card p{font-size:14px;line-height:1.7;color:var(--xs-muted)}.xs-muted-note{margin-top:24px;color:var(--xs-muted);font-size:13px}.xs-muted-note a{color:#0b8d92;text-decoration:underline}
.xs-page-hero{background:linear-gradient(125deg,#071625,#163c50);padding:105px 0 86px;color:white}.xs-page-hero h1{font-size:clamp(35px,4vw,54px);line-height:1.15;color:white!important;margin:20px 0}.xs-page-hero p{font-size:17px;color:#c8dce3;max-width:650px}.xs-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.xs-offer-card{display:flex;flex-direction:column}.xs-offer-image{height:185px;background:#e7f0f3}.xs-offer-image img{width:100%;height:100%;object-fit:cover}.xs-offer-icon{height:125px;display:grid;place-items:center;background:linear-gradient(140deg,#e9f9f6,#e1f0f7);color:#159c9c;font-size:45px}.xs-offer-body{padding:25px;display:flex;flex-direction:column;flex:1}.xs-offer-body h3{font-size:22px!important;color:#143346!important}.xs-offer-body p{color:var(--xs-muted);font-size:14px;line-height:1.75;margin-top:9px;flex:1}.xs-offer-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:25px;padding-top:18px;border-top:1px solid var(--xs-line)}.xs-price small{display:block;font-size:11px;color:var(--xs-muted)}.xs-price strong{font-size:16px;color:#124154}.xs-result-count{font-size:13px;color:var(--xs-muted)}.xs-empty-state{background:white;border:1px solid var(--xs-line);border-radius:18px;text-align:center;padding:45px}.xs-empty-state h3{font-size:20px!important}.xs-process-section{padding:80px 0;background:white}.xs-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}.xs-process-grid>div{border-top:2px solid #2caeaa;padding-top:19px}.xs-process-grid span{color:#138f8c;font-weight:800}.xs-process-grid h3{font-size:18px!important;margin:12px 0}.xs-process-grid p{color:var(--xs-muted);font-size:14px}
/* Common footer replaces former divergent footer markup */
body .xs-footer{background:#061522!important;color:#c6d9e2!important;margin:0!important;padding:65px 0 0!important}body .xs-footer-inner{width:min(1160px,calc(100% - 44px));margin:auto}body .xs-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:32px}body .xs-footer h3{color:#f4ffff!important;font-size:15px!important;margin-bottom:15px}body .xs-footer a{display:block;color:#b6d0d8;text-decoration:none;font-size:13px;padding:5px 0}body .xs-footer a:hover{color:#8dece1}body .xs-footer p{color:#a9c1ce;font-size:13px;line-height:1.7;margin:12px 0}body .xs-footer-mark{font-size:34px;font-weight:900;color:#80e5db;line-height:1.05}body .xs-footer-mark span{font-size:14px;font-weight:800;color:white;margin-left:8px}body .xs-footer-small{color:#81dfd3!important;font-weight:750}body .xs-footer a.xs-footer-contact{color:#91e9dc;font-weight:750}body .xs-footer-bottom{margin-top:47px;padding:20px 0;border-top:1px solid #275063;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#92abb8}
/* Consistency for old page header and generic cards */
body section.bg-gradient-to-br.from-indigo-900,body section.bg-gradient-to-r.from-indigo-900{background:linear-gradient(120deg,#071625,#194558)!important}body .text-indigo-600,body .text-purple-600{color:#0c9593!important}body .border-indigo-500,body .border-purple-500{border-color:#1aa8a0!important}body .bg-indigo-600,body .bg-purple-600{background-color:#0e9896!important}body .from-indigo-50{--tw-gradient-from:#eaf6f7!important}body .to-purple-50{--tw-gradient-to:#f0f8f7!important}body .bg-indigo-50,body .bg-purple-50{background-color:#e8f5f5!important}body .btn-primary{background:#109c99!important}body .badge{background:#e5f6f4!important;color:#087f80!important}body .section{padding-top:78px;padding-bottom:78px}body .container{max-width:1160px!important}body .footer,body .footer a{box-sizing:border-box}body .tech-card{border:1px solid #e2ebef}
@media(max-width:1080px){body .xs-nav .xs-brand-name{display:none}body .xs-nav .nav-links{gap:13px}.xs-service-grid{grid-template-columns:repeat(2,1fr)}.xs-offer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){body .xs-nav .mobile-menu-btn{display:block!important}body .xs-nav .nav-links{display:none;position:absolute;left:0;right:0;top:82px;background:#081b2c;padding:18px 23px!important;box-shadow:0 18px 30px #0005;flex-direction:column;align-items:stretch;gap:0}body .xs-nav .nav-links.active{display:flex!important}body .xs-nav .nav-links li{width:100%}body .xs-nav .nav-links a{display:block;padding:13px 3px!important}.xs-hero-layout{grid-template-columns:1fr}.xs-hero-art{display:none}.xs-hero{padding:68px 0 78px;min-height:auto}.xs-offer-grid,.xs-process-grid{grid-template-columns:repeat(2,1fr)}body .xs-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.xs-shell{width:calc(100% - 32px)}.xs-hero h1{font-size:38px}.xs-hero-actions .xs-button{width:100%}.xs-service-grid,.xs-offer-grid,.xs-process-grid{grid-template-columns:1fr}.xs-section-top{display:block}.xs-text-link{display:inline-flex;margin-top:20px}.xs-offer-bottom{align-items:stretch;flex-direction:column}.xs-offer-bottom .xs-button{width:100%}body .xs-footer-grid{grid-template-columns:1fr}body .xs-footer-bottom{display:block}body .xs-footer-bottom span{display:block;margin-bottom:9px}body .section{padding-top:52px;padding-bottom:52px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}