:root{color-scheme:dark;--bg:#070709;--text:#f1f0f6;--muted:#a3a2b0;--violet:#a993f3;--acid:#d0f378}


*{box-sizing:border-box}


html{scroll-behavior:smooth;scroll-padding-top:30px}


body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}


a{color:inherit;text-decoration:none}


a:focus-visible{outline:3px solid var(--acid);outline-offset:6px}


.wrap{width:min(1240px,calc(100% - 64px));margin:auto}


.skip{position:fixed;left:20px;top:-80px;padding:15px;background:var(--acid);color:#070709;z-index:10}


.skip:focus{top:20px}


.header{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid #ffffff12;position:relative;z-index:2}


.brand{font-weight:900;letter-spacing:2px;font-size:21px}


.brand-icon{color:var(--violet);font-size:30px;vertical-align:middle;margin-right:9px}


nav{display:flex;gap:36px;align-items:center;font-size:14px}


.platform-link{color:#bbb9c5}


.nav-login{border:1px solid #ffffff35;border-radius:100px;padding:13px 22px;display:flex;gap:30px}


.nav-login:hover{background:#ffffff12}


.hero{position:relative;text-align:center;padding-top:100px;isolation:isolate}


.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#c1becd;line-height:1.8}


.hero-logo{font-size:clamp(64px,12.2vw,166px);font-weight:900;letter-spacing:-.075em;line-height:1.1;margin:24px 0 12px;transform:scaleX(1.04);color:#f6f5ff;text-shadow:0 2px 0 #777680,0 12px 45px #a38aed26}


.hero-logo span{background:linear-gradient(175deg,#fff 5%,#e5e0f1 42%,#787484 52%,#efeafd 82%);background-clip:text;-webkit-background-clip:text;color:transparent}


.hero-tagline{font-size:clamp(26px,3.8vw,49px);line-height:1.16;letter-spacing:-1.5px;font-weight:600;margin:32px 0 20px}


.hero-tagline span{color:#ada9bb}


.hero-description{color:var(--muted);font-size:16px;line-height:1.7}


.orbital{position:absolute;z-index:-1;inset:0 0 auto;height:590px;overflow:hidden;pointer-events:none}


.planet{position:absolute;width:550px;height:550px;left:50%;top:-110px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 80%,#1d172d,#0a0911 60%);box-shadow:inset 0 -3px 4px #d2c0f888,0 15px 70px #7e53e340;opacity:.8}


.orbit{position:absolute;left:50%;top:0;width:840px;height:290px;border:1px solid #b89ef440;border-radius:50%;transform:translateX(-50%) rotate(-22deg);box-shadow:0 0 20px #af8df30d}


.orbit-two{top:30px;transform:translateX(-50%) rotate(22deg);border-color:#ffffff12}


.beam{position:absolute;top:430px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b89ff488,transparent);box-shadow:0 0 90px 25px #7c4fdb22}


.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:930px;margin:55px auto 0;scroll-margin-top:25px;text-align:left}


.access-card{position:relative;display:block;padding:27px 30px 22px;border:1px solid #ffffff28;border-radius:16px;background:linear-gradient(120deg,#1c1927ed,#101015f5);transition:transform .2s,border-color .2s,box-shadow .2s}


.access-card.lab{border-color:#aa93ee70}


.access-card.client{background:linear-gradient(120deg,#1a1e15f0,#10120ff5);border-color:#d0f3783d}


.access-card:hover{transform:translateY(-5px);border-color:var(--violet);box-shadow:0 12px 48px #8968e522}


.access-card.client:hover{border-color:var(--acid);box-shadow:0 12px 48px #d0f37812}


.access-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}


.access-icon{font-size:24px;color:var(--violet)}


.client .access-icon{color:var(--acid)}


.access-label{font-size:9px;letter-spacing:1.7px;color:#b8b1ca}


.client .access-label{color:#bcc5ab}


.arrow{margin-left:auto;font-size:25px;color:#b5a7d8}


.client .arrow{color:var(--acid)}


.access-card strong{display:block;font-size:27px;letter-spacing:-.7px}


.access-description{display:block;color:#b7b2c4;font-size:13px;line-height:1.6;margin-top:8px}


.access-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff14;margin-top:22px;padding-top:18px;color:#dacefa;font-size:13px;font-weight:700}


.client .access-bottom{color:var(--acid)}


.discover{display:inline-flex;gap:20px;font-size:9px;letter-spacing:2px;color:#aaa6b7;padding:40px 15px}


.discover span{color:var(--violet)}


.platform{padding-top:110px}


.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:0 60px;align-items:end}


.section-head .eyebrow{grid-column:1/-1}


.section-head h2,.closing h2{font-size:clamp(34px,4.4vw,59px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:18px 0}


.section-head h2 span{color:#8e899c}


.section-head>p:last-child{font-size:16px;line-height:1.8;color:var(--muted);max-width:370px}


.showcase{margin-top:45px;border:1px solid #6c5b8456;border-radius:18px;background:linear-gradient(140deg,#17141f,#0b0b10);padding:20px;box-shadow:0 0 100px #774cbe0b}


.showcase-caption{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.7px;color:#9a92ab;margin-bottom:20px}


.showcase-caption i{display:inline-block;background:var(--violet);width:5px;height:5px;border-radius:100%;margin-right:8px}


.demo{display:flex;background:#0b0b10;border:1px solid #ffffff0d;border-radius:10px;overflow:hidden}


aside{display:flex;flex-direction:column;gap:9px;width:160px;flex-shrink:0;padding:25px 16px;border-right:1px solid #ffffff0c;font-size:11px;color:#80798d}


aside b{font-size:32px;color:white;margin:0 10px 30px}


aside b span{color:var(--violet)}


aside>span{padding:12px}


.active{background:#a993f318;border-radius:5px;color:#d6c8f9}


.demo-content{padding:30px;flex:1;min-width:0}


.demo-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}


.demo-heading h3{font-size:20px;letter-spacing:-.5px}


.demo-chip{border:1px solid #c3ee7040;color:#cee2a7;border-radius:30px;padding:8px 12px;font-size:9px;white-space:nowrap}


.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}


.workflow>div{border:1px solid #ffffff10;background:#ffffff02;border-radius:8px;padding:20px 16px}


.workflow small{color:var(--violet);font-size:8px;letter-spacing:1px}


.workflow strong{display:block;font-size:14px;margin-top:20px}


.workflow p{color:#918a9c;font-size:11px;line-height:1.7}


.step-line{height:3px;width:60%;display:block;margin-top:24px;background:linear-gradient(90deg,#b89ef4,#b89ef422);border-radius:5px}


.workflow>div:last-child .step-line{width:100%;background:linear-gradient(90deg,#d0f378,#d0f37822)}


.demo-footer{display:flex;gap:30px;justify-content:center;align-items:center;font-size:8px;letter-spacing:2px;color:#9992a7;padding:20px 0 5px}


.demo-footer b{color:var(--violet);font-size:17px}


.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}


.features article{border:1px solid #ffffff10;border-radius:14px;background:linear-gradient(135deg,#131217,#0b0b0e);padding:30px;overflow:hidden}


.feature-number{font-size:9px;letter-spacing:2px;color:var(--violet)}


.features h3{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.8px}


.features p{color:var(--muted);font-size:14px;line-height:1.8}


.feature-art{height:95px;margin-top:40px}


.bars{display:flex;flex-direction:column;gap:12px}


.bars i{height:13px;width:75%;border:1px solid #ab93f35c;background:linear-gradient(90deg,#ab93f355,#ab93f308);border-radius:3px}


.bars i:nth-child(2){margin-left:20%;width:55%}


.bars i:nth-child(3){width:40%;margin-left:5%}


.linked{display:flex;align-items:center;justify-content:center}


.linked i{display:grid;place-items:center;border:1px solid #a993f366;border-radius:50%;width:62px;height:62px;font-style:normal;background:#a993f30c}


.linked span{height:1px;width:60px;background:linear-gradient(90deg,#a993f3,#d0f378);box-shadow:0 0 20px #a993f3}


.linked i:last-child{color:var(--acid);border-color:#d0f37844}


.chart{display:flex;align-items:end;gap:14px;padding:0 20px}


.chart i{flex:1;height:30%;border-top:1px solid var(--acid);background:linear-gradient(#d0f37840,#d0f37802)}


.chart i:nth-child(2){height:50%}


.chart i:nth-child(3){height:45%}


.chart i:nth-child(4){height:75%}


.chart i:nth-child(5){height:100%}


.closing{text-align:center;padding:140px 0 110px;background:radial-gradient(ellipse at 50% 100%,#a993f30b,transparent 65%)}


.closing h2{font-size:clamp(45px,6vw,78px)}


.closing h2 span{color:var(--violet)}


.closing-links{display:flex;justify-content:center;gap:14px;margin-top:35px}


.closing-links a{display:flex;align-items:center;gap:30px;padding:18px 25px;background:#dcd0fa;color:#17111e;border-radius:8px;font-size:14px;font-weight:700}


.closing-links a:last-child{background:#d0f378}


.closing-links a:hover{filter:brightness(1.1)}


.help{font-size:12px;color:#9992a4;margin-top:25px;line-height:1.6}


footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;border-top:1px solid #ffffff12}


footer p,footer>span{color:#8b8696;font-size:11px}


footer .brand{font-size:16px}



@media(min-width:900px){.planet{animation:glow 7s ease-in-out infinite alternate}


@keyframes glow{from{box-shadow:inset 0 -3px 4px #d2c0f888,0 15px 70px #7e53e330}


to{box-shadow:inset 0 -3px 4px #d2c0f8aa,0 15px 110px #7e53e355}


}


}



@media(max-width:760px){.wrap{width:calc(100% - 36px)}


.header{height:78px}


.brand{font-size:16px;letter-spacing:1px}


.brand-icon{font-size:22px;margin-right:3px}


.platform-link{display:none}


.nav-login{font-size:12px;padding:11px 15px;gap:12px}


.hero{padding-top:65px}


.hero .eyebrow{font-size:8px;letter-spacing:2px}


.hero-logo{font-size:clamp(48px,12vw,90px);letter-spacing:-.075em;margin-top:30px;transform:none}


.hero-tagline{font-size:31px;letter-spacing:-1px;margin-top:28px}


.hero-description{font-size:13px}


.planet{width:380px;height:380px;top:-85px}


.orbit{width:580px;height:220px;top:-5px}


.beam{top:290px}


.access-grid{margin-top:35px;gap:12px;grid-template-columns:1fr}


.access-card{padding:20px 22px}


.access-top{margin-bottom:12px}


.access-card strong{font-size:24px}


.access-bottom{margin-top:15px;padding-top:13px}


.access-description{font-size:12px}


.discover{padding:30px 10px}


.platform{padding-top:65px}


.section-head{display:block}


.section-head h2{font-size:36px;letter-spacing:-1.5px}


.section-head>p:last-child{font-size:14px}


.showcase{padding:12px;margin-top:30px}


.showcase-caption{font-size:7px;letter-spacing:.8px;flex-wrap:wrap;gap:7px;margin-bottom:12px}


aside{display:none}


.demo-content{padding:18px 12px}


.demo-heading{display:block}


.demo-heading h3{font-size:18px;margin:0 0 14px}


.demo-chip{display:inline-block}


.workflow{grid-template-columns:1fr;margin:20px 0;gap:10px}


.workflow>div{padding:16px}


.workflow strong{margin-top:10px}


.workflow p{font-size:12px}


.step-line{margin-top:14px}


.demo-footer{gap:10px;font-size:7px;letter-spacing:1px}


.features{grid-template-columns:1fr;gap:14px}


.features article{padding:25px}


.features h3{font-size:28px;margin-bottom:12px}


.feature-art{margin-top:25px;height:75px}


.closing{padding:85px 0 60px}


.closing-links{flex-direction:column}


.closing-links a{justify-content:space-between;min-height:58px}


.help{padding:0 12px}


footer{flex-wrap:wrap;gap:10px;padding:25px 0}


footer p{width:100%;order:3;margin:3px 0}


footer>span{margin-left:auto}


}



@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}


*,*::before,*::after{animation:none!important;transition:none!important}


}





/* Brand and restrained entry motion */
.brand{display:inline-flex;align-items:center;gap:10px}

.brand-symbol{display:block;border-radius:9px}

.mobile-access{display:none}

.footer-contact{font-size:12px;color:#d6c8f9;padding:12px 0}


@media(prefers-reduced-motion:no-preference){.orbit-one{animation:orbit-arrive 3.5s ease-out both}

.orbit-two{animation:orbit-arrive-back 4s ease-out both}

@keyframes orbit-arrive{from{opacity:0;transform:translateX(-50%) rotate(-38deg)}

to{opacity:1;transform:translateX(-50%) rotate(-22deg)}

}

@keyframes orbit-arrive-back{from{opacity:0;transform:translateX(-50%) rotate(38deg)}

to{opacity:1;transform:translateX(-50%) rotate(22deg)}

}

}


.examples{margin:65px 0 30px}

.examples-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}

.examples-title h3{font-size:28px;letter-spacing:-.8px;font-weight:500;margin:12px 0 0}

.demo-tag{color:#b7afc7;font-size:10px;white-space:nowrap;border:1px solid #ffffff20;border-radius:30px;padding:10px 14px}

.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.example-panel{background:#101016;border:1px solid #ffffff18;border-radius:14px;overflow:hidden}

.example-top{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #ffffff12}

.example-top strong{font-size:13px}

.example-top>span{margin-left:auto;font-size:9px;letter-spacing:1px;color:#958ca6}

.example-body{padding:20px}

.example-subtitle{font-size:12px;color:#a9a3b6;margin:0 0 22px}

.schedule-head,.schedule-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:8px;margin-bottom:10px}

.schedule-head{color:#9c93ac;font-size:10px}

.schedule-row>b{font-size:10px;align-self:center;color:#b4aec1}

.task{display:block;padding:12px 10px;border-radius:5px;font-size:10px;border:1px solid #ffffff12;line-height:1.6}

.task small{font-size:9px;opacity:.8}

.purple{background:#a993f320;color:#ded2fa}

.green{background:#d0f37812;color:#daeeb6}

.dim{background:#ffffff03;color:#ada6bb}

.example-caption{border-top:1px solid #ffffff10;color:#a69eb5;font-size:11px;line-height:1.6;margin:0;padding:15px 20px}

.portal-demo-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff0c}

.portal-demo-row b,.demo-document b{font-size:12px}

.portal-demo-row small,.demo-document small{display:block;font-size:10px;color:#a69fb4;line-height:1.7;margin-top:5px}

.status{border-radius:25px;padding:7px 10px;font-size:10px;white-space:nowrap}

.demo-document{display:flex;align-items:center;gap:14px;background:#ffffff04;padding:16px;margin-top:17px;border-radius:7px}

.demo-document>span{font-size:24px;color:var(--violet)}


@media(max-width:760px){.header{height:64px}

.brand-symbol{width:28px;height:28px}

.mobile-access{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:0;z-index:5;background:#09090df5;padding:10px 18px;border-bottom:1px solid #ffffff16;backdrop-filter:blur(14px)}

.mobile-access a{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:46px;padding:10px;border:1px solid #a993f366;border-radius:7px;background:#171320;color:#e1d7fb;font-size:11px;font-weight:700}

.mobile-access a:last-child{border-color:#d0f37844;background:#151a10;color:#d0f378}

.hero{padding-top:35px}

.hero-logo{margin-top:18px}

.hero-tagline{font-size:27px;margin-top:20px}

.hero-description{font-size:12px}

.access-grid{margin-top:24px}

.access-card{padding:15px 18px}

.access-top{margin-bottom:8px}

.access-card strong{font-size:22px}

.access-bottom{margin-top:10px;padding-top:10px}

.access-description{margin-top:4px}

.examples-title{display:block}

.examples-title h3{font-size:25px}

.demo-tag{display:inline-block;margin-top:17px}

.example-grid{grid-template-columns:1fr}

.example-body{padding:15px}

.schedule-head,.schedule-row{grid-template-columns:55px 1fr 1fr;gap:5px}

.task{padding:10px 7px;font-size:9px}

.schedule-row>b{font-size:9px}

html{scroll-padding-top:90px}

#connexion{scroll-margin-top:90px}

footer{padding-bottom:30px}

.footer-contact{margin-left:auto}

}



/* Shared silver/violet space identity */
body{position:relative;isolation:isolate;background:#07070c}
.client .access-icon,.client .arrow,.client .access-bottom,.linked i:last-child{color:#dacffa}
.access-card.client{background:linear-gradient(120deg,#201e2af0,#101019f5);border-color:#b8a8d755}
.access-card.client:hover{border-color:#dacffa;box-shadow:0 12px 48px #9f87cd22}
.client .access-label{color:#beb5cd}
.closing-links a:last-child{background:#dacffa}
.demo-chip{border-color:#bcaddd44;color:#d2c7e9}
.linked i:last-child{border-color:#bcaae655}
.linked span{background:linear-gradient(90deg,#a993f3,#e0d8f2)}
.chart i{border-color:#dacffa;background:linear-gradient(#b8a3f540,#b8a3f502)}
.workflow>div:last-child .step-line{background:linear-gradient(90deg,#dacffa,#bfabe822)}
.green{background:#c8b6f715;color:#e0d4fa}
:root{--acid:#ded4fa}
.hero-logo span{text-shadow:none;background:linear-gradient(175deg,#f3f0fd 5%,#d7d1e4 42%,#888290 53%,#eae4f8 82%);background-clip:text;-webkit-background-clip:text}
.hero .orbital{height:650px}
.orbit{border-color:#b89ef466}
.orbit-two{border-color:#c6b4f433}
.motion-toggle{display:block;margin:15px max(24px,calc((100% - 1240px)/2)) 0 auto;border:1px solid #ffffff20;border-radius:30px;background:#16111c;color:#c5bbd5;padding:10px 15px;min-height:40px;font-size:10px;cursor:pointer}
.motion-toggle[hidden]{display:none}
.contact-panel{padding:45px 0 65px;border-top:1px solid #ffffff14}
.contact-panel h2{font-size:30px;letter-spacing:-1px}
.contact-panel>p:not(.eyebrow){font-size:14px;color:#a69db5;line-height:1.7}
.contact-panel>a{display:inline-block;margin-top:15px;color:#dbccf9;font-size:clamp(15px,2.2vw,25px);padding:14px 0;overflow-wrap:anywhere}
.contact-panel>a span{margin-left:15px}

@media(prefers-reduced-motion:no-preference){.orbit-one{animation:orbit-live 14s ease-in-out infinite alternate}
.orbit-two{animation:orbit-live-back 18s ease-in-out infinite alternate}
@keyframes orbit-live{from{transform:translateX(-50%) rotate(-30deg)}
to{transform:translateX(-50%) rotate(-9deg)}
}
@keyframes orbit-live-back{from{transform:translateX(-50%) rotate(26deg)}
to{transform:translateX(-50%) rotate(5deg)}
}
}

@media(max-width:760px){.mobile-access a:last-child{border-color:#c0ade566;background:#1d1825;color:#e3d8fb}
.motion-toggle{margin:12px 18px 0 auto;font-size:9px}
.contact-panel h2{font-size:26px}
}