:root {
	color-scheme: dark;
	--page: #070b12;
	--panel: #0e1723;
	--line: rgba(139, 163, 190, .15);
	--text: #ecf3f6;
	--muted: #91a2b0;
	--cyan: #68e8d0;
	--blue: #63b8f4;
	--violet: #a98bff;
	--font-display: "Space Grotesk", sans-serif;
	--font-body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body.landing-page { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--page); color: var(--text); font: 14px/1.55 var(--font-body), sans-serif; -webkit-font-smoothing: antialiased; }
.landing-page:before { position: fixed; inset: 0; z-index: -1; content: ""; pointer-events: none; background-image: linear-gradient(rgba(131,163,190,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(131,163,190,.045) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,#000,transparent 75%); }
.landing-page a { color: inherit; text-decoration: none; transition: color .2s,border-color .2s,background-color .2s,transform .2s,box-shadow .2s; }
.page-width { width: min(1200px,calc(100% - 64px)); margin-inline: auto; }

.site-header { position: sticky; top: 0; z-index: 20; height: 76px; padding: 0 max(32px,calc((100% - 1320px)/2)); display: flex; align-items: center; gap: 52px; border-bottom: 1px solid rgba(139,163,190,.12); background: rgba(7,11,18,.88); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; font: 600 20px var(--font-display); }
.brand-mark { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(145deg,#79e8d7,#65aef5 56%,#a38af4); color: #071016; font: 700 17px var(--font-display); box-shadow: 0 0 22px rgba(104,232,208,.16); }
.brand-mark.profitera-logo-mark { object-fit: contain; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.main-nav { height: 100%; display: flex; align-items: center; gap: 32px; }
.main-nav a,.account-link { color: #a8b5c0; font-size: 12px; font-weight: 600; }
.main-nav a:hover,.account-link:hover { color: #ecf3f6; }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 22px; }
.header-cta { padding: 10px 14px; border: 1px solid rgba(104,232,208,.27); border-radius: 5px; color: #dbfbf2 !important; background: rgba(104,232,208,.07); font-size: 11px; font-weight: 700; }
.header-cta span { margin-left: 9px; color: var(--cyan); }
.header-cta:hover { border-color: rgba(104,232,208,.62); background: rgba(104,232,208,.12); }

.hero { position: relative; isolation: isolate; width: 100vw; max-width: none; min-height: 760px; margin-left: calc(50% - 50vw); padding: 72px clamp(28px, 5vw, 110px) 40px clamp(28px, 7vw, 140px); display: grid; grid-template-columns: minmax(340px, .88fr) minmax(420px, 1.12fr); gap: 22px; align-items: center; }
.hero.page-width { width: 100%; margin: 0; }
.hero:before { position: absolute; inset: 0; z-index: -2; content: ""; background-image: url('/static/images/back2.png'); background-size: cover; background-position: 74% center; background-repeat: no-repeat; filter: saturate(1.25) contrast(1.08) brightness(1.02); }
.hero:after { position: absolute; right: 8%; top: 15%; z-index: -1; width: 340px; height: 340px; border-radius: 50%; content: ""; pointer-events: none; background: radial-gradient(circle,rgba(104,232,208,.1),rgba(99,184,244,.035) 42%,transparent 72%); filter: blur(22px); }
.hero-copy { position: relative; z-index: 2; max-width: 470px; padding-bottom: 8px; animation: rise-in .7s both; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #94a9b1; font-size: 9px; font-weight: 700; letter-spacing: 1.45px; }
.pulse-dot,.tiny-signal { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px rgba(104,232,208,.7); }
.hero h1,.section-heading h2 { margin: 23px 0 18px; font: 500 clamp(42px,5.25vw,68px)/1.035 var(--font-display); letter-spacing: 0; }
.hero h1 span,.section-heading h2 span { background: linear-gradient(100deg,#72ead2 8%,#74c6ef 56%,#b6a2ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-intro { max-width: 455px; margin: 0; color: #a0adb8; font-size: 14px; line-height: 1.8; }
.hero-actions { margin-top: 28px; display: flex; align-items: center; gap: 11px; }
.button { min-height: 43px; padding: 0 16px; display: inline-flex; justify-content: center; align-items: center; gap: 14px; border-radius: 5px; font-size: 11px; font-weight: 700; }
.button-primary { background: linear-gradient(105deg,#67dfca,#80c3e9); color: #071318 !important; box-shadow: 0 8px 28px rgba(89,205,185,.14); }
.button-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(89,205,185,.25); }
.button-primary span { font-size: 16px; font-weight: 500; }
.button-quiet { border: 1px solid rgba(139,163,190,.22); color: #d8e2e8 !important; }
.button-quiet:hover { border-color: rgba(139,163,190,.48); background: rgba(255,255,255,.035); }
.play-mark { color: var(--cyan); font-size: 9px; }
.hero-footnote { margin-top: 32px; display: flex; align-items: center; gap: 11px; color: #71818d; font-size: 10px; }
.footnote-rule { width: 25px; height: 1px; background: var(--cyan); opacity: .7; }

.account-home { margin-top: 12px; margin-bottom: 36px; padding: 22px 25px; display: flex; align-items: center; gap: 28px; border: 1px solid rgba(139,163,190,.18); border-radius: 10px; background: linear-gradient(110deg,rgba(15,26,37,.94),rgba(11,19,29,.92)); }
.account-home>div:first-child { flex: 1; }
.account-home h2 { margin: 8px 0 3px; font: 500 23px var(--font-display); }
.account-home p { margin: 0; color: var(--muted); font-size: 11px; }
.account-home-status { min-width: 185px; padding-left: 22px; border-left: 1px solid var(--line); }
.account-home-status span,.account-home-status small { display: block; color: #82939e; font-size: 8px; letter-spacing: .8px; }
.account-home-status strong { display: block; margin: 4px 0; font: 500 14px var(--font-display); }
.account-home-status small { font-size: 10px; letter-spacing: 0; }

.terminal-scene { position: relative; min-width: 0; min-height: 410px; display: grid; place-items: center; margin-left: auto; transform: translateX(18px); animation: rise-in .85s .08s both; }
.terminal-scene:before { position: absolute; inset: 10% 2% 8%; content: ""; background-image: radial-gradient(rgba(153,190,213,.35) .7px,transparent .8px); background-size: 17px 17px; mask-image: radial-gradient(ellipse,#000 10%,transparent 69%); opacity: .36; }
.scene-orbit { position: absolute; width: 390px; height: 390px; border: 1px solid rgba(129,165,182,.12); border-radius: 50%; transform: rotate(-24deg) scaleY(.4); }
.orbit-two { width: 460px; height: 460px; border-color: rgba(158,141,198,.15); transform: rotate(36deg) scaleY(.37); }
.scene-core { position: absolute; top: 17%; right: 13%; width: 122px; height: 122px; display: grid; place-items: center; border: 1px solid rgba(104,232,208,.32); border-radius: 50%; background: radial-gradient(circle at 35% 34%,rgba(104,232,208,.25),rgba(45,88,107,.09) 37%,rgba(7,13,23,.55) 72%); box-shadow: 0 0 40px rgba(104,232,208,.1),inset 0 0 30px rgba(104,232,208,.1); animation: core-glow 5s ease-in-out infinite; }
.scene-core:before,.scene-core:after { position: absolute; inset: 11px; content: ""; border: 1px solid rgba(104,232,208,.2); border-radius: 50%; transform: rotate(35deg) scaleX(.42); }
.scene-core:after { border-color: rgba(169,139,255,.25); transform: rotate(-35deg) scaleX(.42); }
.scene-core span { color: #c9fff2; font: 500 37px var(--font-display); text-shadow: 0 0 25px rgba(104,232,208,.8); }
.scene-core i,.scene-core b,.scene-node { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.scene-core i { top: 28px; right: 15px; background: var(--violet); box-shadow: 0 0 12px var(--violet); }
.scene-core b { left: 17px; bottom: 30px; }
.scene-node { width: 5px; height: 5px; }
.node-one { top: 14%; right: 37%; }.node-two { top: 38%; right: 8%; background: var(--violet); box-shadow: 0 0 13px var(--violet); }.node-three { top: 33%; right: 41%; width: 3px; height: 3px; }
.market-window { z-index: 2; width: min(100%, 520px); margin-top: 84px; overflow: hidden; border: 1px solid rgba(132,163,184,.2); border-radius: 12px; background: linear-gradient(145deg,rgba(15,26,37,.97),rgba(9,15,24,.95)); box-shadow: 0 30px 85px rgba(0,0,0,.38),0 0 48px rgba(96,174,190,.055); backdrop-filter: blur(16px); }
.window-topline { height: 36px; padding: 0 13px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(139,163,190,.12); background: rgba(255,255,255,.014); }
.window-lights { display: flex; gap: 4px; }.window-lights i { width: 5px; height: 5px; border-radius: 50%; background: #64727e; }.window-lights i:first-child { background: var(--cyan); }.window-lights i:last-child { background: var(--violet); }
.window-label,.window-time { color: #74838e; font-size: 8px; font-weight: 700; letter-spacing: .8px; }.window-label { margin-right: auto; }.window-label b { margin-left: 7px; font-size: 7px; letter-spacing: .5px; }.window-time { font-variant-numeric: tabular-nums; }
.market-heading { padding: 16px 18px 7px; display: flex; align-items: center; justify-content: space-between; }.micro-label,.sample-quote span { display: block; color: #788a97; font-size: 8px; font-weight: 600; letter-spacing: .8px; }.market-heading strong { display: block; margin-top: 4px; color: #e2ebed; font: 500 15px var(--font-display); }.sample-quote { text-align: right; }.sample-quote b { display: block; margin-top: 3px; color: #aee6d7; font: 500 12px var(--font-display); }
.chart-area { position: relative; height: 150px; margin: 5px 18px 0 46px; background: repeating-linear-gradient(to bottom,transparent 0,transparent 36px,rgba(139,163,190,.1) 37px,transparent 38px); }
.chart-y-labels { position: absolute; top: -3px; bottom: 17px; left: -45px; display: flex; flex-direction: column; justify-content: space-between; color: #667783; font: 8px var(--font-body); }
.hero-chart { width: 100%; height: calc(100% - 15px); overflow: visible; }.chart-fill { fill: url(#chartFill); }.chart-line { fill: none; stroke: var(--cyan); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(104,232,208,.5)); }.chart-point { fill: #d9fff5; stroke: var(--cyan); stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart-x-labels { position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; color: #667783; font: 8px var(--font-body); }
.market-footer { height: 33px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(139,163,190,.1); color: #778893; font-size: 8px; }.market-footer span:first-child { display: flex; align-items: center; gap: 7px; color: #aab7bd; font-size: 7px; font-weight: 700; letter-spacing: .8px; }.tiny-signal { width: 5px; height: 5px; }
.scene-caption { position: absolute; right: 4%; bottom: 2%; display: flex; align-items: center; gap: 9px; color: #71818d; font-size: 9px; }.caption-line { width: 23px; height: 1px; background: linear-gradient(90deg,transparent,var(--violet)); }

.automation-section { position: relative; overflow: hidden; padding: 77px 0 70px; border-top: 1px solid rgba(139,163,190,.1); border-bottom: 1px solid rgba(139,163,190,.1); background: linear-gradient(105deg,rgba(13,23,33,.94),rgba(10,16,26,.97) 68%,rgba(17,18,33,.92)); }
.automation-section:before { position: absolute; top: -310px; right: -80px; width: 600px; height: 600px; border: 1px solid rgba(104,232,208,.07); border-radius: 50%; content: ""; box-shadow: 0 0 0 40px rgba(104,232,208,.018),0 0 0 80px rgba(169,139,255,.016); pointer-events: none; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; }.section-heading h2 { margin: 13px 0 0; font-size: clamp(36px,4vw,49px); line-height: 1.08; }.section-heading h2 span { background: linear-gradient(100deg,#78e6d4,#8ec5e8 58%,#b0a0ee); -webkit-background-clip: text; background-clip: text; color: transparent; }
.automation-heading>p { max-width: 365px; margin: 0 0 5px; color: #9aa8b2; font-size: 12px; line-height: 1.8; }
.builder-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(275px,.72fr); gap: 30px; margin-top: 39px; align-items: stretch; }
.builder-window { min-width: 0; overflow: hidden; border: 1px solid rgba(133,164,182,.19); border-radius: 7px; background: rgba(8,14,22,.9); box-shadow: 0 26px 68px rgba(0,0,0,.24); }
.builder-toolbar { height: 60px; padding: 0 17px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid rgba(133,164,182,.13); }.builder-brand { margin-right: auto; display: flex; align-items: center; gap: 9px; }.builder-brand-icon { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(104,232,208,.35); border-radius: 5px; color: var(--cyan); background: rgba(104,232,208,.08); font: 600 14px var(--font-display); }.builder-brand strong,.builder-brand small { display: block; }.builder-brand strong { color: #e1eaec; font: 600 11px var(--font-display); }.builder-brand small { margin-top: 2px; color: #71818d; font-size: 8px; }
.preview-tag { display: flex; align-items: center; gap: 6px; color: #8fa0a8; font-size: 7px; font-weight: 700; letter-spacing: .8px; }.preview-tag i { width: 5px; height: 5px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 8px rgba(169,139,255,.7); }.toolbar-launch { padding: 7px 9px; border: 1px solid rgba(104,232,208,.21); border-radius: 4px; color: #bcefe3 !important; font-size: 8px; font-weight: 700; }.toolbar-launch span { margin-left: 5px; }.toolbar-launch:hover { background: rgba(104,232,208,.07); }
.builder-content { min-height: 285px; display: grid; grid-template-columns: 126px 1fr; }.builder-tools { padding: 17px 10px; border-right: 1px solid rgba(133,164,182,.12); color: #96a4ad; font-size: 9px; }.tool-caption { display: block; margin: 0 0 12px 6px; color: #687986; font-size: 7px; font-weight: 700; letter-spacing: 1px; }.builder-tools>div:not(.tool-divider) { height: 34px; padding: 0 7px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(133,164,182,.07); }.tool-dot { width: 6px; height: 6px; border-radius: 2px; }.tool-dot.cyan { background: var(--cyan); }.tool-dot.blue { background: var(--blue); }.tool-dot.violet { background: var(--violet); }.tool-dot.green { background: #a6e6bc; }.tool-divider { height: 1px; margin: 11px 3px; background: rgba(133,164,182,.12); }.builder-tools .tool-muted { color: var(--violet); }
.flow-canvas { position: relative; min-width: 0; padding: 16px 20px 20px; background-image: radial-gradient(rgba(133,164,182,.22) .6px,transparent .8px); background-size: 14px 14px; }.canvas-meta { display: flex; justify-content: space-between; color: #647582; font-size: 7px; font-weight: 700; letter-spacing: .8px; }.canvas-meta span:last-child { color: #84938d; }
.flow-block { position: relative; z-index: 1; width: min(100%,300px); min-height: 48px; margin: 12px auto 0; padding: 7px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(133,164,182,.22); border-left: 2px solid var(--cyan); border-radius: 4px; background: linear-gradient(110deg,rgba(16,31,39,.98),rgba(12,20,29,.98)); box-shadow: 0 8px 17px rgba(0,0,0,.15); }.block-condition { border-left-color: var(--blue); }.block-action { border-left-color: var(--violet); }.block-icon { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(104,232,208,.2); border-radius: 4px; color: #85dfd0; background: rgba(104,232,208,.065); font: 500 8px var(--font-display); }.block-condition .block-icon { border-color: rgba(99,184,244,.22); color: #8cccf2; background: rgba(99,184,244,.065); }.block-action .block-icon { border-color: rgba(169,139,255,.22); color: #bcabf1; background: rgba(169,139,255,.065); }.flow-block small,.flow-block strong { display: block; }.flow-block small { color: #71818d; font-size: 6px; font-weight: 700; letter-spacing: .8px; }.flow-block strong { margin-top: 3px; color: #d7e1e4; font-size: 9px; font-weight: 600; }.block-port { position: absolute; bottom: -4px; left: 50%; width: 6px; height: 6px; border: 1px solid var(--cyan); border-radius: 50%; background: #0d1820; transform: translateX(-50%); }.flow-connector { position: relative; width: 1px; height: 10px; margin: 0 auto; background: linear-gradient(var(--cyan),var(--blue)); opacity: .7; }.flow-connector i { position: absolute; bottom: 0; left: -2px; width: 5px; height: 5px; border-right: 1px solid var(--blue); border-bottom: 1px solid var(--blue); transform: rotate(45deg); }.canvas-coordinate { position: absolute; right: 11px; bottom: 8px; color: #667681; font: 7px var(--font-body); }.canvas-coordinate span { padding: 0 4px; color: var(--violet); }
.automation-aside { display: flex; flex-direction: column; justify-content: space-between; gap: 15px; }.capability-list { border-top: 1px solid rgba(133,164,182,.15); }.capability { min-height: 78px; padding: 13px 0; display: grid; grid-template-columns: 29px 1fr 17px; gap: 9px; align-items: start; border-bottom: 1px solid rgba(133,164,182,.13); }.capability-index { padding-top: 2px; color: #79dac9; font: 500 9px var(--font-display); }.capability strong { color: #dfe9eb; font: 600 11px var(--font-display); }.capability p { margin: 4px 0 0; color: #84939e; font-size: 9px; line-height: 1.6; }.capability-mark { color: #778b92; font: 400 16px var(--font-display); }
.research-note { min-height: 88px; padding: 13px; display: flex; gap: 11px; align-items: center; border: 1px solid rgba(169,139,255,.19); border-radius: 5px; background: linear-gradient(115deg,rgba(117,95,165,.1),rgba(104,232,208,.035)); }.research-icon { position: relative; flex: none; width: 30px; height: 30px; border: 1px solid rgba(169,139,255,.45); border-radius: 50%; box-shadow: 0 0 16px rgba(169,139,255,.12); }.research-icon span,.research-icon i,.research-icon b { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #c7b5ff; box-shadow: 0 0 7px var(--violet); }.research-icon span { top: 6px; left: 12px; }.research-icon i { bottom: 7px; left: 6px; }.research-icon b { right: 5px; bottom: 9px; }.research-icon:before,.research-icon:after { position: absolute; top: 13px; left: 8px; width: 14px; height: 1px; content: ""; background: rgba(169,139,255,.52); transform: rotate(-24deg); }.research-icon:after { transform: rotate(52deg); }.research-label { color: #c2b2ed; font-size: 7px; font-weight: 700; letter-spacing: .6px; }.research-label b { margin-left: 4px; color: #9ca4aa; font-size: 6px; }.research-note p { margin: 5px 0 0; color: #89939e; font-size: 8px; line-height: 1.6; }
.automation-cta { margin-top: 26px; padding-top: 19px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid rgba(133,164,182,.12); color: #8797a0; font-size: 10px; }.automation-cta .button { min-height: 37px; padding-inline: 13px; }

.workspaces-section { padding-top: 88px; padding-bottom: 92px; }.workspace-heading h2 { font-size: clamp(37px,4.2vw,52px); }.text-link { padding-bottom: 6px; color: #a6e8da !important; font-size: 10px; font-weight: 700; }.text-link span { margin-left: 8px; font-size: 14px; }.text-link:hover { color: #e4fff8 !important; }
.workspace-grid { margin-top: 38px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.workspace-card { --card-accent: #68e8d0; position: relative; min-width: 0; aspect-ratio: 1.15 / 1; overflow: hidden; border: 1px solid rgba(133,164,182,.16); border-radius: 6px; background-color: #070b12; background-repeat: no-repeat; background-position: center 8px; background-size: contain; transition: transform .22s,border-color .22s,box-shadow .22s; animation: rise-in .6s both; }
.workspace-card:nth-child(2) { animation-delay: .06s; }
.workspace-card:nth-child(3) { animation-delay: .12s; }
.workspace-card:nth-child(4) { animation-delay: .18s; }
.workspace-card:hover { transform: translateY(-4px); border-color: var(--card-accent); box-shadow: 0 17px 40px rgba(0,0,0,.24),0 0 25px rgba(104,232,208,.055); }
.digits-card { --card-accent: #68e8d0; background-image: url('/static/images/digits.jpg'); }
.rise-card { --card-accent: #79bdf4; background-image: url('/static/images/rise_and_fall.jpg'); }
.accumulator-card { --card-accent: #e2bb83; background-image: url('/static/images/accumulators.jpg'); }
.bot-card { --card-accent: #ad9afd; background-image: url('/static/images/bot_builder.jpg'); }
.workspace-card-top { display: flex; align-items: center; justify-content: space-between; }
.workspace-icon { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(104,232,208,.32); border-radius: 5px; color: var(--card-accent); background: rgba(104,232,208,.07); font: 600 13px var(--font-display); }
.workspace-code { color: #6e7d87; font-size: 7px; font-weight: 700; letter-spacing: .7px; }
.mini-visual { position: relative; height: 103px; margin: 17px 0 13px; overflow: hidden; border: 1px solid rgba(133,164,182,.11); border-radius: 4px; background: linear-gradient(125deg,rgba(104,232,208,.07),rgba(8,13,22,.2)); }
.digit-visual { padding-bottom: 18px; display: flex; align-items: end; justify-content: center; gap: 11px; }
.digit-visual i { width: 8px; height: 26px; border: 1px solid rgba(104,232,208,.65); background: linear-gradient(0deg,rgba(104,232,208,.1),rgba(104,232,208,.58)); }
.digit-visual i:nth-child(2) { height: 43px; }
.digit-visual i:nth-child(3) { height: 32px; }
.digit-visual i:nth-child(4) { height: 57px; }
.digit-visual i:nth-child(5) { height: 37px; }
.digit-visual i:nth-child(6) { height: 49px; }
.digit-visual span { position: absolute; top: 8px; right: 11px; color: var(--card-accent); font: 500 12px var(--font-display); }
.rise-visual { padding: 12px; }
.rise-visual:before,.rise-visual:after { position: absolute; right: 0; left: 0; height: 1px; content: ""; background: rgba(133,164,182,.11); }
.rise-visual:before { top: 35%; }
.rise-visual:after { top: 67%; }
.rise-visual svg { position: relative; width: 100%; height: 100%; overflow: visible; }
.rise-visual path { fill: none; stroke: var(--card-accent); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(121,189,244,.45)); }
.accumulator-visual>div { position: absolute; inset: 0; padding-bottom: 15px; display: flex; align-items: end; justify-content: center; gap: 9px; }
.accumulator-visual i { width: 16px; height: 23px; border: 1px solid rgba(226,187,131,.48); background: linear-gradient(0deg,rgba(226,187,131,.08),rgba(226,187,131,.38)); }
.accumulator-visual i:nth-child(2) { height: 35px; }
.accumulator-visual i:nth-child(3) { height: 48px; }
.accumulator-visual i:nth-child(4) { height: 61px; }
.accumulator-visual i:nth-child(5) { height: 75px; }
.accumulator-visual>span { position: absolute; top: 9px; right: 12px; color: var(--card-accent); font: 500 15px var(--font-display); }
.bot-visual { display: flex; align-items: center; justify-content: center; gap: 12px; }
.bot-node { z-index: 1; width: 32px; height: 29px; display: grid; place-items: center; border: 1px solid rgba(173,154,253,.45); border-radius: 4px; color: #c3b8fc; background: #151628; font: 500 8px var(--font-display); }
.node-b { border-color: rgba(104,232,208,.45); color: #a8e8db; background: #10201f; }
.node-c { border-color: rgba(121,189,244,.4); color: #a3d5f2; background: #111e2a; }
.bot-link { width: 11px; height: 1px; background: linear-gradient(90deg,#ad9afd,#68e8d0); }
.bot-live-dot { position: absolute; top: 10px; right: 11px; width: 5px; height: 5px; border-radius: 50%; background: #a6e6bc; box-shadow: 0 0 8px rgba(166,230,188,.6); }
.card-link { position: absolute; bottom: 12px; left: 50%; max-width: calc(100% - 24px); padding: 10px 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(255,255,255,.35); border-radius: 5px; color: #061217 !important; background: #78e8d4; font-size: 10px; font-weight: 800; white-space: nowrap; box-shadow: 0 5px 16px rgba(0,0,0,.32); transform: translateX(-50%); }
.card-link span { color: #06151b; font-size: 14px; }
.card-link:hover { transform: translate(-50%,-1px); box-shadow: 0 8px 20px rgba(0,0,0,.4); }

.site-footer { border-top: 1px solid rgba(139,163,190,.13); background: #080d14; }.footer-inner { padding-top: 27px; padding-bottom: 17px; display: grid; grid-template-columns: 1fr auto; column-gap: 35px; }.footer-brand .brand { font-size: 16px; }.footer-brand .brand-mark { width: 25px; height: 25px; border-radius: 7px; font-size: 14px; }.footer-brand p { margin: 7px 0 0; color: #7f8e98; font-size: 9px; }.footer-nav { display: flex; align-items: center; gap: 22px; }.footer-nav a { color: #9aa8b0; font-size: 9px; }.footer-nav a:hover { color: var(--cyan); }.risk-note { grid-column: 1/-1; margin: 20px 0 16px; padding: 11px 0; border-top: 1px solid rgba(133,164,182,.1); border-bottom: 1px solid rgba(133,164,182,.1); color: #77858e; font-size: 8px; }.footer-bottom { grid-column: 1/-1; display: flex; justify-content: space-between; color: #677680; font-size: 8px; }

@keyframes rise-in { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: translateY(0); } }
@keyframes core-glow { 0%,100% { box-shadow: 0 0 34px rgba(104,232,208,.08),inset 0 0 24px rgba(104,232,208,.08); } 50% { box-shadow: 0 0 48px rgba(104,232,208,.16),inset 0 0 32px rgba(104,232,208,.15); } }

@media (max-width: 980px) {
	.site-header { gap: 28px; }
	.hero { gap: 24px; grid-template-columns: .92fr 1.08fr; }
	.workspace-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.workspace-card { min-height: 0; }
	.builder-layout { grid-template-columns: minmax(0,1.35fr) minmax(250px,.8fr); gap: 23px; }
}
@media (max-width: 760px) {
	.page-width { width: min(100% - 40px,570px); }
	.site-header { height: 66px; padding: 0 20px; gap: 12px; }
	.account-home { width: calc(100% - 40px); margin-top: 0; padding: 18px; align-items: stretch; flex-direction: column; gap: 16px; }
	.account-home-status { padding: 0; border: 0; }
	.main-nav { display: none; }
	.header-actions { gap: 14px; }
	.hero { min-height: 0; padding-top: 57px; padding-bottom: 64px; grid-template-columns: 1fr; gap: 16px; }
	.hero:before { inset: -30px -20px 0; background-position: 63% center; }
	.hero:after { top: 37%; right: -18%; width: 250px; height: 250px; }
	.hero h1 { font-size: clamp(42px,10vw,61px); }
	.hero-intro { max-width: 500px; font-size: 13px; }
	.hero-footnote { margin-top: 22px; }
	.terminal-scene { min-height: 350px; margin-top: 2px; }
	.market-window { width: min(100%,490px); margin-top: 55px; }
	.scene-core { top: 2%; right: 12%; width: 94px; height: 94px; }
	.scene-core span { font-size: 29px; }
	.scene-orbit { width: 340px; height: 340px; }.orbit-two { width: 390px; height: 390px; }
	.scene-caption { right: 2%; bottom: 0; }
	.automation-section { padding: 59px 0 54px; }
	.section-heading { align-items: start; flex-direction: column; gap: 14px; }
	.section-heading h2 { font-size: clamp(36px,8vw,47px); }
	.automation-heading>p { max-width: 500px; }
	.builder-layout { grid-template-columns: 1fr; gap: 21px; margin-top: 27px; }
	.automation-aside { gap: 12px; }.capability { min-height: 68px; }.research-note { min-height: 78px; }
	.automation-cta { align-items: start; flex-direction: column; gap: 12px; }
	.workspaces-section { padding-top: 64px; padding-bottom: 65px; }
	.workspace-heading { align-items: start; }.workspace-heading .text-link { align-self: end; }
	.workspace-grid { gap: 10px; margin-top: 25px; }
	.footer-inner { grid-template-columns: 1fr; gap: 17px; }.footer-nav { flex-wrap: wrap; gap: 13px 20px; }.risk-note { margin: 2px 0 0; }.footer-bottom { gap: 12px; }
}
@media (max-width: 430px) {
	.page-width { width: calc(100% - 32px); }.site-header { padding: 0 16px; }.brand { font-size: 18px; }.brand-mark { width: 28px; height: 28px; }
	.header-actions { gap: 10px; }.account-link { font-size: 10px; }.header-cta { padding: 8px 9px; font-size: 9px; }.header-cta span { margin-left: 3px; }
	.hero { padding-top: 48px; padding-bottom: 48px; }.eyebrow { font-size: 8px; letter-spacing: 1.05px; }.hero h1 { margin-top: 19px; font-size: 43px; }.hero-intro { font-size: 12px; line-height: 1.75; }
	.hero-actions { gap: 8px; margin-top: 22px; }.button { min-height: 41px; padding: 0 12px; font-size: 10px; }.hero-footnote { font-size: 9px; }
	.terminal-scene { min-height: 297px; margin-right: -7px; margin-left: -7px; }.market-window { margin-top: 48px; }.scene-core { right: 11%; width: 75px; height: 75px; }.scene-core span { font-size: 24px; }.scene-core:before,.scene-core:after { inset: 8px; }.scene-orbit { width: 285px; height: 285px; }.orbit-two { width: 330px; height: 330px; }
	.window-topline { height: 31px; padding-inline: 9px; }.window-label { font-size: 7px; }.window-label b { display: none; }.market-heading { padding: 12px 12px 5px; }.market-heading strong { font-size: 13px; }.sample-quote b { font-size: 10px; }.chart-area { height: 122px; margin-right: 12px; margin-left: 39px; }.chart-y-labels { left: -37px; font-size: 7px; }.market-footer { height: 29px; padding-inline: 10px; font-size: 7px; }.scene-caption { font-size: 8px; }
	.automation-section { padding: 49px 0; }.section-heading h2 { font-size: 37px; }.builder-toolbar { height: 53px; padding-inline: 10px; gap: 8px; }.builder-brand-icon { width: 25px; height: 25px; }.builder-brand strong { font-size: 10px; }.preview-tag { font-size: 6px; }.toolbar-launch { padding: 6px; font-size: 7px; }
	.builder-content { min-height: 271px; grid-template-columns: 87px 1fr; }.builder-tools { padding: 14px 6px; font-size: 8px; }.builder-tools>div:not(.tool-divider) { padding-inline: 4px; gap: 5px; }.flow-canvas { padding: 14px 8px 20px; }.flow-block { padding-inline: 6px; gap: 6px; }.flow-block strong { font-size: 8px; }.block-icon { width: 21px; height: 21px; }.canvas-coordinate { font-size: 6px; }.research-note { padding: 10px; }.research-label { font-size: 6px; }.research-label b { font-size: 5px; }
	.workspace-grid { grid-template-columns: 1fr; }.footer-nav { gap: 12px 17px; }.footer-bottom { flex-direction: column; gap: 5px; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.landing-page *, .landing-page *:before, .landing-page *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}