:root {
  color-scheme: dark;
  --bg: #07100e; --deep: #040907; --surface: #0d1815; --raised: #12211d;
  --text: #f4f7f3; --muted: #a0ada6; --subtle: #65736d;
  --line: rgba(255,255,255,.1); --line-strong: rgba(255,255,255,.17);
  --green: #3cdaa0; --green-bright: #72f0bd; --green-deep: #0f8f65;
  --gold: #d5a85e; --gold-soft: #f0cf8c; --blue: #3d9cff;
  --shell: 1160px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; }
body::before { position: fixed; inset: 0; z-index: -2; background: radial-gradient(circle at 12% 28%,rgba(25,154,108,.08),transparent 28%),radial-gradient(circle at 84% 82%,rgba(213,168,94,.05),transparent 26%); content: ""; pointer-events: none; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
h1,h2,h3,p { margin-top: 0; }
.shell { width: min(var(--shell),calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 10px 14px; border-radius: 8px; color: #07100e; background: #fff; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.site-header { position: fixed; inset: 0 0 auto; z-index: 50; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(7,16,14,.76); backdrop-filter: blur(18px) saturate(135%); transition: .18s ease; }
.site-header.is-scrolled { background: rgba(5,11,9,.93); box-shadow: 0 10px 32px rgba(0,0,0,.18); }
.nav { display: flex; min-height: 72px; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { display: block; width: 36px; height: 36px; object-fit: cover; border: 1px solid rgba(114,240,189,.36); border-radius: 11px; box-shadow: 0 9px 25px rgba(60,218,160,.2); }
.brand-mark.small { width: 30px; height: 30px; border-radius: 9px; }
.brand-word { font-size: 19px; font-weight: 740; letter-spacing: -.035em; }
.nav-links { display: flex; align-items: center; gap: 29px; color: var(--muted); font-size: 14px; }
.nav-links>a { transition: color .16s ease; }
.nav-links>a:hover { color: #fff; }
.nav-links .nav-cta { padding: 9px 15px; border: 1px solid var(--line-strong); border-radius: 9px; color: #edf4f0; background: rgba(255,255,255,.04); }
.nav-links .nav-cta:hover { border-color: rgba(114,240,189,.38); background: rgba(60,218,160,.08); }
.nav-toggle { display: none; }
.hero { position: relative; overflow: hidden; min-height: 850px; padding: 176px 0 118px; border-bottom: 1px solid rgba(255,255,255,.055); }
.hero-grid { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(to bottom,#000 0,transparent 78%); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(18px); pointer-events: none; }
.hero-orb.one { top: -280px; left: -170px; width: 810px; height: 680px; background: radial-gradient(circle,rgba(29,175,121,.24),rgba(29,175,121,.05) 48%,transparent 70%); }
.hero-orb.two { right: -180px; bottom: -360px; width: 820px; height: 730px; background: radial-gradient(circle,rgba(213,168,94,.16),rgba(213,168,94,.03) 50%,transparent 70%); }
.hero-layout { position: relative; display: grid; grid-template-columns: minmax(0,1.12fr) minmax(390px,.78fr); gap: 84px; align-items: center; }
.eyebrow,.kicker { color: var(--green-bright); font-size: 12px; font-weight: 680; letter-spacing: .11em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 25px; padding: 7px 12px; border: 1px solid rgba(114,240,189,.23); border-radius: 99px; background: rgba(60,218,160,.07); }
.eyebrow i,.live i,.online i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 16px var(--green); }
.hero h1 { max-width: 760px; margin-bottom: 28px; font-size: clamp(55px,6vw,82px); font-weight: 760; letter-spacing: -.064em; line-height: .99; }
.hero h1 em { color: transparent; background: linear-gradient(100deg,#f4fff9 5%,var(--green-bright) 56%,#2bbf87); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.hero-copy>p { max-width: 650px; margin-bottom: 0; color: #acb8b1; font-size: clamp(17px,1.7vw,20px); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; min-height: 49px; align-items: center; justify-content: center; gap: 9px; padding: 0 21px; border: 1px solid transparent; border-radius: 11px; font-size: 15px; font-weight: 670; transition: .18s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #061a13; background: linear-gradient(180deg,#72edba,#32bd85); box-shadow: 0 12px 34px rgba(45,188,131,.22),inset 0 1px rgba(255,255,255,.4); }
.button.secondary { border-color: var(--line-strong); color: #e2e9e5; background: rgba(255,255,255,.035); }
.button.secondary:hover { border-color: rgba(255,255,255,.29); background: rgba(255,255,255,.065); }
.region-note { display: flex; align-items: center; gap: 12px; margin-top: 28px; color: var(--subtle); font-size: 12px; }
.region-note>span { width: 34px; height: 1px; background: linear-gradient(90deg,var(--green),transparent); }
.signal-card { position: relative; overflow: hidden; min-height: 470px; padding: 25px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(145deg,rgba(18,36,30,.92),rgba(7,14,12,.96)); box-shadow: 0 36px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05); }
.signal-card::before { position: absolute; inset: 0; opacity: .24; background-image: radial-gradient(rgba(255,255,255,.13) .7px,transparent .7px); background-size: 18px 18px; content: ""; }
.signal-card::after { position: absolute; right: -90px; bottom: -90px; width: 280px; height: 280px; border-radius: 50%; background: rgba(60,218,160,.1); filter: blur(55px); content: ""; }
.signal-top,.signal-center,.signal-flow,.signal-labels { position: relative; z-index: 1; }
.signal-top { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--line); color: var(--subtle); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.live,.online { display: flex; align-items: center; gap: 6px; color: #8be8bd; }
.signal-center { display: flex; min-height: 275px; align-items: center; gap: 25px; }
.signal-mark { display: block; width: 98px; height: 98px; flex: 0 0 auto; object-fit: cover; border: 1px solid rgba(114,240,189,.28); border-radius: 29px; box-shadow: 0 22px 50px rgba(35,173,119,.25); transform: rotate(-3deg); }
.signal-center small { display: block; margin-bottom: 9px; color: var(--subtle); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.signal-center strong { font-size: 21px; font-weight: 650; letter-spacing: -.025em; line-height: 1.3; }
.signal-flow { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 10px; }
.signal-flow span { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid rgba(114,240,189,.2); border-radius: 50%; color: #8ee6bd; background: rgba(60,218,160,.07); font-size: 9px; }
.signal-flow i { height: 1px; overflow: hidden; background: rgba(114,240,189,.2); }
.signal-flow i::after { display: block; width: 45%; height: 1px; background: linear-gradient(90deg,transparent,var(--green),transparent); animation: flow 2.7s linear infinite; content: ""; }
@keyframes flow { from { transform: translateX(-100%); } to { transform: translateX(280%); } }
.signal-labels { display: flex; justify-content: space-between; margin-top: 10px; color: var(--subtle); font-size: 10px; }
.section { padding: 128px 0; }
.section-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.7fr); gap: 90px; align-items: end; margin-bottom: 56px; }
.section-heading h2,.center-heading h2,.approach-copy h2,.company-copy h2,.cta-card h2 { margin: 14px 0 0; font-size: clamp(38px,4.8vw,60px); font-weight: 720; letter-spacing: -.052em; line-height: 1.08; }
.section-heading>p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.75; }
.product-section { background: #08110f; }
.product-stage { position: relative; display: grid; overflow: hidden; grid-template-columns: minmax(0,.78fr) minmax(460px,1.22fr); gap: 64px; min-height: 580px; align-items: center; padding: 64px; border: 1px solid rgba(61,156,255,.19); border-radius: 28px; background: radial-gradient(circle at 86% 20%,rgba(61,156,255,.15),transparent 33%),linear-gradient(145deg,#0c1620,#07100f 58%,#091614); box-shadow: 0 35px 100px rgba(0,0,0,.3); }
.product-stage::before { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg,transparent,#000); content: ""; }
.product-copy,.workspace-window { position: relative; z-index: 1; }
.nodebase-brand { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 30px; font-size: 18px; font-weight: 720; letter-spacing: -.03em; }
.nodebase-mark { position: relative; display: inline-block; width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(145deg,#2d92ff,#075bb9); box-shadow: 0 8px 24px rgba(10,104,214,.28); }
.nodebase-mark i { position: absolute; top: 9px; width: 6px; height: 16px; border-radius: 4px; background: #fff; transform: skewY(-24deg); }
.nodebase-mark i:nth-child(1) { left: 8px; height: 11px; top: 14px; opacity: .62; }.nodebase-mark i:nth-child(2) { left: 14px; }.nodebase-mark i:nth-child(3) { left: 20px; height: 12px; opacity: .8; }
.nodebase-mark.small { width: 30px; height: 30px; border-radius: 9px; transform: scale(.88); }
.product-copy h3 { margin-bottom: 18px; font-size: clamp(30px,3.2vw,44px); font-weight: 700; letter-spacing: -.045em; line-height: 1.08; }
.product-copy>p { margin-bottom: 24px; color: #a4b2bd; line-height: 1.75; }
.product-points { display: grid; gap: 10px; margin: 0 0 28px; padding: 0; list-style: none; color: #cbd7df; font-size: 14px; }
.product-points i { display: inline-grid; width: 20px; height: 20px; margin-right: 8px; place-items: center; border-radius: 50%; color: #8bc8ff; background: rgba(61,156,255,.12); font-size: 11px; font-style: normal; }
.text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--green-bright); font-size: 14px; font-weight: 680; }.nodebase-link { color: #72b7ff; }.text-link span { transition: transform .16s ease; }.text-link:hover span { transform: translate(2px,-2px); }
.workspace-window { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(5,9,15,.94); box-shadow: 0 26px 70px rgba(0,0,0,.4); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.window-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 13px 15px; border-bottom: 1px solid var(--line); color: #667386; font-size: 10px; }
.window-bar>span { display: flex; gap: 5px; }.window-bar>span i { width: 7px; height: 7px; border-radius: 50%; background: #2a3443; }.window-bar>b { justify-self: end; letter-spacing: 2px; }
.window-body { padding: 26px; }.worker-row { display: flex; align-items: center; gap: 13px; padding: 18px; border: 1px solid rgba(61,156,255,.15); border-radius: 14px; background: linear-gradient(145deg,rgba(61,156,255,.09),rgba(255,255,255,.025)); }.worker-icon { display: grid; width: 42px; height: 42px; place-items: center; }.worker-row small { display: block; margin-bottom: 3px; color: #67778d; font-size: 10px; }.worker-row strong { font-size: 14px; }.online { margin-left: auto; font-size: 10px; }
.task-list { margin-top: 16px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.02); }.task-row { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 10px; padding: 14px; }.task-row+.task-row { border-top: 1px solid rgba(255,255,255,.06); }.task-row strong,.task-row small { display: block; }.task-row strong { color: #cdd7e2; font: 11px ui-monospace,monospace; }.task-row small { margin-top: 4px; color: #5e6a7a; font-size: 9px; }.task-row>b { color: #6d7b8d; font: 9px ui-monospace,monospace; }
.task-icon { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; font-size: 10px; }.task-icon.done { color: #78dcaa; background: rgba(60,218,160,.1); }.task-icon.running { width: 8px; height: 8px; margin-left: 5px; background: var(--blue); box-shadow: 0 0 12px var(--blue); }.progress { height: 2px; background: rgba(61,156,255,.08); }.progress i { display: block; width: 68%; height: 100%; background: linear-gradient(90deg,#0962ca,#5baaff); }
.terminal { margin-top: 16px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 10px; color: #8392a6; background: rgba(0,0,0,.22); font: 10px ui-monospace,monospace; }.terminal span { margin-right: 8px; color: var(--blue); }.terminal i { display: inline-block; width: 6px; height: 11px; margin-left: 3px; background: #7890aa; animation: blink 1.1s steps(1) infinite; vertical-align: -2px; }@keyframes blink { 50% { opacity: 0; } }
.capabilities-section { border-top: 1px solid rgba(255,255,255,.05); }.center-heading { max-width: 790px; margin: 0 auto 58px; text-align: center; }.center-heading p { max-width: 650px; margin: 20px auto 0; color: var(--muted); font-size: 17px; line-height: 1.75; }.capability-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.capability-card { position: relative; overflow: hidden; min-height: 400px; padding: 29px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg,rgba(18,32,28,.9),rgba(8,16,13,.86)); }.capability-card.featured { border-color: rgba(114,240,189,.18); background: radial-gradient(circle at 50% 10%,rgba(60,218,160,.1),transparent 38%),linear-gradient(145deg,rgba(18,36,30,.94),rgba(8,16,13,.9)); }.card-index { position: absolute; top: 28px; right: 28px; color: #4e5c56; font: 11px ui-monospace,monospace; }
.capability-icon { position: relative; width: 72px; height: 72px; margin: 30px 0 42px; border: 1px solid rgba(114,240,189,.16); border-radius: 20px; background: rgba(60,218,160,.06); }.capability-icon i { position: absolute; display: block; }.icon-product i { inset: 18px; border: 1px solid var(--green); border-radius: 8px; }.icon-product i:last-child { inset: 27px 14px 14px 27px; border-color: var(--gold); background: rgba(213,168,94,.08); }.icon-ai i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(60,218,160,.5); }.icon-ai i:nth-child(1){top:19px;left:31px}.icon-ai i:nth-child(2){top:42px;left:19px;background:var(--gold)}.icon-ai i:nth-child(3){top:42px;right:19px}.icon-ai::before,.icon-ai::after{position:absolute;top:31px;width:28px;height:1px;background:rgba(114,240,189,.4);content:""}.icon-ai::before{left:17px;transform:rotate(55deg)}.icon-ai::after{right:17px;transform:rotate(-55deg)}.icon-ops i{left:18px;width:36px;height:6px;border-radius:99px;background:rgba(114,240,189,.25)}.icon-ops i:nth-child(1){top:20px;width:23px;background:var(--green)}.icon-ops i:nth-child(2){top:33px}.icon-ops i:nth-child(3){top:46px;width:29px;background:rgba(213,168,94,.55)}
.capability-card h3 { margin-bottom: 14px; font-size: 23px; font-weight: 670; letter-spacing: -.025em; }.capability-card p { margin-bottom: 26px; color: var(--muted); font-size: 15px; line-height: 1.72; }.card-detail { position: absolute; bottom: 29px; left: 29px; color: #63716b; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.approach-section { background: #0a1411; }.approach-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(430px,.85fr); gap: 112px; align-items: center; }.approach-copy>p { max-width: 570px; margin: 24px 0 26px; color: var(--muted); font-size: 16px; line-height: 1.8; }.approach-steps { margin: 0; padding: 0; list-style: none; }.approach-steps li { display: grid; grid-template-columns: 46px 1fr; gap: 20px; padding: 28px 0; border-top: 1px solid var(--line); }.approach-steps li:last-child { border-bottom: 1px solid var(--line); }.approach-steps>li>span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(114,240,189,.18); border-radius: 50%; color: #82dcb7; background: rgba(60,218,160,.05); font-size: 9px; }.approach-steps strong { display: block; margin: 6px 0 7px; font-size: 17px; }.approach-steps p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.company-section { padding-bottom: 52px; }.company-card { display: grid; overflow: hidden; grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); gap: 80px; align-items: center; padding: 65px; border: 1px solid rgba(114,240,189,.16); border-radius: 28px; background: radial-gradient(circle at 10% 110%,rgba(60,218,160,.11),transparent 38%),linear-gradient(145deg,#111d18,#0b1310); }.company-copy h2 { font-size: clamp(38px,4.2vw,54px); }.company-copy p { max-width: 580px; margin: 23px 0 0; color: var(--muted); line-height: 1.78; }.company-facts { display: grid; gap: 12px; }.company-facts>div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }.company-facts small { color: var(--subtle); font-size: 11px; }.company-facts strong { color: #e8e9df; font-size: 13px; }
.cta-section { padding: 52px 0 128px; }.cta-card { position: relative; overflow: hidden; padding: 88px 40px; border-radius: 28px; color: #07100e; background: radial-gradient(circle at 82% 14%,rgba(255,255,255,.32),transparent 26%),linear-gradient(125deg,#8df1c8,#45c993); text-align: center; }.cta-card .kicker { color: rgba(7,16,14,.62); }.cta-card h2 { position: relative; z-index: 1; font-size: clamp(44px,5.4vw,68px); }.cta-card p { position: relative; z-index: 1; max-width: 570px; margin: 22px auto 28px; color: rgba(7,16,14,.68); font-size: 16px; line-height: 1.7; }.button.light { position: relative; z-index: 1; color: #fff; background: #07100e; box-shadow: 0 12px 28px rgba(7,16,14,.2); }.cta-orbit { position: absolute; top: -260px; left: 50%; width: 650px; height: 650px; border: 1px solid rgba(7,16,14,.09); border-radius: 50%; transform: translateX(-50%); }.cta-orbit::before,.cta-orbit::after { position: absolute; inset: 74px; border: 1px solid rgba(7,16,14,.08); border-radius: 50%; content: ""; }.cta-orbit::after { inset: 150px; }
.footer { border-top: 1px solid var(--line); background: var(--deep); }.footer-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 38px; align-items: center; padding: 40px 0 34px; }.footer-inner>p { margin: 0; color: var(--subtle); font-size: 13px; }.footer-inner>div { display: flex; gap: 22px; color: #a7b2ac; font-size: 13px; }.footer-inner>small { grid-column: 1/-1; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.06); color: #4e5a55; font-size: 10px; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){.hero{min-height:auto}.hero-layout,.section-heading,.product-stage,.approach-layout,.company-card{grid-template-columns:1fr}.hero-layout{gap:64px}.section-heading{gap:24px}.product-stage{gap:50px;padding:52px}.workspace-window{transform:none}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:330px}.approach-layout,.company-card{gap:60px}}
@media(max-width:760px){.shell{width:min(100% - 32px,var(--shell))}.nav{min-height:66px}.nav-toggle{position:relative;z-index:3;display:grid;width:42px;height:42px;padding:0;place-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03)}.nav-toggle span{display:block;width:19px;height:1px;background:#dce5df;transition:.16s ease}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{position:fixed;inset:65px 0 auto;display:grid;gap:0;padding:12px 16px 20px;border-bottom:1px solid var(--line);background:rgba(5,11,9,.98);opacity:0;pointer-events:none;transform:translateY(-12px);transition:.16s ease}.nav-links.is-open{opacity:1;pointer-events:auto;transform:none}.nav-links a{padding:14px 5px;border-bottom:1px solid rgba(255,255,255,.055)}.nav-links .nav-cta{margin-top:12px;padding:12px 14px;text-align:center}.hero{padding:130px 0 84px}.hero-layout{gap:50px}.hero h1{font-size:clamp(44px,13vw,64px)}.signal-card{min-height:400px;padding:21px}.signal-center{min-height:245px;gap:18px}.signal-mark{width:78px;height:78px;border-radius:23px;font-size:44px}.section{padding:92px 0}.section-heading{margin-bottom:40px}.section-heading h2,.center-heading h2,.approach-copy h2,.company-copy h2{font-size:clamp(35px,10vw,48px)}.product-stage{padding:30px 21px;border-radius:22px}.window-body{padding:15px}.worker-row{padding:14px}.task-row{padding:12px 10px}.capability-card{min-height:360px;padding:25px}.company-card{padding:39px 25px;border-radius:22px}.company-facts>div{display:grid}.cta-card{padding:72px 22px;border-radius:22px}.cta-card h2{font-size:clamp(42px,12vw,56px)}.footer-inner{grid-template-columns:1fr auto}.footer-inner>p{grid-column:1/-1;grid-row:2}.footer-inner>div{justify-content:flex-end}}
@media(max-width:470px){.hero-actions .button{width:100%}.region-note{align-items:flex-start;line-height:1.5}.signal-center{display:grid;align-content:center}.signal-mark{width:66px;height:66px;border-radius:19px;font-size:37px}.workspace-window{margin-inline:-7px}.worker-row{display:grid;grid-template-columns:42px 1fr}.online{grid-column:2;margin-left:0}.footer-inner{grid-template-columns:1fr}.footer-inner>div{justify-content:flex-start}}

/* Company, support, security, and legal information pages */
.info-page { background: var(--bg); }
.info-main { min-height: 70vh; padding-top: 72px; }
.info-hero { position: relative; overflow: hidden; padding: 104px 0 74px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 18% 10%,rgba(60,218,160,.12),transparent 34%); }
.info-hero::after { position: absolute; inset: 0; opacity: .1; background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom,#000,transparent); content: ""; pointer-events: none; }
.info-hero-inner { position: relative; z-index: 1; max-width: 820px; }
.info-hero h1 { margin: 14px 0 22px; font-size: clamp(46px,6vw,72px); font-weight: 740; letter-spacing: -.055em; line-height: 1; }
.info-hero p { max-width: 720px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.info-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 24px; color: var(--subtle); font-size: 12px; }
.info-layout { display: grid; grid-template-columns: 210px minmax(0,760px); gap: 80px; align-items: start; padding-block: 72px 112px; }
.info-toc { position: sticky; top: 104px; display: grid; gap: 12px; padding-left: 16px; border-left: 1px solid var(--line); }
.info-toc>span { margin-bottom: 5px; color: #dce8e1; font-size: 12px; font-weight: 660; }
.info-toc a { color: var(--subtle); font-size: 12px; line-height: 1.45; }
.info-toc a:hover { color: var(--green-bright); }
.info-content { min-width: 0; }
.info-content>section { scroll-margin-top: 104px; padding: 44px 0; border-top: 1px solid var(--line); }
.info-content>section:first-child { padding-top: 0; border-top: 0; }
.info-content h2 { margin: 0 0 20px; font-size: clamp(28px,3vw,38px); font-weight: 680; letter-spacing: -.035em; line-height: 1.2; }
.info-content h3 { margin: 30px 0 12px; color: #dfe9e3; font-size: 17px; }
.info-content p,.info-content li { color: var(--muted); font-size: 15px; line-height: 1.82; }
.info-content p { margin-bottom: 17px; }
.info-content ul { margin: 18px 0 22px; padding-left: 22px; }
.info-content li+li { margin-top: 10px; }
.info-content strong { color: #e4ece7; font-weight: 650; }
.info-content a { color: var(--green-bright); text-decoration: underline; text-decoration-color: rgba(114,240,189,.3); text-underline-offset: 3px; }
.info-content a:hover { text-decoration-color: currentColor; }
.info-callout { padding: 25px 27px; border: 1px solid rgba(114,240,189,.18); border-radius: 16px; background: linear-gradient(145deg,rgba(18,36,30,.78),rgba(8,16,13,.86)); }
.info-callout p:last-child { margin-bottom: 0; }
.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 24px 0; }
.info-grid>div,.info-card { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); }
.info-grid p { margin: 8px 0 0; font-size: 13px; line-height: 1.65; }
.info-facts { display: grid; gap: 12px; margin: 24px 0; }
.info-facts>div { display: grid; grid-template-columns: minmax(150px,.45fr) 1fr; gap: 20px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }
.info-facts small { color: var(--subtle); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.info-facts strong { color: #e6eee9; font-size: 14px; }
.info-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.info-actions a { text-decoration: none; }
.info-note { padding: 17px 19px; border-left: 2px solid var(--green); background: rgba(60,218,160,.055); }
.info-page .footer-inner { grid-template-columns: auto 1fr; }
.info-page .footer-inner .footer-links { justify-content: flex-end; flex-wrap: wrap; }
.footer-links { display: flex; flex-wrap: wrap; gap: 14px 20px!important; }
@media(max-width:850px){.info-layout{grid-template-columns:1fr;gap:42px}.info-toc{position:static;grid-template-columns:repeat(2,1fr);padding:20px 0 0;border-top:1px solid var(--line);border-left:0}.info-toc>span{grid-column:1/-1}.info-grid{grid-template-columns:1fr}.info-page .footer-inner{grid-template-columns:1fr}.info-page .footer-inner .footer-links{justify-content:flex-start}}
@media(max-width:760px){.info-main{padding-top:66px}.info-hero{padding:76px 0 56px}.info-hero h1{font-size:clamp(42px,13vw,60px)}.info-hero p{font-size:16px}.info-layout{padding-block:48px 84px}.info-content>section{padding:36px 0}.info-content p,.info-content li{font-size:14px}.info-callout{padding:21px}.info-facts>div{grid-template-columns:1fr;gap:7px}.info-toc{grid-template-columns:1fr}}