@font-face{font-family:Hanken Grotesk;font-weight:400;src:url(assets/fonts/hanken-grotesk-400.ttf)}
@font-face{font-family:Hanken Grotesk;font-weight:500;src:url(assets/fonts/hanken-grotesk-500.ttf)}
@font-face{font-family:Hanken Grotesk;font-weight:600;src:url(assets/fonts/hanken-grotesk-600.ttf)}
@font-face{font-family:Hanken Grotesk;font-weight:700;src:url(assets/fonts/hanken-grotesk-700.ttf)}
html{scroll-behavior:smooth;background:#0c141e}body{background:#0c141e}.u365{--font-display:'Hanken Grotesk',sans-serif;--font-body:'Hanken Grotesk',sans-serif;--radius:8px}
.u365.dark{--bg:#0c141e;--bg-2:#101b26;--panel:#111d28;--panel-solid:#14232f;--line:#33495f;--line-2:#41586f;--text:#f1f5fa;--muted:#bfd0e1;--faint:#a6bbcf;--warn:#f1c17b;--crit:#f19baa;--ok:#78d6b7;--grid:rgba(139,201,243,.025)}
.u365.dark.green{--accent:#c2fa73;--accent-text:#c2fa73;--accent-ink:#122109;--accent-soft:#243326;--accent-glow:transparent}
.atmos{background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/80px 80px;opacity:.6}
.nav{background:#101b26;backdrop-filter:none}.nav-in{gap:20px}.nav-links{gap:18px;margin-left:0}.nav-links a{font-size:13px}.brand{font-size:24px;white-space:nowrap}.brand img{object-fit:contain}.nav-right{gap:12px}.nav-signin{font-size:13px}
.hero{padding:82px 0 94px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px}.h1{font-size:clamp(48px,5.8vw,79px);font-weight:600;line-height:1.02;letter-spacing:-.045em;margin-top:24px}.lede{font-size:18px;line-height:1.65;margin-top:25px}.eyebrow{font-size:10px;letter-spacing:.07em;border-radius:5px;padding:7px 10px}.proof{margin-top:34px}.proof div{font-size:13px;background:#111d28}.proof div:nth-child(2) .mono{color:#8bc9f3}.proof div:nth-child(3) .mono{color:#c1adf0}.proof div:nth-child(4) .mono{color:#f1c17b}.cta-row{margin-top:28px}
.motion .shimmer{background:none;color:var(--accent);animation:none}.motion .rise{animation-duration:.6s;transform:translateY(10px)}.settled .rise{animation:none;opacity:1;transform:none}.live-dot{animation:none}.palette{border:1px solid #506b79;border-top:3px solid var(--accent);border-radius:10px;background:#111d28;box-shadow:0 18px 42px -28px #000}.palette::before,.sys-hub::after{display:none}.pal-head{background:#09131d}.pal-input{font-size:15px}.pal-head .mono{color:var(--accent)}.pal-foot{background:#14232f}.btn{border-radius:6px}.btn-primary:hover{box-shadow:none;background:#d6ffa1;transform:translateY(-1px)}.btn-primary::after{display:none}.btn-primary:active{transform:translateY(0)}.btn-ghost:hover{background:#192a3a}.sys-hub{background:#243326}.sys{background:#111d28}.sys:nth-child(3n) .mono{color:#8bc9f3}.sys:nth-child(3n+1) .mono{color:#c1adf0}.sys:nth-child(3n+2) .mono{color:#78d6b7}.card,.stage,.gate,.join,.skill,.dr,.fw-wrap{box-shadow:none}.card:nth-child(3n+1){border-top-color:#8bc9f3}.card:nth-child(3n+2){border-top-color:#78d6b7}.card:nth-child(3n){border-top-color:#c1adf0}.inp{background:#09131d!important}.section{padding:96px 0}.footer{background:#101b26}.skip-link{position:absolute;left:16px;top:-100px;z-index:20;background:#c2fa73;color:#122109!important;padding:10px}.skip-link:focus{top:10px}
@media(max-width:1100px){.hero-grid{gap:36px}.nav-links{display:none}}@media(max-width:1040px){.hero-grid{grid-template-columns:1fr}.hero .palette{max-width:680px;width:100%;margin:auto}.h1{font-size:clamp(46px,8vw,76px)}.h1 br{display:none}.h1 .shimmer{display:block}.hero-grid>.rise{width:100%}}@media(max-width:720px){.hero{padding:48px 0 64px}.wrap{padding:0 20px}.h1{font-size:48px}.lede{font-size:17px}.nav-in{gap:12px}.brand{font-size:21px}.nav-right .btn{font-size:12px;padding:0 12px;height:38px}.hero-grid{gap:40px}.section{padding:64px 0}.eyebrow{font-size:9px}.proof{grid-template-columns:repeat(2,minmax(0,1fr))}.proof div{padding:13px;font-size:12px}.proof .mono{font-size:9px}.pal-head{gap:8px;padding:14px}.pal-input{font-size:16px}.pal-head .mono{font-size:10px}.nav-in{height:66px}.cta-row .btn{font-size:14px;padding:0 18px}.h1{overflow-wrap:normal}.display{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.u365 *, .u365 *::before,.u365 *::after{animation:none!important;transition:none!important}.rise{opacity:1!important;transform:none!important}}

.hero-grid>*{min-width:0}.h1{overflow-wrap:normal}@media(max-width:720px){.h1{font-size:44px}.q-item{white-space:normal}.q-item>*{min-width:0}.pal-head .kbd{display:none}.lede{max-width:100%}.proof{width:100%}}@media(max-width:360px){.h1{font-size:36px}.wrap{padding:0 16px}.eyebrow{font-size:8px}}
