/* XONNECT V56 — preserve the original Xonect V52 first screen, while allowing the original ticker to scroll into a fixed-background showcase. */
html{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;scroll-behaviour:smooth;}body{height:auto!important;min-height:100%;overflow-x:clip!important;overflow-y:visible!important;}
body.drawer-open {overflow:hidden!important;}
.topbar {position:fixed!important;top:0!important;left:0;right:0;z-index:100!important;background:linear-gradient(145deg,rgba(7,20,30,.86),rgba(12,32,46,.77))!important;backdrop-filter:blur(20px) saturate(132%);-webkit-backdrop-filter:blur(20px) saturate(132%);border-bottom:1px solid rgba(110,200,235,.20);}
.page{height:auto!important;min-height:100svh!important;overflow:visible!important; padding-top:72px;position:relative;}
.intro{height:calc(100svh - 72px - var(--ticker-h,46px))!important;min-height:590px!important;max-width:1540px!important;padding-top:0!important;padding-bottom:0!important;position:relative!important;}
.intro .copy{padding-top:122px!important;position:static!important;}
.intro .eyebrow{position:absolute!important;top:8px!important;left:5vw!important;z-index:18!important;margin:0!important;}
.feature-zone{position:absolute!important;left:5vw!important;bottom:18px!important;transform:none!important;width:min(790px,52vw)!important;z-index:10!important;}
.visual{position:static!important;}
.phone-float{position:absolute!important;right:5vw!important;bottom:18px!important;z-index:11!important;display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:15px!important;width:auto!important;transform:none!important;}
.phone-shell{width:153.75px!important;height:auto!important;aspect-ratio:828/1792!important;margin:0!important;padding:0!important;}
.download-row{width:178px!important;margin:0!important;order:1!important;display:flex!important;flex-direction:column!important;align-self:flex-end!important;gap:10px!important;}
.phone-shell{order:2!important;}
.bottom-message{position:relative!important;inset:auto!important;width:100%!important;z-index:30!important;height:var(--ticker-h,46px)!important;}
.xn-v56-actions a,.xn-v56-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;width:100%;padding:9px 12px;text-decoration:none;border-radius:5px;font-size:12px;line-height:1.1;font-weight:800;letter-spacing:.02em;font-family:inherit;cursor:pointer;text-align:center;transition:filter .2s,transform .2s;}
.xn-v56-actions a:hover,.xn-v56-actions button:hover{filter:brightness(1.12);transform:translateY(-1px);}
.xn-demo-btn{border:1px solid #65e2ff;color:#09233a;background:linear-gradient(100deg,#78e9fa,#36b5f0);box-shadow:0 10px 25px rgba(2,128,255,.17);}
.xn-contact-btn{border:1px solid rgba(142,212,254,.74);color:#e8f7ff;background:rgba(5,30,50,.82);}
.xn-experience{position:relative;isolation:isolate;background:#071523;color:#fff;}
.xn-experience-pin{position:sticky;top:0;left:0;height:100svh;background:linear-gradient(90deg,rgba(3,15,28,.88),rgba(3,16,28,.64)),url('cc/assets/background.png') center /cover no-repeat;z-index:-1;margin-bottom:-100svh;}
.xn-scene-title{position:absolute;top:28%;left:7%;font-size:clamp(40px,6vw,92px);line-height:1.04;font-weight:850;letter-spacing:-.05em;color:rgba(245,251,255,.48);text-shadow:0 5px 30px #010d1b;}.xn-scene-title strong{color:rgba(88,209,251,.63);} .xn-scene-title{opacity:.35;}.xn-scene-orb{position:absolute;right:19%;top:40%;width:clamp(140px,17vw,250px);height:clamp(140px,17vw,250px);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 42% 27%,#78d7f2a3,#08263e 65%,#010b18);border:2px solid #75cff5a6;box-shadow:0 0 50px #00b6ff3a,inset 0 0 40px #001322;color:#70d5f6;font-size:clamp(70px,8vw,135px);font-weight:950;opacity:.7;}.xn-scene-tag{position:absolute;border:1px solid #80dcff44;padding:12px 18px;background:#0b324d88;font-size:10px;letter-spacing:.16em;line-height:1.7;color:#dbf6ff;}.xn-scene-tag b{font-size:11px}.xn-scene-site{top:25%;right:37%}.xn-scene-team{top:35%;right:4%}.xn-scene-tasks{top:77%;right:27%}.xn-experience-content{position:relative;z-index:2;max-width:1220px;margin:auto;padding:calc(100svh * .23) 7vw 18vh;}
.xn-experience-intro{max-width:740px;padding:30px 0 30vh;min-height:90svh;}
.xn-experience-intro h2{font-size:clamp(48px,7.5vw,104px);line-height:1;letter-spacing:-.06em;margin:25px 0;font-weight:800;}
.xn-experience-intro h2 em{font-style:normal;color:#6cddff;}
.xn-eyebrow,.xn-module-number{font-size:11px;letter-spacing:.18em;font-weight:800;color:#7adffc;}
.xn-experience-intro p{max-width:590px;color:#cce2f1;font-size:clamp(16px,1.8vw,21px);line-height:1.65;}
.xn-demo-link,.xn-experience-block a{display:inline-flex;align-items:center;margin-top:20px;color:#75ddff;font-size:13px;text-decoration:none;font-weight:800;letter-spacing:.02em;}
.xn-demo-link:hover,.xn-experience-block a:hover{text-decoration:underline;color:#fff;}
.xn-experience-block{min-height:52svh;max-width:880px;margin:0 0 7svh auto;border:1px solid rgba(143,224,255,.20);border-radius:16px;background:linear-gradient(130deg,rgba(10,34,53,.78),rgba(6,23,38,.69));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 75px rgba(0,0,0,.21);padding:clamp(24px,4vw,50px);display:grid;grid-template-columns:150px 1fr;align-items:center;gap:30px;}
.xn-experience-block:nth-child(even){margin-left:0;margin-right:auto;}
.xn-experience-block h3{font-size:clamp(29px,4vw,49px);letter-spacing:-.035em;line-height:1.1;margin:0 0 18px;}
.xn-experience-block p{color:#c6ddeb;font-size:16px;line-height:1.7;margin:0;}
.xn-footer{min-height:270px;display:grid;grid-template-columns:240px 1fr 1fr;align-items:center;gap:25px;padding:50px 5vw;background:#091b2b;border-top:1px solid #165576;}
.xn-footer img{width:230px;max-width:100%;height:70px;object-fit:contain;object-position:left center;}
.xn-footer>div{display:flex;flex-direction:column;gap:10px;}.xn-footer>div span,.xn-footer small{font-size:13px;color:#a1bed0;}
.xn-footer-links{display:flex;flex-wrap:wrap!important;flex-direction:row!important;gap:8px!important;}
.xn-footer-links button,.xn-footer-links a{font:700 12px Inter,Arial,sans-serif;border:1px solid #386b8b;padding:11px 15px;background:#11334a;color:#e5f7ff;border-radius:5px;text-decoration:none;cursor:pointer;}
.xn-footer small{grid-column:1/-1;}
.xn-contact-overlay[hidden]{display:none!important;}
.xn-contact-overlay{position:fixed;inset:0;z-index:200;background:rgba(1,8,16,.75);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(9px);}
.xn-contact-panel{width:min(540px,100%);position:relative;overflow:auto;max-height:calc(100svh - 30px);border:1px solid rgba(106,210,247,.53);border-radius:14px;background:linear-gradient(135deg,#122d44,#071b2c);box-shadow:0 28px 100px #0009;padding:34px;}
.xn-contact-panel h2{margin:12px 0;font-size:33px}.xn-contact-panel p{color:#c4ddeb;line-height:1.6}.xn-contact-kicker{font-weight:800;letter-spacing:.17em;font-size:11px;color:#76d8f8;}
.xn-contact-panel form{display:grid;gap:12px;margin-top:20px}.xn-contact-panel label{font-size:12px;font-weight:750;color:#b9d8e9;display:grid;gap:7px}.xn-contact-panel input,.xn-contact-panel textarea{width:100%;border:1px solid #3a6988;border-radius:5px;background:#091b2a;color:white;padding:11px;font:400 14px Inter,Arial,sans-serif;}
.xn-contact-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#def9ff;font-size:30px;cursor:pointer}
.xn-contact-submit{cursor:pointer;background:linear-gradient(100deg,#55deee,#198dde);border:0;border-radius:5px;color:#062036;font-size:13px;font-weight:900;padding:15px}.xn-contact-status{font-size:12px!important;margin:0!important;min-height:0}.xn-hidden-hp{position:absolute;left:-10000px;opacity:0;pointer-events:none;}
@media(max-width:1000px){.intro{min-height:660px!important}.intro .copy{padding-top:130px!important}.feature-zone{width:65vw!important;left:3vw!important}.phone-float{right:3vw!important}.visual{opacity:1!important}.xn-experience-block{min-height:360px}}
@media(max-width:650px){.xn-scene-orb{opacity:.4;right:5%}.xn-scene-title{font-size:42px;left:5%;top:28%}.xn-scene-tag{display:none}.topbar{height:64px!important;padding:0 12px!important;gap:8px}.topbar .brand{width:132px!important;height:60px}.topbar .brand img{width:132px!important;max-height:55px!important}.topbar .account-actions{gap:5px!important}.topbar .account-actions button{padding:0 9px!important;font-size:10px!important;min-height:35px;border-radius:5px!important}.page{padding-top:64px!important}.intro{height:1070px!important;min-height:1070px!important;}.intro .copy{padding-top:100px!important}.intro .eyebrow{left:18px!important}.feature-zone{width:calc(100vw - 36px)!important;left:18px!important;bottom:248px!important}.phone-float{right:18px!important;bottom:22px!important;transform:none!important;} .phone-shell{width:95px!important;height:auto!important;aspect-ratio:828/1792!important;}.download-row{width:175px!important}.xn-v56-actions a,.xn-v56-actions button{font-size:11px!important}.xn-experience-content{padding:17vh 18px 8vh}.xn-experience-intro{min-height:82svh}.xn-experience-block{grid-template-columns:1fr;gap:17px;padding:24px;min-height:340px;margin-bottom:30px}.xn-experience-block p{font-size:14px}.xn-footer{grid-template-columns:1fr;gap:14px}.xn-footer small{grid-column:1}.xn-contact-panel{padding:25px 20px;}}