/* ATLASIO.ai — shared styles */
/* ATLASIO.ai — shared styles */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:#1c1c1c;color:#F2F1EE;font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:inherit;text-decoration:none}
a:hover{color:oklch(0.84 0.10 168)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
[data-uc][open] > div{animation:rv .18s cubic-bezier(.16,.84,.3,1) both}
::selection{background:oklch(0.74 0.11 168 / .3)}
@keyframes lineup{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}
@keyframes rv{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width:900px){[data-r-split]{grid-template-columns:1fr !important;gap:32px !important}}
@media (max-width:620px){[data-r-cta] a{width:100%;justify-content:center}[data-r-row]{grid-template-columns:1fr !important;gap:8px !important}}

summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
[data-uc][open] > div{animation:rv .18s cubic-bezier(.16,.84,.3,1) both}
@keyframes rv{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
[data-r-nav-links]{display:flex !important}
[data-r-menu]{display:none !important}
@media (max-width:1024px){[data-r-nav-links]{gap:16px !important}}
@media (max-width:900px){
[data-r-nav-links]{display:none !important}
[data-r-menu]{display:block !important}
}
/* responsive-safety */
@media (max-width:620px){
[style*="minmax(240px"],[style*="minmax(250px"],[style*="minmax(260px"],[style*="minmax(270px"],[style*="minmax(280px"],[style*="minmax(300px"],[style*="minmax(320px"],[style*="minmax(340px"],[style*="minmax(360px"]{grid-template-columns:1fr !important}
}

html{max-width:100%;overflow-x:hidden}
body{max-width:100%}
img,svg,video,canvas{max-width:100%}
[data-navinner] , footer > div , main > section > div{min-width:0}
table,pre{max-width:100%;overflow-x:auto;display:block}
@media (max-width:900px){
[data-r-split]{grid-template-columns:1fr !important}
[data-r-row]{grid-template-columns:1fr !important}
[data-navinner]{gap:12px !important}
}
@media (max-width:620px){
[data-r-cta] a{width:100%;justify-content:center}
[data-r-testimonials]{grid-template-columns:1fr !important}
[data-navlogo]{font-size:16px !important;letter-spacing:.16em !important}
[data-navinner] > a[data-nav-cta]{height:38px !important;padding:0 14px !important;font-size:13px !important}
}
@media (max-width:400px){
[data-navinner] > a[data-nav-cta]{display:none !important}
}

[data-diagram-wide]{display:block}
[data-diagram-stacked]{display:none}
@media (max-width:620px){
[data-diagram-wide]{display:none !important}
[data-diagram-stacked]{display:block !important}
}
[data-backtotop]{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:90;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(40,40,40,.86);backdrop-filter:blur(14px) saturate(140%);color:#F2F1EE;font-size:17px;line-height:1;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .28s cubic-bezier(.16,.84,.3,1),transform .28s cubic-bezier(.16,.84,.3,1),background .2s,border-color .2s}
[data-backtotop]:hover{background:rgba(56,56,56,.94);border-color:rgba(255,255,255,.36)}
[data-backtotop]:focus-visible{outline:2px solid oklch(0.80 0.12 168);outline-offset:3px}
[data-backtotop][data-on="1"]{opacity:1;transform:none;pointer-events:auto}
@media (max-width:560px){[data-backtotop]{width:44px;height:44px}}

/* interaction states (override inline styles) */
.hv1:hover{color:#F2F1EE !important}
.hv2:hover{background:rgba(255,255,255,.07) !important;color:#F2F1EE !important}
.hv3:hover{transform:translateY(-1px) !important;box-shadow:0 10px 30px -12px rgba(242,241,238,.5) !important;color:#0A0B0D !important}
.hv4:hover{transform:translateY(-2px) !important;box-shadow:0 16px 40px -16px rgba(242,241,238,.55) !important;color:#0A0B0D !important}
.hv5:hover{border-color:rgba(255,255,255,.34) !important;background:rgba(255,255,255,.04) !important;color:#F2F1EE !important}
.hv6:hover{border-color:rgba(10,11,13,.3) !important}
.hv7:hover{transform:translateY(-3px) !important;box-shadow:0 14px 28px -20px rgba(10,11,13,.7) !important}
.hv8:hover{border-color:rgba(255,255,255,.28) !important;background:rgba(255,255,255,.05) !important}
.hv9:hover{opacity:.7 !important}
.hv10:hover{transform:translateY(-2px) !important;box-shadow:0 18px 44px -18px rgba(242,241,238,.6) !important;color:#0A0B0D !important}
.hv11:hover{border-color:rgba(255,255,255,.36) !important;background:rgba(255,255,255,.04) !important;color:#F2F1EE !important}
.hv12:hover{background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.36) !important;color:#F2F1EE !important}
.hv13:hover{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.3) !important;color:#F2F1EE !important}
.hv14:focus{outline:2px solid oklch(0.80 0.12 168) !important;outline-offset:2px !important}
.hv15:hover{transform:translateY(-2px) !important}
.hv16:focus{outline:2px solid oklch(0.80 0.12 168) !important;outline-offset:3px !important}
.hv17:focus{outline:none !important;border-color:oklch(0.80 0.12 168) !important;background:rgba(255,255,255,.06) !important}
.hv18:focus{outline:none !important;border-color:oklch(0.80 0.12 168) !important;background-color:rgba(255,255,255,.06) !important}
.hv19:hover{transform:translateY(-2px) !important;box-shadow:0 16px 40px -16px rgba(242,241,238,.5) !important}
.hv20:hover{transform:translateY(-2px) !important;box-shadow:0 16px 40px -16px rgba(242,241,238,.55) !important;color:#0A0B0D !important;background-position:-60% 0 !important}
.hv21:hover{transform:translateY(-4px) !important;border-color:rgba(255,255,255,.2) !important}
.hv22:hover{transform:translateX(7px) !important;color:#F2F1EE !important}
.hv23:hover{transform:translateY(-3px) !important;border-color:rgba(10,11,13,.28) !important;box-shadow:0 14px 28px -20px rgba(10,11,13,.7) !important}
.hv24:hover{transform:translateY(-4px) !important;border-color:oklch(0.74 0.11 168 / .4) !important}
.hv25:hover{transform:translateY(-3px) !important;border-color:rgba(255,255,255,.22) !important}
.hv26:hover{border-color:rgba(255,255,255,.24) !important;background:rgba(255,255,255,.05) !important;transform:translateY(-2px) !important}
.hv27:hover{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.36) !important;color:#F2F1EE !important}
.hv28:hover{transform:translateY(-2px) !important;box-shadow:0 18px 44px -18px rgba(242,241,238,.6) !important;color:#0A0B0D !important;background-position:-60% 0 !important}
.hv29:hover{padding-left:12px !important}
.hv30:hover{transform:translateY(-2px) !important;box-shadow:0 16px 40px -16px rgba(242,241,238,.55) !important}
.hv31:hover{border-color:rgba(255,255,255,.32) !important}
.hv32:hover{transform:translateY(-4px) !important;border-color:rgba(255,255,255,.22) !important}
.hv33:hover{transform:translateY(-4px) !important;box-shadow:0 40px 70px -50px rgba(10,11,13,.6) !important}
.hv34:hover{gap:14px !important;color:oklch(0.50 0.11 168) !important}
.hv35:hover{padding-left:16px !important;background:rgba(255,255,255,.02) !important}
.hv36:hover{transform:translateX(8px) !important;border-color:oklch(0.74 0.11 168 / .38) !important;background:oklch(0.74 0.11 168 / .07) !important}
.hv37:focus{outline:none !important;border-color:oklch(0.50 0.11 168) !important}
.hv38:hover{transform:translateY(-2px) !important;box-shadow:0 16px 34px -18px rgba(10,11,13,.7) !important}
.hv39:focus{outline:2px solid oklch(0.50 0.11 168) !important;outline-offset:3px !important}
.hv40:hover{transform:translateX(8px) !important;border-color:oklch(0.74 0.11 168 / .38) !important}
.hv41:hover{transform:translateY(-2px) !important;box-shadow:0 16px 40px -16px rgba(242,241,238,.55) !important;background-position:-60% 0 !important}
.hv42:hover{transform:translateY(-4px) !important}
.hv43:hover{transform:translateY(-4px) !important;border-color:oklch(0.74 0.11 168 / .4) !important;color:#F2F1EE !important}
.hv44:hover{transform:translateY(-2px) !important;box-shadow:0 18px 44px -18px rgba(242,241,238,.6) !important;background-position:-60% 0 !important}
.hv45:hover{border-color:rgba(255,255,255,.24) !important;background:rgba(255,255,255,.05) !important}

/* active navigation state */
[data-nav-active="1"]{color:#F2F1EE !important}
[data-r-nav-links] > a[data-nav-active="1"],[data-r-nav-links] summary[data-nav-active="1"]{position:relative}
[data-r-nav-links] > a[data-nav-active="1"]::after,[data-r-nav-links] summary[data-nav-active="1"]::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1.5px;border-radius:2px;background:oklch(0.84 0.10 168)}
[role="menu"] a[data-nav-active="1"]{background:rgba(255,255,255,.06) !important}
[role="menu"] a[data-nav-active="1"] > span:first-child{color:oklch(0.88 0.10 168) !important}
[data-r-menu-panel] a[data-nav-active="1"],[data-r-menu-panel] span[data-nav-active="1"]{color:oklch(0.88 0.10 168) !important}
footer a[data-nav-active="1"]{color:#F2F1EE !important}
