:root{--bg:#050812;--surface:#0c1221;--mint:#79f8ff;--text:#f1f5ff;--muted:#a0acc0;--line:rgba(141,178,231,.17);--violet:#b497ff;--lime:#caff72}
body{background:var(--bg);color:var(--text)}
::selection{background:#79f8ff;color:#050812}
html{scroll-padding-top:106px}
.site-header{position:sticky;top:0;height:82px;background:#050812d9;backdrop-filter:blur(22px);border-bottom-color:#88aee321}
.brand-mark{color:var(--mint);filter:drop-shadow(0 0 10px #79f8ff35)}
.brand-sub{color:#91a0bc}
.desktop-nav a{font-size:12px;color:#b5bfd3;position:relative}
.desktop-nav a::after{content:'';position:absolute;bottom:-10px;left:0;width:0;height:1px;background:var(--mint);transition:width .25s}
.desktop-nav a:hover::after{width:100%}
.button{background:var(--lime);border-color:var(--lime);color:#14200a;min-height:55px;letter-spacing:.1px;border-radius:4px;box-shadow:0 0 24px #caff7212;position:relative;overflow:hidden}
.button::after{content:'';position:absolute;inset:-70%;background:linear-gradient(110deg,transparent 44%,#fff8 50%,transparent 56%);transform:translateX(-100%);transition:transform .65s;pointer-events:none}
.button:hover{background:#dcff9e;box-shadow:0 8px 30px #caff7224}
.button:hover::after{transform:translateX(100%)}
.button-small{min-height:42px;padding:11px 18px;font-size:11px;background:transparent;border-color:#79f8ff55;color:var(--mint);box-shadow:inset 0 0 20px #79f8ff07}
.button-small:hover{background:#79f8ff12;color:#d8fdff;box-shadow:0 0 20px #79f8ff18}
.section-label{font-size:10px;letter-spacing:2px;color:#b1c1dc}
.section-number{color:var(--mint);font-size:9px}
.status-dot{background:var(--mint);box-shadow:0 0 10px #79f8ff80}
h2{font-size:54px;font-weight:500;letter-spacing:-2px}
.text-gradient,.hero h1>span{color:var(--mint);background:linear-gradient(105deg,#e1ffff 0%,#79f8ff 37%,#96afff 72%,#c8a8ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.text-link{font-size:12px}

/* A cinematic orbit above a living field of stars. */
.hero{min-height:840px;background:#050812}
.hero-image{object-position:center 56%;filter:saturate(1.25) hue-rotate(8deg);opacity:.86}
.hero-shade{background:linear-gradient(90deg,#050812f5 0%,#050812c9 27%,#05081242 62%,#05081212 100%),linear-gradient(0deg,#050812 0%,#05081255 30%,transparent 75%)}
.hero::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 88% 22%,#6b3dd528,transparent 36%),radial-gradient(ellipse at 66% 66%,#14dce91a,transparent 38%)}
.starfield{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-content{padding-top:82px;padding-bottom:112px;position:relative}
.hero-eyebrow{font-size:9px;letter-spacing:2.2px;color:#c5e1f3;margin-bottom:30px}
.eyebrow-divider{color:#5a7a9d;padding-inline:4px}
.hero h1{font-size:clamp(78px,7.6vw,114px);font-weight:600;line-height:1.01;letter-spacing:-6px;max-width:850px;text-shadow:0 0 70px #57d9ff0e}
.hero h1>span{display:inline-block;padding-bottom:10px}
.hero p{font-size:15px;line-height:1.9;color:#aebbd1;margin-top:22px}
.hero-actions{gap:30px;margin-top:30px}
.hero-actions>.button{font-size:12px;min-width:205px}
.hero-vision-link{font-size:12px!important;gap:12px;color:#dae4f5}
.hero-vision-link .play-orbit{display:grid;place-items:center;width:39px;height:39px;border:1px solid #b497ff66;border-radius:50%;font-size:18px;color:#d0bfff;box-shadow:inset 0 0 18px #b497ff0e;transition:box-shadow .25s,rotate .3s}
.hero-vision-link:hover .play-orbit{box-shadow:0 0 22px #b497ff36;rotate:45deg}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.orbital-ring{position:absolute;width:760px;height:350px;left:51%;top:20%;border:1px solid #79f8ff20;border-radius:50%;rotate:-27deg;box-shadow:0 -1px 0 #a4eaff2b}
.orbital-ring-two{width:880px;height:380px;left:47%;top:20%;border-style:dashed;border-color:#a9a3ff18;rotate:-31deg;box-shadow:none}
.orbital-marker{position:absolute;left:80%;top:25%;width:8px;height:8px;background:#c6faff;border-radius:50%;box-shadow:0 0 18px 5px #79f8ff80;animation:orbital-beacon 5s ease-in-out infinite}
.hero-caption{bottom:305px;right:5px;padding:15px 18px;background:linear-gradient(110deg,#0a1226bf,#0c142a45);backdrop-filter:blur(12px);border:1px solid #91ccff2e;border-radius:6px}
.hero-caption .crosshair{color:var(--mint);font-size:24px}
.hero-caption>span:nth-child(2){color:#9aafd0;font-size:7px;letter-spacing:1.5px}
.hero-caption b{color:#ddeeff;font-size:11px}
.caption-line{width:30px;background:#79f8ff60}
.hero-pathways{display:grid;grid-template-columns:repeat(3,1fr);margin-top:78px;border:1px solid #7ea5dc33;border-radius:8px;overflow:hidden;background:linear-gradient(110deg,#0e1826c9,#0c1327a6);backdrop-filter:blur(16px);box-shadow:0 20px 70px #0003}
.hero-pathways button{display:flex;align-items:center;gap:17px;padding:23px 24px;background:none;border:0;border-right:1px solid #819dcc26;text-align:left;position:relative;transition:background .25s}
.hero-pathways button:last-child{border-right:0}
.hero-pathways button:hover{background:#79f8ff0b}
.hero-pathways button:focus-visible{outline-offset:-4px}
.pathway-number{align-self:flex-start;font-family:var(--display);font-size:8px;color:#667f9d;margin-top:1px}
.hero-pathways svg{color:var(--mint);width:23px!important;height:23px!important;flex-shrink:0}
.hero-pathways button:nth-child(2) svg{color:var(--violet)}
.hero-pathways button:nth-child(3) svg{color:var(--lime)}
.hero-pathways button>span:not(.pathway-number,.pathway-arrow){font-size:12px;line-height:1.5;color:#dbe7f9;font-weight:600}
.hero-pathways small{display:block;font-size:9px;color:#7f94b0;font-weight:450;margin-top:4px}
.pathway-arrow{color:#8096b6;font-size:18px;margin-left:auto;transition:color .2s,translate .2s}
.hero-pathways button:hover .pathway-arrow{color:var(--mint);translate:2px -2px}
.hero-bottom{bottom:26px}
.scroll-link{font-size:7px;color:#8d9eb6}
.scroll-track{border-color:#79f8ff40;color:var(--mint)}
.hero-motion-toggle{background:#0a1425a6;border-color:#79f8ff2e;color:#a6bfd7;backdrop-filter:blur(8px)}
.values-strip{background:linear-gradient(90deg,#091320,#0f1126,#091320);border-color:#79f8ff21}
.values-strip>.container{min-height:75px;color:#b0bdd4;font-size:9px;letter-spacing:1.9px}
.strip-star{color:var(--violet);font-size:23px}

/* Light, glass and clear hierarchy through the business story. */
.about{position:relative}
.about::before{content:'';position:absolute;top:0;left:0;width:150px;height:1px;background:linear-gradient(90deg,var(--mint),transparent)}
.about h2{font-size:48px;font-weight:500}
.about h2 .muted{color:#6e819f}
.about-copy p{font-size:14px;color:#a2afc6}
.about-copy strong{color:#eef6ff}
.about-copy .text-link{color:#c8faff;font-size:12px}
.principles{border-top:0;gap:18px;margin-top:50px;padding:0}
.principles>div{padding:20px 23px;border:1px solid #839aca24;border-radius:6px;background:linear-gradient(120deg,#111d2b80,#09112140);gap:16px}
.principles span{color:var(--mint)}
.principles>div:nth-child(2) span{color:var(--violet)}
.principles>div:nth-child(3) span{color:var(--lime)}
.principles p{font-size:12px;color:#b9c8df}
.business-section{background:radial-gradient(ellipse at 12% 50%,#075d6d1c,transparent 42%),radial-gradient(ellipse at 90% 35%,#6423b91a,transparent 45%),#080d19;border-color:#8da6df1f}
.business-grid{gap:24px;perspective:1500px}
.business-heading-meta p{color:#98aac7;font-size:13px}
.motion-toggle{border-color:#89adcb33;color:#a9c3d7;font-size:9px}
.business-card{--card-accent:#79f8ff;--card-glow:#79f8ff19;position:relative;isolation:isolate;background:linear-gradient(155deg,#101c2d,#090f1e 70%);border:1px solid #79b1d533;border-radius:12px;transform-style:preserve-3d;transition:transform .35s ease,border-color .35s,box-shadow .35s;box-shadow:0 20px 40px #0002;overflow:hidden}
.business-card:nth-child(2){--card-accent:#b497ff;--card-glow:#b497ff20;border-color:#a493db33}
.business-card:nth-child(3){--card-accent:#caff72;--card-glow:#caff7217;border-color:#b7cb9633}
.business-card::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(400px circle at var(--pointer-x,50%) var(--pointer-y,20%),var(--card-glow),transparent 65%);opacity:0;transition:opacity .35s}
.business-card::after{content:'';position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);box-shadow:0 0 20px var(--card-accent);z-index:4;pointer-events:none}
.business-card:hover,.business-card:focus-within{border-color:var(--card-accent);box-shadow:0 18px 55px #0005,0 0 35px var(--card-glow);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px)}
.business-card:hover::before,.business-card:focus-within::before{opacity:1}
.business-art{height:280px;border-bottom-color:#92b7e12c;background-color:#0b1726}
.business-art .art-label{color:#aac1dc;font-size:7px;letter-spacing:1.6px;top:22px;left:24px}
.business-art .art-footnote{color:#84a7c0;left:24px;bottom:17px;font-size:6px}
.business-art .status-dot{background:var(--card-accent);box-shadow:0 0 7px var(--card-accent)}
.import-art{background:radial-gradient(ellipse at 50% 60%,#16495677,transparent 66%),linear-gradient(#10212f,#091727)}
.trade-visual{top:29px;filter:hue-rotate(40deg) saturate(1.3) drop-shadow(0 12px 15px #0004)}
.import-art::before{border-color:#79f8ff50;top:57%;width:285px;height:130px}
.import-art::after{background:var(--mint);box-shadow:0 0 15px 3px #79f8ff66}
.pos-art{background:radial-gradient(ellipse at 55% 55%,#6f4acb3d,transparent 70%),linear-gradient(#171b36,#111329)}
.pos-window{top:75px;left:25px;right:20px;background:linear-gradient(135deg,#222340,#141a30);border-color:#b497ff70;box-shadow:0 20px 35px #0006,0 0 20px #b497ff1b;transform:perspective(650px) rotateX(5deg) rotateY(-10deg) rotateZ(-4deg)}
.pos-chart i{background:linear-gradient(#d7c4ff,#765bd4);box-shadow:0 -3px 10px #b497ff20}
.pos-top,.pos-title{color:#e0d9f6}
.mini-logo,.mini-badge{color:#d4bcff}
.mini-badge{background:#b497ff22}
.pos-stats b{color:#eeebff}
.pos-stats span{color:#bda3ed}
.bot-art{background:radial-gradient(ellipse at 50% 48%,#648d2440,transparent 68%),linear-gradient(#14251e,#0b1a20)}
.bot-orbits{top:123px;width:176px;height:176px}
.bot-ring{border-color:#caff7244;box-shadow:0 0 10px #caff7206}
.bot-core{inset:53px;border-color:#dcffa79c;background:linear-gradient(135deg,#bddf6a55,#24462a);border-radius:19px}
.bot-core svg{color:#e1ffb8!important;fill:#e1ffb817!important}
.orbit-point{background:#e1ffb6;box-shadow:0 0 15px #caff7299}
.bot-name{top:211px;color:#efffdf;font-size:27px;letter-spacing:-1.3px}
.bot-name>span:first-child,.bot-cursor{color:var(--lime)}
.business-copy{padding:29px 26px 23px}
.card-index{color:#94a5c1;font-size:8px;letter-spacing:1px}
.free-label{color:#d2bcff;border-color:#b497ff66;background:#b497ff0c}
.business-copy h3{color:#f0f4ff;font-size:25px;line-height:1.3;letter-spacing:-.7px;margin-top:15px}
.business-copy p{color:#9eafc8;font-size:12px;line-height:1.9;min-height:91px}
.card-link{color:#cbd9ed;font-size:11px;border-top-color:#94a7ce26;padding-top:20px;margin-top:21px}
.card-link svg{color:var(--card-accent)!important;width:18px!important;height:18px!important;transition:translate .2s}
.card-link:hover{color:var(--card-accent)}
.card-link:hover svg{translate:3px -3px}

.connect-section{background:radial-gradient(ellipse at 90% 80%,#7750d33b,transparent 50%),radial-gradient(ellipse at 12% 50%,#148da324,transparent 40%),#0b1022;border-color:#79f8ff2b}
.connect-grid{background-image:linear-gradient(#94b9ff09 1px,transparent 1px),linear-gradient(90deg,#94b9ff09 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000);transform:perspective(500px) rotateX(20deg) scale(1.2);transform-origin:center bottom}
.connect-content{padding-block:85px}
.connect-content>.section-label{color:#a6cbe6}
.connect-content h2{font-size:84px;font-weight:500;line-height:1.04;letter-spacing:-4px}
.connect-content h2 span{background:linear-gradient(100deg,#79f8ff,#b497ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.connect-bottom p{color:#a7b8d4;font-size:13px}
.connect-actions .button{font-size:12px}
.connect-actions .text-link{color:#bdc7df;font-size:10px}
.site-footer{background:var(--bg)}
.footer-top p,.footer-bottom{color:#8192b0}
.footer-phone{color:#c4f8ff}
.detail-dialog{background:radial-gradient(ellipse at right top,#643d9b2c,transparent 70%),#0c1527;border-color:#79f8ff45;box-shadow:0 30px 100px #0009,0 0 50px #79f8ff10;border-radius:14px}
.detail-dialog h2{font-weight:500;color:#f0f5ff}
.detail-dialog>p{font-size:13px;color:#aebbd2}
.dialog-top .section-label{color:#93e8ee}
.service-note{color:#bcc8e0;background:#79f8ff05;border-color:#84b4df24}

/* A short entrance gives the opening a sense of arrival. */
.hero-eyebrow{animation:arrival 800ms both}
.hero h1{animation:arrival 1s .1s both}
.hero-content>p{animation:arrival 1s .2s both}
.hero-actions{animation:arrival 1s .3s both}
.hero-pathways{animation:arrival 1s .45s both}
@keyframes arrival{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes orbital-beacon{0%,100%{opacity:.5;scale:.8}50%{opacity:1;scale:1.1}}

@media(min-width:1600px){.hero{min-height:900px}.hero-content{padding-top:100px}.hero h1{font-size:120px}.hero-pathways{margin-top:100px}}
@media(max-width:1100px){.hero h1{font-size:88px;letter-spacing:-5px}.hero{min-height:820px}.hero-caption{bottom:300px;right:0}.hero-pathways button{padding:20px 17px;gap:12px}.hero-pathways button>span:not(.pathway-number,.pathway-arrow){font-size:10px}.hero-pathways small{font-size:8px}.pathway-number{display:none}.hero-pathways{margin-top:80px}.business-copy{padding-inline:19px}.business-copy h3{font-size:22px}.card-index{font-size:6px}.business-art{height:265px}.bot-name{top:203px}.pos-window{left:15px;right:12px}.connect-content h2{font-size:72px}.principles>div{padding:17px 15px}.principles p{font-size:10px}}
@media(max-width:760px){
  html{scroll-padding-top:87px}.site-header{height:72px}.mobile-menu{top:72px;background:#0c1528f5;backdrop-filter:blur(20px)}
  .hero{min-height:0}.hero-content{padding-top:49px;padding-bottom:95px}.hero h1{font-size:clamp(49px,11.6vw,76px);letter-spacing:-2.8px;line-height:1.06}.hero h1>span{padding-bottom:4px}
  .hero-eyebrow{font-size:6px;letter-spacing:1.5px;gap:7px;margin-bottom:25px}.eyebrow-divider{padding-inline:1px}.hero p{font-size:12px;line-height:1.9;margin-top:21px}
  .hero-image{height:78%;top:22%;object-position:68% 100%;opacity:.76}.hero-shade{background:linear-gradient(180deg,#050812 3%,#050812ed 22%,#05081212 51%,#050812 100%),linear-gradient(90deg,#05081250,transparent)}
  .hero-actions{margin-top:25px;gap:19px}.hero-actions>.button{min-width:0;font-size:10px;gap:18px;min-height:49px;padding:14px 18px}.hero-vision-link{font-size:10px!important;gap:8px}.hero-vision-link .play-orbit{width:29px;height:29px;font-size:14px}
  .orbital-ring{width:600px;height:200px;left:8%;top:36%;rotate:-25deg}.orbital-ring-two{left:2%;top:36%;width:670px;height:220px}.orbital-marker{left:82%;top:39%;width:5px;height:5px}
  .hero-caption{position:relative;bottom:auto;right:auto;width:fit-content;margin:67px 0 35px auto;padding:10px 14px;gap:10px;background:#0a12268c}.hero-caption b{font-size:9px}.hero-caption>span:nth-child(2){font-size:6px}.hero-caption .crosshair{font-size:19px}.caption-line{width:20px}
  .hero-pathways{grid-template-columns:1fr;margin-top:0;border-radius:7px;background:#081324c9}.hero-pathways button{padding:14px 17px;border-right:0;border-bottom:1px solid #819dcc26;gap:15px}.hero-pathways button:last-child{border-bottom:0}.pathway-number{display:block;font-size:7px;align-self:center;margin:0}.hero-pathways button>span:not(.pathway-number,.pathway-arrow){font-size:11px}.hero-pathways small{font-size:8px;margin-top:2px}.hero-pathways svg{width:19px!important;height:19px!important}.pathway-arrow{font-size:16px}
  .hero-bottom{bottom:20px}.scroll-link{font-size:6px;letter-spacing:1.5px;gap:8px}.scroll-track{width:20px;height:30px;font-size:12px}.hero-motion-toggle{font-size:8px;min-height:32px;padding:5px 8px}.hero-motion-toggle .motion-toggle-icon{height:8px;width:8px}
  .values-strip>.container{font-size:6px;letter-spacing:1.3px;column-gap:17px;row-gap:7px;min-height:76px}.strip-star{font-size:18px}
  h2,.about h2{font-size:37px;letter-spacing:-1.5px}.about-copy p{font-size:13px}.principles{gap:10px;margin-top:32px}.principles>div{padding:17px 20px}.principles p{font-size:12px}
  .section-heading{gap:22px}.business-heading-meta p{font-size:12px}.business-grid{gap:28px}.business-card{border-radius:11px}.business-art{height:275px}.business-copy{padding:27px 24px 22px}.business-copy h3{font-size:27px}.business-copy p{font-size:13px;min-height:0}.card-index{font-size:7px}.card-link{font-size:12px}.trade-visual{top:18px}.pos-window{top:70px;left:31px;right:24px}.bot-orbits{top:120px}.bot-name{top:208px}
  .connect-content{padding-block:60px}.connect-content h2{font-size:60px;letter-spacing:-2.8px;line-height:1.06}.connect-bottom p{font-size:12px}.connect-actions .button{font-size:11px}.detail-dialog>p{font-size:12px}
}
@media(max-width:370px){.hero-eyebrow{font-size:5px;letter-spacing:1.2px}.hero-actions{gap:12px}.hero-actions>.button{font-size:9px;padding-inline:14px;gap:13px}.hero-vision-link{font-size:9px!important}.hero-vision-link .play-orbit{width:26px;height:26px}.business-copy h3{font-size:24px}.connect-content h2{font-size:54px}.hero-pathways small{font-size:8px}.hero-motion-toggle{font-size:7px}}
@media(hover:none){.business-card:hover{transform:none}.business-card::before{display:none}}
html.motion-paused .business-card:hover{transform:translateY(-3px)}
html.motion-paused .hero-eyebrow,html.motion-paused .hero h1,html.motion-paused .hero-content>p,html.motion-paused .hero-actions,html.motion-paused .hero-pathways{animation:none!important}
@media(prefers-reduced-motion:reduce){.hero-eyebrow,.hero h1,.hero-content>p,.hero-actions,.hero-pathways,.orbital-marker{animation:none!important}.business-card:hover,.business-card:focus-within{transform:none!important}.button::after{display:none}}
@media print{.hero-atmosphere,.starfield,.hero-pathways{display:none}.business-card{background:white;box-shadow:none}.business-copy h3,.business-copy p,.card-index{color:black}.business-card::before,.business-card::after{display:none}}