/* CORNNECT universe: restrained light, slow movement, clear content. */
:root{--cream:#050918;--ink:#edf1ff;--blue:#91b9ff;--orange:#ef8651;--muted:#a1adc5;--line:#93b3f025;--green:#7ac9a6}
body{background:radial-gradient(ellipse at 75% 45%,#0b1730 0,transparent 40%),#050918}
header{background:#050918dc;border-color:#acc5ff1c;height:88px}
header .logo img,.foot .logo img{filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen}
nav{color:#c3cce1}nav a:hover,nav a[aria-current=page]{color:#fff}
.btn{background:#2968db;border:1px solid #8fb6ff40;border-radius:8px;box-shadow:0 0 22px #2866dd18;transition:background .2s,transform .2s}
.btn.orange{background:#bf542c;border-color:#f2a57560;box-shadow:0 0 26px #dd612025}
.btn.outline{color:#eff4ff;border-color:#a5c5ff60;background:#0c1b3b55;backdrop-filter:blur(12px)}
.btn.light{background:#edf3ff;color:#113970}.menu,.close{color:var(--ink)}
.eyebrow{color:#96bcff}.small{color:#a1adc5}.text-link{color:#dce9ff}
.universe-hero{position:relative;isolation:isolate;overflow:hidden;min-height:765px;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid var(--line);background:#050918}
.universe-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.universe-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#05091822 0%,#05091811 45%,#050918c9 85%,#050918 100%),radial-gradient(ellipse at 48% 34%,#01071770,transparent 64%)}
.star-layer{position:absolute;inset:-15%;background-repeat:repeat;animation:star-drift 34s linear infinite alternate;opacity:.65}
.stars-far{background-image:radial-gradient(1px 1px at 24px 38px,#d7e9ff 98%,transparent),radial-gradient(1px 1px at 164px 126px,#bdd8ff 98%,transparent),radial-gradient(1.4px 1.4px at 90px 190px,#edf4ff 98%,transparent);background-size:277px 243px;animation-duration:55s;opacity:.35}
.stars-near{background-image:radial-gradient(1.6px 1.6px at 74px 82px,#fff 98%,transparent),radial-gradient(1px 1px at 280px 216px,#c4ddff 98%,transparent);background-size:419px 359px;filter:drop-shadow(0 0 3px #9ac7ff)}
@keyframes star-drift{from{transform:translate(-1%,-1%)}to{transform:translate(3%,4%)}}
.hero-content{position:relative;width:100%;padding-top:65px;padding-bottom:114px}
.hero-content .eyebrow{justify-content:center;font-size:10px;letter-spacing:.22em;margin-bottom:28px;color:#c4d7fb}
.hero-content .eyebrow:before{display:none}.signal{width:6px;height:6px;border-radius:50%;background:#acdfff;box-shadow:0 0 12px #67afff}
.hero-content h1{font-size:clamp(62px,7.2vw,108px);font-weight:600;letter-spacing:-.065em;line-height:1.04;text-shadow:0 2px 35px #03071950}
.hero-content h1 em{font-style:normal;background:linear-gradient(100deg,#c2e8ff 5%,#79b6ff 55%,#b59cff);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 25px #376fd030)}
.hero-content>p{font-size:17px;line-height:1.8;color:#c1cce1;margin:27px auto 30px;max-width:540px}
.hero-content .actions{justify-content:center}.hero-content .btn{padding:17px 27px;min-width:160px}
.hero-solutions{display:flex;justify-content:center;gap:0;margin:52px auto 0;max-width:570px;border:1px solid #94b8fb35;border-radius:10px;background:#0a16306b;backdrop-filter:blur(14px);box-shadow:0 10px 35px #02061735}
.hero-solutions a{position:relative;text-align:left;padding:18px 26px 18px 45px;flex:1;font-size:13px;font-weight:700;transition:background .2s}
.hero-solutions a:hover{background:#87b3ff14}.hero-solutions a+a{border-left:1px solid #94b8fb25}.solution-type{display:block;margin-top:5px;font-weight:400;font-size:10px;color:#b4c4df}.solution-dot{position:absolute;width:6px;height:6px;border-radius:50%;top:24px;left:27px}.dining-dot{background:#ec8957;box-shadow:0 0 10px #e2673170}.mart-dot{background:#7ac9a6;box-shadow:0 0 10px #4abc9470}
.hero-baseline{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;color:#8d9db9;font-size:9px;letter-spacing:.16em}
.motion-toggle{display:flex;align-items:center;gap:9px;border:1px solid #90b3ee30;border-radius:20px;background:#081126a8;color:#bdcde5;padding:9px 14px;font-size:10px;letter-spacing:.02em;backdrop-filter:blur(12px)}
.motion-toggle:hover{border-color:#abcfff90;color:white}.motion-icon{font-size:12px;min-width:12px}.motion-paused .universe-scene *{animation-play-state:paused!important}
.ribbon{background:#071024;color:#b2bdd3;font-size:11px;letter-spacing:.01em;border-top:0}.ribbon b{color:#739ee5;margin-right:6px}
.product{border-color:#90b4e52e;box-shadow:0 15px 50px #0002}.product.dining{background:linear-gradient(130deg,#3d211a90,#141421 70%)}.product.mart{background:linear-gradient(130deg,#163b3290,#101b28 70%)}
.product .number{color:#9ca8bc}.product p{color:#aeb6c5}.product li{border-color:#ab856753;color:#cfbdac}.product.mart li{border-color:#75ae8e40;color:#adcebc}.product-logo{mix-blend-mode:normal;background:white;border-radius:6px;width:194px;height:74px;object-fit:contain;padding:5px;margin:-9px 0 0}
.workflow{background:#0c1426;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{border-color:#93b3f030}.step .num{color:#91baff}
.chat{background:linear-gradient(140deg,#152746,#0b1426);border-color:#82b0ed40;box-shadow:0 0 80px #2256a312}.chat-top{border-color:var(--line)}.question{background:#1c3355;color:#e0eaff}.answer .rank{border-color:var(--line)}.chat small.caption{color:#95a6c3}.demo-switch button[aria-pressed=true]{background:#285fc1}.tag span{color:#88b4fa}
.cta{background:radial-gradient(ellipse at 100% 0,#354ba170,transparent 65%),#10254a;border:1px solid #7fafff40;box-shadow:0 10px 65px #18418810}.cta h2{letter-spacing:-.04em}.foot-bottom{color:#8d9bb2}
.visual:before{background:radial-gradient(ellipse,#33549550,transparent 65%);border:1px solid #83a5f021}.pos{color:#212b35;box-shadow:0 15px 80px #437ee52c;border-color:#657695}.pos-top b,.food small{color:#be4d26}.tabs span:first-child,.order .send{background:#be4d26}.float{background:#10203b;color:#dce7ff;border-color:#7a9fd746;box-shadow:0 15px 40px #0003}.sample{color:#8e9db8}
.notice{background:#18382b70;color:#b8dfc9;border-color:#70ad8a40}dialog{background:#0c1629;border:1px solid #82a7ea40;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#010613c9}input,select,textarea{background:#071020;border-color:#617da657;color:#eff5ff}.skip:focus{color:#10203b}#formStatus{color:#9fc1ff}
@media(min-width:1600px){.universe-hero{min-height:825px}.hero-content{padding-top:85px;padding-bottom:135px}}
@media(max-width:760px){header{height:78px}nav{background:#080f23f7}.universe-hero{min-height:730px}.hero-content{padding-top:66px;padding-bottom:115px}.hero-content h1{font-size:clamp(51px,10.9vw,78px)}.hero-content .eyebrow{font-size:8px;letter-spacing:.14em;gap:8px;margin-bottom:27px}.hero-content>p{font-size:14px;margin:25px auto 28px}.hero-content .btn{font-size:12px;padding:15px 19px;min-width:140px}.galaxy-photo{background-position:63% center}.hero-solutions{margin-top:44px;max-width:430px}.hero-solutions a{font-size:11px;padding:16px 14px 16px 30px}.solution-dot{left:16px;top:21px}.solution-type{font-size:9px}.hero-baseline{left:5vw;right:5vw;bottom:24px;gap:15px}.hero-baseline>span{font-size:7px;letter-spacing:.1em;max-width:140px;line-height:1.6}.motion-toggle{font-size:9px;padding:8px 11px;flex-shrink:0}.ribbon{font-size:10px}.product .number{font-size:9px}.product-logo{width:178px;height:68px}.product.mart .product-word{font-size:24px}}
@media(max-width:370px){.hero-content .eyebrow{font-size:7px;letter-spacing:.1em}.hero-content h1{font-size:48px}.hero-solutions a{padding-right:8px;font-size:10px}.solution-type{font-size:8px}.hero-content .btn{min-width:130px}}
@media(prefers-reduced-motion:reduce){.universe-scene *{animation:none!important;will-change:auto}.btn{transition:none}.hero-solutions a{transition:none}}

/* Connected Earth direction, based on the owner's visual reference. */
.universe-hero{text-align:left;min-height:735px}
.universe-scene:after{background:linear-gradient(90deg,#030917de 0%,#030917a8 24%,#03091720 54%,transparent 75%),linear-gradient(180deg,#05091810 55%,#050918 100%)}
.earth-stage{position:absolute;inset:-3%;animation:earth-drift 28s ease-in-out infinite alternate;will-change:transform}
.earth-art,.connection-streams{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.connection-streams{overflow:visible}.connection-track{fill:none;stroke:#8acbff;stroke-width:1;opacity:.22}
.connection-pulse{fill:none;stroke:#d7f6ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 98;filter:drop-shadow(0 0 5px #6fc7ff);animation:connection-flow 7s linear infinite}
.connection-node{fill:#e4f7ff;filter:drop-shadow(0 0 6px #68caff);animation:node-glow 4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
@keyframes earth-drift{from{transform:scale(1.01) translate(0,0)}to{transform:scale(1.065) translate(-.4%,.5%)}}
@keyframes connection-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes node-glow{from{opacity:.4;transform:scale(.7)}to{opacity:1;transform:scale(1.25)}}
.hero-content{padding-top:82px;padding-bottom:112px}
.hero-content .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:.19em;margin-bottom:27px}
.hero-content h1{font-size:clamp(58px,7vw,98px);line-height:1.07;max-width:620px}
.hero-content h1>span{display:block;font-size:.62em;font-weight:500;letter-spacing:-.045em;margin-bottom:7px}
.hero-content h1 em{display:block;font-weight:700;background:linear-gradient(110deg,#fff 5%,#d4eaff 47%,#7eb6ff);background-clip:text;-webkit-background-clip:text}
.hero-content>p{margin:25px 0 29px;font-size:15px;color:#bbcce6;max-width:440px}
.hero-content .actions{justify-content:flex-start}.hero-content .btn{min-width:150px}
.hero-solutions{margin:51px 0 0;max-width:475px;background:#081a345e;backdrop-filter:blur(16px)}
.hero-solutions a{padding-right:18px;padding-left:36px;font-size:12px}.solution-dot{left:20px}.hero-solutions .solution-type{font-size:10px}
@media(min-width:1600px){.universe-hero{min-height:805px}.hero-content{padding-top:100px;padding-bottom:130px}}
@media(max-width:1050px) and (min-width:761px){.hero-content h1{font-size:76px}.hero-solutions{max-width:445px}.universe-scene:after{background:linear-gradient(90deg,#030917ec,#03091770 45%,transparent 85%),linear-gradient(0deg,#050918,transparent 40%)}}
@media(max-width:760px){.universe-hero{min-height:850px;align-items:flex-start}.hero-content{padding-top:48px;padding-bottom:345px}.hero-content .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:24px}.hero-content h1{font-size:clamp(62px,12.7vw,88px)}.hero-content h1>span{font-size:.64em}.hero-content>p{font-size:13px;margin:20px 0 24px}.hero-content .btn{font-size:12px;padding:15px 18px;min-width:140px}.earth-stage{top:275px;left:-35%;right:-18%;bottom:-3%;}.universe-scene:after{background:linear-gradient(180deg,#050918 0%,#050918f2 24%,#05091822 49%,#05091800 72%,#050918 100%)}.hero-solutions{position:absolute;top:560px;left:5vw;right:5vw;max-width:475px;margin:0;background:#06132abd}.hero-solutions a{font-size:11px;padding:17px 14px 17px 31px}.solution-dot{left:16px}.hero-solutions .solution-type{font-size:9px}.hero-baseline{bottom:24px}.stars-near{opacity:.3}}
@media(max-width:370px){.hero-content h1{font-size:60px}.hero-content .eyebrow{font-size:7px}.hero-content .btn{min-width:130px}.hero-solutions a{font-size:10px}.hero-solutions .solution-type{font-size:8px}}
@media(max-width:760px){.hero-content{margin:0 auto}.universe-hero{min-height:800px}}