/**
 * File Description: Front-end styling for the XimmiX marketing website generated by XimmiX Site Builder.
 * By: ChatGPT / OpenAI
 * Version: 2.1.0
 */
:root{--xbg:#03050d;--xpanel:#090d19;--xpanel2:#0c1020;--xline:rgba(130,100,255,.25);--xtext:#f8f9ff;--xmuted:#aeb6c8;--xpurple:#8e43ff;--xblue:#2e7cff;--xcyan:#27c0ff}
body.xmx-site-page{background:var(--xbg)!important;color:var(--xtext)}
body.xmx-site-page #main,body.xmx-site-page .main_color,body.xmx-site-page .container_wrap,body.xmx-site-page .content{background:var(--xbg)!important}
body.xmx-site-page .title_container{display:none!important}
body.xmx-site-page #header_main{background:rgba(3,5,13,.97)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
body.xmx-site-page #header .avia-menu-text,body.xmx-site-page #header a{color:#f7f8ff!important}
body.xmx-site-page #header .current-menu-item>a .avia-menu-text,body.xmx-site-page #header a:hover .avia-menu-text{color:#9464ff!important}
body.xmx-site-page #footer,body.xmx-site-page #socket{background:#02030a!important;border-color:rgba(255,255,255,.06)!important}
body.xmx-site-page .container{max-width:1310px}
.xmx-breakout{width:100vw;margin-left:calc(50% - 50vw);background:radial-gradient(circle at 72% 8%,rgba(91,44,206,.13),transparent 25%),radial-gradient(circle at 18% 23%,rgba(30,65,164,.11),transparent 27%),var(--xbg);overflow:hidden}
.xmx-wrap{max-width:1280px;margin:0 auto;padding:0 34px 72px;font-family:Arial,Helvetica,sans-serif;color:var(--xtext)}
.xmx-kicker,.xmx-section-heading>span,.xmx-detail small,.xmx-case small,.xmx-cta small,.xmx-contact-side small{display:inline-block;color:#aa7cff;font-size:12px;letter-spacing:1.65px;font-weight:800}
.xmx-hero{display:grid;grid-template-columns:.84fr 1.16fr;gap:38px;align-items:center;min-height:650px;padding:58px 0 55px}
.xmx-hero-copy{position:relative;z-index:10}
.xmx-hero h1,.xmx-inner-hero h1,.xmx-page-title h1{font-size:clamp(44px,4.3vw,67px);line-height:1.04;letter-spacing:-2.6px;margin:17px 0 20px;color:#fff;font-weight:800}
.xmx-hero h1 span,.xmx-page-title h1 span{background:linear-gradient(90deg,#984cff,#357aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.xmx-lead{font-size:18px;line-height:1.6;color:#bcc3d2;max-width:650px;margin:0}
.xmx-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}.xmx-actions i{font-style:normal;margin-left:12px}
.xmx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid rgba(142,81,255,.48);border-radius:8px;text-decoration:none!important;color:#fff!important;font-weight:700;transition:.2s ease}
.xmx-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(75,45,190,.2)}
.xmx-btn-primary{background:linear-gradient(100deg,#7026f4,#2c79ff)}.xmx-btn-secondary{background:rgba(5,8,18,.72)}
.xmx-trust{display:flex;gap:25px;margin-top:29px;color:#abb4c8;font-size:13px;flex-wrap:wrap}.xmx-trust span:first-letter{color:#5f8cff}
.xmx-hero-stage{position:relative;height:515px;min-width:0;perspective:1200px}
.xmx-stage-glow{position:absolute;left:8%;right:2%;bottom:2%;height:90px;background:radial-gradient(ellipse at center,rgba(61,81,255,.43),transparent 66%);filter:blur(20px)}
.xmx-screen{position:absolute;background:linear-gradient(160deg,#0b1020,#050813 76%);border:1px solid rgba(123,93,255,.42);border-radius:13px;box-shadow:0 28px 75px rgba(0,0,0,.55),inset 0 0 40px rgba(58,36,150,.08);color:#eef2ff;padding:17px;overflow:hidden}
.xmx-screen-accounting{width:42%;height:345px;left:0;top:45px;transform:rotateY(8deg) rotateZ(-1deg)}.xmx-screen-it{width:41%;height:345px;right:0;top:52px;transform:rotateY(-8deg) rotateZ(1deg)}
.xmx-screen-head{display:flex;justify-content:space-between;font-size:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.xmx-stat-row{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:13px}.xmx-stat-row>div,.xmx-it-stats>div{background:#0e1326;border:1px solid rgba(255,255,255,.05);padding:10px;border-radius:8px}.xmx-stat-row small,.xmx-it-stats small{display:block;color:#818ca4;font-size:8px}.xmx-stat-row strong{display:block;font-size:18px;margin:5px 0}.xmx-stat-row em{font-size:8px;color:#35d780;font-style:normal}.xmx-stat-row svg{width:100%;height:44px}.xmx-stat-row polyline{fill:none;stroke:#7f64ff;stroke-width:2}
.xmx-list{margin-top:13px;background:#090d1a;padding:9px;border-radius:8px}.xmx-list span{display:grid;grid-template-columns:1fr auto auto;gap:7px;padding:7px 2px;border-bottom:1px solid rgba(255,255,255,.04);font-size:8px;color:#aeb7cb}.xmx-list i{color:#36d77e;font-style:normal}.xmx-list i.pending{color:#f6b53c}
.xmx-it-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.xmx-it-stats strong{font-size:16px;display:block;margin-top:4px}.xmx-health,.xmx-integrations{display:grid;gap:7px;margin-top:13px;background:#090d1a;padding:11px;border-radius:8px;font-size:8px}.xmx-health b,.xmx-integrations b{font-size:10px;margin-bottom:3px}.xmx-health span,.xmx-integrations span{display:flex;justify-content:space-between;color:#9ca8bd}.xmx-health i,.xmx-integrations i{font-style:normal;color:#3ad77f}
.xmx-phone{position:absolute;z-index:5;width:218px;height:442px;left:50%;top:20px;transform:translateX(-50%) rotate(6deg);border:5px solid #272635;border-radius:35px;background:linear-gradient(180deg,#0e0b2d,#080a1a 54%,#050711);box-shadow:0 34px 70px rgba(0,0,0,.7),0 0 36px rgba(117,70,255,.35);padding:14px 14px 16px;color:#fff}
.xmx-phone:before{content:"";position:absolute;top:6px;left:50%;width:75px;height:18px;transform:translateX(-50%);background:#050509;border-radius:0 0 13px 13px}
.xmx-phone-top{display:flex;justify-content:space-between;font-size:7px;padding:1px 6px 10px}.xmx-phone-title{text-align:center;font-size:19px;font-weight:700;margin:8px 0 15px}.xmx-phone-title small{display:block;font-size:8px;color:#b0b4cb;font-weight:400;margin-top:4px}.xmx-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xmx-phone-grid>div{min-height:76px;background:#11162f;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:4px}.xmx-phone-grid>div.alert{background:#341329}.xmx-phone-grid b{font-size:18px;color:#698cff}.xmx-phone-grid .alert b{color:#ff6679}.xmx-phone-grid strong{font-size:9px}.xmx-phone-grid small{font-size:7px;color:#5db8ff}.xmx-sos{display:flex;align-items:center;gap:9px;background:#0c1021;border-radius:8px;padding:9px;margin-top:9px;font-size:8px}.xmx-sos b{background:#e63648;border-radius:6px;padding:6px;color:#fff}.xmx-upcoming{display:grid;gap:3px;margin-top:10px;background:#11132c;border-radius:8px;padding:10px}.xmx-upcoming small,.xmx-upcoming span{font-size:7px;color:#939db3}.xmx-upcoming b{font-size:9px}
.xmx-section-heading{text-align:center;margin-bottom:28px;position:relative}.xmx-section-heading h2,.xmx-cta h2,.xmx-detail h2,.xmx-case h2,.xmx-contact h2{font-size:31px;color:#fff;margin:8px 0;letter-spacing:-1px}.xmx-section-heading.xmx-left{text-align:left}.xmx-section-heading.xmx-left>a{position:absolute;right:0;bottom:9px;color:#9f6cff;text-decoration:none;font-size:13px}
.xmx-services{padding:35px 0 52px}.xmx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.xmx-card{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(180deg,rgba(11,15,30,.96),rgba(6,9,18,.96));border:1px solid rgba(114,94,205,.28);border-radius:12px;padding:25px;text-decoration:none!important;color:#fff!important;transition:.2s}.xmx-card:hover{transform:translateY(-3px);border-color:rgba(151,89,255,.6)}.xmx-card h3{font-size:17px;margin:0 0 9px;color:#fff}.xmx-card p{font-size:13px;line-height:1.55;color:#aab3c6;margin:0 0 10px}.xmx-card b{color:#9f6cff;font-size:12px}.xmx-icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:radial-gradient(circle at 35% 30%,#9b4bff,#1d337f 75%);border:1px solid #6551db}
.xmx-showcase{padding:35px 0 58px}.xmx-project-grid{gap:17px}.xmx-project{overflow:hidden;border:1px solid rgba(120,94,205,.25);border-radius:12px;background:#070a15;text-decoration:none!important;color:#fff!important;transition:.2s}.xmx-project:hover{transform:translateY(-4px);border-color:rgba(151,89,255,.6)}.xmx-project-image{height:220px;overflow:hidden;background:linear-gradient(145deg,#090e22,#080916)}.xmx-project-image.xmx-purple-image{background:radial-gradient(circle at 55% 35%,#512297,#130b2b 55%,#060712)}.xmx-project-image img{width:100%;height:100%;object-fit:contain;display:block}.xmx-project-copy{display:flex;gap:12px;padding:17px}.xmx-project-copy>span{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#6f35ff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.xmx-project-copy h3{font-size:16px;margin:1px 0 4px;color:#fff}.xmx-project-copy p{font-size:12px;color:#aab3c6;margin:0 0 7px}.xmx-project-copy small{color:#a676ff;background:#12132c;padding:4px 7px;border-radius:4px}
.xmx-why{padding:15px 0 40px}.xmx-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.xmx-grid-5>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.xmx-grid-5 b{grid-row:1/3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#101940;color:#6691ff}.xmx-grid-5 strong{font-size:12px}.xmx-grid-5 p{font-size:10px;line-height:1.4;color:#9aa5ba;margin:3px 0}
.xmx-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:30px 0 0;padding:30px 38px;border:1px solid rgba(117,89,240,.28);border-radius:15px;background:radial-gradient(circle at 92% 10%,rgba(111,31,221,.32),transparent 38%),linear-gradient(90deg,#071127,#18092d)}.xmx-cta h2{margin:5px 0}.xmx-cta p{color:#b6bfd0;margin:0;max-width:600px}.xmx-cta .xmx-actions{margin:0}
.xmx-inner-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:560px;padding:75px 0 50px}.xmx-inner-art{min-height:380px;display:flex;align-items:center;justify-content:center;position:relative}.xmx-inner-art:before{content:"";position:absolute;width:80%;height:80%;background:radial-gradient(circle,rgba(91,50,230,.28),transparent 65%);filter:blur(18px)}.xmx-inner-art img{position:relative;width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 25px 55px rgba(0,0,0,.5))}.xmx-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px;border:1px solid rgba(117,93,214,.22);border-radius:14px;background:#080b17}.xmx-feature{display:flex;gap:10px;align-items:center;color:#dfe4f1}.xmx-feature span{color:#8d67ff}.xmx-feature b{font-size:13px}.xmx-details{padding:65px 0}.xmx-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.06)}.xmx-detail-flip>div:first-child{order:2}.xmx-detail p{font-size:17px;line-height:1.65;color:#adb6c8;max-width:600px}.xmx-detail-art{height:220px;border-radius:18px;border:1px solid rgba(126,91,255,.27);background:radial-gradient(circle at 40% 45%,rgba(104,54,238,.4),transparent 35%),linear-gradient(145deg,#0b1022,#060812);display:flex;align-items:center;justify-content:center}.xmx-detail-art span{font-size:70px;font-weight:800;color:#8858ff;text-shadow:0 0 30px rgba(121,76,255,.5)}
.xmx-page-title{padding:110px 0 55px;max-width:850px}.xmx-work-grid{padding:20px 0 90px}.xmx-case{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:55px 0 80px}.xmx-case p{font-size:18px;line-height:1.7;color:#b6bfd0}.xmx-case ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.xmx-case li{padding:16px 18px;border:1px solid rgba(119,91,210,.23);border-radius:10px;background:#090c18;color:#d8deec}.xmx-about-art{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.xmx-code-card{padding:24px;border-radius:14px;border:1px solid rgba(119,91,210,.24);background:#080b18}.xmx-code-card span{font-size:34px;color:#8a61ff}.xmx-code-card h3{color:#fff;margin:12px 0 6px}.xmx-code-card p{color:#aab3c7;font-size:13px}.xmx-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:20px 0 90px}.xmx-contact-main,.xmx-contact-side{padding:35px;border:1px solid rgba(119,91,210,.25);border-radius:14px;background:#090c18}.xmx-contact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xmx-contact-options span{padding:16px;border-radius:9px;background:#0d1121;color:#dce2ef;border:1px solid rgba(255,255,255,.06)}.xmx-contact-side p{color:#acb5c7;line-height:1.6}
@media(max-width:1100px){.xmx-hero{grid-template-columns:1fr}.xmx-hero-stage{max-width:780px;width:100%;margin:0 auto}.xmx-grid-5{grid-template-columns:repeat(3,1fr)}.xmx-inner-hero{grid-template-columns:1fr}.xmx-inner-art{order:-1}.xmx-case,.xmx-contact{grid-template-columns:1fr}}
@media(max-width:820px){.xmx-wrap{padding-left:20px;padding-right:20px}.xmx-hero{padding-top:45px}.xmx-hero h1,.xmx-inner-hero h1,.xmx-page-title h1{font-size:43px;letter-spacing:-1.7px}.xmx-hero-stage{height:390px;transform:scale(.84);transform-origin:top center;margin-bottom:-55px}.xmx-screen-accounting{left:-4%;width:45%}.xmx-screen-it{right:-4%;width:45%}.xmx-phone{width:200px;height:410px}.xmx-grid-3,.xmx-feature-strip,.xmx-grid-5{grid-template-columns:1fr}.xmx-card{padding:21px}.xmx-project-image{height:260px}.xmx-section-heading.xmx-left>a{position:static;display:inline-block;margin-top:8px}.xmx-cta{flex-direction:column;align-items:flex-start;padding:28px}.xmx-detail,.xmx-case{grid-template-columns:1fr}.xmx-detail-flip>div:first-child{order:0}.xmx-contact-options{grid-template-columns:1fr}.xmx-about-art{grid-template-columns:1fr}.xmx-page-title{padding-top:75px}}

/* v2.1 Enfold demo-layout reset for XimmiX-managed pages */
body.xmx-site-page #main > .container_wrap_first,
body.xmx-site-page #main > .container_wrap,
body.xmx-site-page .main_color.container_wrap_first { background:#03050d!important; border-top:0!important; }
body.xmx-site-page .template-page.content { padding-top:0!important; padding-bottom:0!important; }
body.xmx-site-page .template-page .entry-content-wrapper { max-width:none!important; }
body.xmx-site-page .template-page .entry-content-wrapper > * { margin-left:0; margin-right:0; }
body.xmx-site-page .xmx-breakout img { max-width:100%; height:auto; }
body.xmx-site-page #header_main .container { max-width:1310px!important; }
