/* BM Performance — immersive presentation, native type and continuous motion. */
:root {
 --bg:#050a15;--surface:#0a1426;--surface2:#10223d;--tint:#08111f;
 --line:#243b5d;--ink:#f5f9ff;--text:#b9cce5;--muted:#9fb5d1;
 --blue:#207cff;--cyan:#70daff;--shell:1400px;
}
html { scroll-padding-top:112px; }
body { background:var(--bg); font-weight:430; font-optical-sizing:auto; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; }
h1,h2,h3,h4 { font-weight:650; letter-spacing:-.025em; }
h1,h2 { line-height:1.12; }
h3,h4 { line-height:1.23; }
p { line-height:1.7; }
.button { border-radius:16px; min-height:54px; padding:14px 24px; font-weight:600; }
.button.primary { background:linear-gradient(120deg,#257dff,#0864f5); border-color:#5da4ff55; box-shadow:0 5px 0 #ffffff09 inset,0 10px 30px #0864f538; }
.button.primary:hover { box-shadow:0 6px 0 #ffffff09 inset,0 10px 36px #168bff65; }
.text-button { font-size:1rem; }
.eyebrow { font-size:.8125rem; font-weight:650; letter-spacing:.065em; }
.eyebrow .i { width:17px; height:17px; }
.section { padding:70px 0; border-color:#2b487b38; }
.section::before { width:24%; background:linear-gradient(90deg,transparent,#57b9ff,transparent); animation-duration:11s; }
.section-heading { margin-bottom:32px; gap:32px; }
.section-heading h2 { font-size:clamp(2.1rem,3.4vw,3.15rem); margin-top:13px; }
.section-heading > p { max-width:400px; font-size:1.0625rem; }
h2 span { color:#79dfff; }
.tint { background:radial-gradient(ellipse at 75% 0,#17407924,transparent 55%),#07101e; }
.site-header { height:98px; background:#050a15e8; border-color:#5982b426; backdrop-filter:blur(18px); }
.header-inner { gap:24px; }
.brand-crop,.footer-main .brand-crop { width:144px; height:84px; overflow:visible; display:flex; align-items:center; justify-content:center; }
.brand-crop img,.footer-main .brand-crop img { position:static; width:142px; height:84px; max-width:100%; object-fit:contain; mix-blend-mode:lighten; animation:brand-float 7s ease-in-out infinite; }
.desktop-nav { gap:30px; }
.desktop-nav a { font-size:.9375rem; }
.nav-contact { border-radius:14px; }
.menu-toggle { border-radius:13px; background:#10203a; }
.mobile-nav { background:#091426; }
.hero { padding-top:30px; background:radial-gradient(ellipse at 83% 40%,#10468a28,transparent 58%),linear-gradient(180deg,#050a15,#071223); isolation:isolate; }
.ambient-grid { position:absolute; inset:0; z-index:-1; background-image:linear-gradient(#64b7ff07 1px,transparent 1px),linear-gradient(90deg,#64b7ff07 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,transparent,black); }
.ambient-light { position:absolute; z-index:-1; width:65%; height:90%; pointer-events:none; border-radius:50%; opacity:.8; }
.light-one { right:-12%; top:-18%; background:radial-gradient(ellipse,#168bff2a,transparent 65%); animation:ambient-drift 16s ease-in-out infinite alternate; }
.light-two { right:18%; bottom:-40%; background:radial-gradient(ellipse,#0062ff26,transparent 60%); animation:ambient-drift 20s ease-in-out -8s infinite alternate-reverse; }
.hero-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:26px; }
.hero-copy { padding:25px 0; }
.hero h1 { font-size:clamp(3rem,4.6vw,4.55rem); margin:21px 0; line-height:1.1; letter-spacing:-.035em; }
.hero h1 > span { color:#71d8ff; background:linear-gradient(100deg,#d5f5ff,#7bdfff 43%,#4296ff); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-copy > p { font-size:1.1rem; line-height:1.75; max-width:560px; }
.hero-actions { gap:18px; margin-top:27px; }
.hero-footnote { margin-top:25px; font-size:.875rem; gap:20px; }
.hero-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:15px; padding-bottom:24px; border-top:1px solid #41689b22; gap:20px; }
.hero-bottom > span { color:#8fa9ce; font-size:.75rem; letter-spacing:.1em; }
.hero-bottom > a { width:39px; height:39px; display:grid; place-items:center; border:1px solid #315681; border-radius:50%; color:#93dcff; }
.hero-bottom > a .i { transform:rotate(90deg); width:17px; }
.intelligence-stage { position:relative; width:100%; min-width:0; height:570px; isolation:isolate; }
.orbit { position:absolute; border:1px solid #528be326; border-radius:50%; pointer-events:none; z-index:-1; }
.orbit::before { content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:#7edcff; box-shadow:0 0 22px #40a6ff; top:15%; left:15%; }
.orbit-one { width:370px; height:370px; left:50%; top:50%; margin-left:-185px; margin-top:-185px; animation:orbit-spin 28s linear infinite; }
.orbit-two { width:490px; height:490px; left:50%; top:50%; margin-left:-245px; margin-top:-245px; animation:orbit-spin 40s linear infinite reverse; opacity:.5; }
.intelligence-wires { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke-linecap:round; stroke-width:1.5; }
.wire-tracks { stroke:#294e7d; opacity:.8; }
.wire-packets { stroke:url(#wire-light); stroke-width:2.4; stroke-dasharray:24 350; animation:wire-travel 6s linear infinite; }
.wire-packets path:nth-child(even) { stroke-dasharray:40 310; }
.brand-core { position:absolute; width:230px; height:190px; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; flex-direction:column; justify-content:center; z-index:2; }
.brand-core .moving-logo { width:225px; height:160px; object-fit:contain; mix-blend-mode:lighten; animation:brand-float 6s ease-in-out infinite; }
.brand-core > span { font-size:.75rem; color:#94b7e7; letter-spacing:.07em; text-align:center; width:260px; }
.core-halo { position:absolute; z-index:-1; inset:-65px; background:radial-gradient(ellipse,#1c80ff35,transparent 70%); animation:halo-breathe 7s ease-in-out infinite; }
.intelligence-node { position:absolute; width:184px; padding:17px; border:1px solid #6ab1ff42; border-radius:22px; background:linear-gradient(135deg,#18355ce8,#0b172bee 70%); box-shadow:0 15px 38px #0003,inset 0 1px 0 #b5dbff14; z-index:3; }
.intelligence-node .node-icon { margin-bottom:12px; width:38px; height:38px; }
.intelligence-node strong { display:block; font-size:1rem; font-weight:600; letter-spacing:-.015em; }
.intelligence-node small { display:block; margin-top:4px; font-size:.8125rem; color:#a4bad8; }
.node-creation { left:1%; top:30px; }
.node-traffic { right:0; top:62px; }
.node-automation { left:1%; bottom:54px; }
.node-assistant { right:0; bottom:36px; }
.node-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid #5ea3ff52; border-radius:13px; background:linear-gradient(135deg,#1e5692,#102943); color:#90e4ff; flex-shrink:0; box-shadow:inset 0 1px 0 #b9dfff1a; }
.node-trace { display:block; height:2px; background:#294b71; margin-top:13px; overflow:hidden; border-radius:4px; }
.node-trace i { display:block; height:100%; width:42%; background:linear-gradient(90deg,transparent,#71ddff); animation:trace-run 3.5s ease-in-out infinite; animation-delay:calc(var(--order)*-.7s); }
.core-signature { position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:flex; gap:8px; align-items:center; white-space:nowrap; color:#9cbade; font-size:.75rem; }
.core-signature .i { width:15px; color:#67d6ff; }
.capabilities { border-top:1px solid #385c943d; border-bottom:1px solid #385c943d; background:#09172c; padding:20px 0; }
.marquee { overflow:hidden; mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent); }
.marquee-track { display:flex; width:max-content; animation:capability-drift 42s linear infinite; }
.marquee-track > span { display:flex; align-items:center; gap:30px; padding-right:30px; font-size:.9375rem; font-weight:550; letter-spacing:.02em; color:#d0e2fa; white-space:nowrap; }
.marquee-track b { color:#559cff; font-size:1.1rem; font-weight:400; }
.experience { background:radial-gradient(ellipse at 14% 33%,#1554a51c,transparent 50%),#050a15; }
.glass-panel { border:1px solid #4777b44d; border-radius:28px; overflow:hidden; background:linear-gradient(135deg,#142d50a6,#0a1528 65%); box-shadow:0 25px 65px #0003,inset 0 1px 0 #b5dbff14; }
.studio-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 26px; border-bottom:1px solid #46628f44; color:#c8dcf8; font-size:.8125rem; letter-spacing:.04em; background:#172b461f; }
.studio-bar > span:first-child { display:flex; align-items:center; gap:10px; font-weight:600; }
.studio-bar .i { width:18px; color:#7edaff; }
.studio-category { color:#8dabd1; font-size:.75rem; }
.studio-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); align-items:center; gap:24px; padding:36px 42px; }
.studio-copy { min-width:0; }
.studio-copy h3 { font-size:clamp(1.9rem,2.6vw,2.6rem); margin:14px 0 18px; }
.studio-copy h3 span { color:#79dbff; }
.studio-copy > p { font-size:1.0625rem; max-width:47ch; }
.brief-terminal { margin-top:25px; padding:19px 20px; border:1px solid #324f7a; border-radius:18px; background:#070f20; box-shadow:0 8px 18px #0002; }
.terminal-title { display:flex; gap:9px; align-items:center; color:#8baacb; font-size:.75rem; letter-spacing:.06em; margin-bottom:14px; }
.terminal-title .i { width:17px; height:17px; color:#57bdff; }
.brief-terminal code { display:grid; gap:7px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.875rem; line-height:1.8; color:#b4bed9; }
.brief-line { display:block; }
.brief-line b { color:#84d8fc; font-weight:400; }
.cursor { display:inline-block; vertical-align:middle; width:6px; height:14px; background:#7bdcff; margin-left:7px; animation:cursor-pulse 1.4s ease-in-out infinite; }
.creation-steps { display:grid; grid-template-columns:1fr 1.35fr 1fr; gap:12px; margin-top:22px; }
.creation-steps > div { min-width:0; display:flex; align-items:flex-start; flex-direction:column; gap:8px; }
.creation-steps .i { width:18px; height:18px; color:#79d3ff; }
.creation-steps strong { font-size:.8125rem; font-weight:500; color:#b9cce8; }
.creation-steps i { width:100%; height:3px; border-radius:3px; background:#25476e; position:relative; overflow:hidden; }
.creation-steps i::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#2879ff,#8feaff); transform-origin:left; animation:layer-progress 7s ease-in-out infinite; }
.creation-steps > div:nth-child(2) i::after { animation-delay:.3s; }
.creation-steps > div:nth-child(3) i::after { animation-delay:.6s; }
.art-render-stage { position:relative; padding:24px 26px 35px; min-width:0; display:flex; flex-direction:column; align-items:center; isolation:isolate; }
.art-render-stage::before { content:""; position:absolute; z-index:-1; inset:0; border:1px solid #559ae82c; border-radius:22px; background-image:linear-gradient(#669edd0c 1px,transparent 1px),linear-gradient(90deg,#669edd0c 1px,transparent 1px),radial-gradient(ellipse,#2476c533,transparent 65%); background-size:24px 24px,24px 24px,100% 100%; }
.art-render { --art-image:url("assets/art-primeira-habilitacao.webp"); position:relative; width:min(100%,340px); aspect-ratio:4/5; border-radius:19px; overflow:hidden; border:1px solid #609add5c; background:#091120; box-shadow:0 20px 44px #0007,0 0 36px #2e8fff1c; }
.art-render > img { width:100%; height:100%; object-fit:contain; }
.art-render.is-building > img { animation:art-base-in 1.4s ease both; }
.art-pieces { position:absolute; top:50%; left:50%; width:var(--art-fit-width,100%); height:var(--art-fit-height,100%); transform:translate(-50%,-50%); pointer-events:none; }
.art-piece { display:none; position:absolute; left:calc(var(--x)*100%/3); top:calc(var(--y)*50%); width:calc(100%/3 + .5px); height:calc(50% + .5px); background-image:var(--art-image); background-size:300% 200%; background-position:calc(var(--x)*50%) calc(var(--y)*100%); }
.art-render.is-building .art-piece { display:block; animation:piece-assemble 1.55s cubic-bezier(.22,.75,.22,1) both; animation-delay:calc(var(--piece)*.065s); }
.art-sweep { position:absolute; inset:0; pointer-events:none; opacity:0; background:linear-gradient(155deg,transparent 30%,#afe8ff35 50%,transparent 67%); }
.art-render.is-building .art-sweep { animation:art-light-sweep 1.8s ease-out .2s both; }
.render-complete { display:flex; align-items:center; justify-content:center; gap:7px; font-size:.8125rem; color:#c7eaff; background:#133252; border:1px solid #478dca50; padding:10px 13px; border-radius:13px; position:relative; margin-top:13px; }
.render-complete .i { width:16px; height:16px; color:#8cedd5; }
.format-chip { padding-left:13px; border-left:1px solid #7094b33d; margin-left:5px; font-size:.75rem; color:#8bb7df; }
.render-coordinate { position:absolute; color:#7799c4; font-size:.75rem; letter-spacing:.09em; }
.coordinate-top { left:14px; top:5px; }
.coordinate-bottom { right:14px; bottom:8px; }
.operation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:22px; }
.operation-card { min-width:0; padding:25px; border-radius:26px; border:1px solid #38619765; background:radial-gradient(ellipse at 0 0,#21477433,transparent 60%),#0a1527; box-shadow:inset 0 1px 0 #c1deff0b,0 20px 30px #0002; display:flex; flex-direction:column; }
.operation-header { display:flex; gap:11px; align-items:center; margin-bottom:20px; }
.operation-header .eyebrow { font-size:.75rem; letter-spacing:.04em; }
.operation-header .node-icon { width:36px; height:36px; border-radius:11px; }
.operation-header .i { width:19px; }
.operation-card h3 { font-size:1.8rem; }
.operation-card h3 span { color:#80d9ff; }
.operation-card > p { font-size:1rem; margin:14px 0 22px; }
.campaign-window,.assistant-conversation { margin-top:auto; overflow:hidden; border:1px solid #2e507b; border-radius:19px; background:#070f1f; min-width:0; }
.campaign-top { display:flex; justify-content:space-between; align-items:center; padding:12px 14px; gap:10px; border-bottom:1px solid #2c4365; font-size:.8125rem; color:#bdd3ef; }
.campaign-top .i { width:17px; color:#79caff; }
.campaign-preview { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:15px; align-items:center; padding:16px; }
.campaign-preview > img { width:100%; max-height:200px; object-fit:contain; border-radius:9px; }
.campaign-preview small { color:#829dbf; font-size:.75rem; letter-spacing:.07em; }
.campaign-preview strong { display:block; line-height:1.3; font-size:1.15rem; font-weight:550; margin:10px 0 14px; }
.campaign-preview > div > span { display:flex; gap:5px; align-items:center; color:#94e4d8; font-size:.75rem; }
.campaign-preview > div > span .i { width:15px; height:15px; }
.campaign-pipeline { padding:0 13px 14px; display:flex; justify-content:space-between; gap:5px; }
.campaign-pipeline > span { font-size:.75rem; color:#829ebe; padding:6px; border:1px solid #2c4669; border-radius:8px; animation:campaign-state 9s ease-in-out infinite; }
.campaign-pipeline > span:nth-child(2) { animation-delay:1.5s; }
.campaign-pipeline > span:nth-child(3) { animation-delay:3s; }
.campaign-progress { height:3px; background:#203958; overflow:hidden; }
.campaign-progress i { display:block; width:100%; height:100%; background:linear-gradient(90deg,#256eff,#90e4ff); transform-origin:left; animation:campaign-load 9s ease-in-out infinite; }
.conversation-title { display:flex; gap:9px; align-items:center; padding:12px 13px; border-bottom:1px solid #2c4365; background:#101e34; }
.assistant-avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; background:#224d7e; color:#99e6ff; }
.assistant-avatar .i { width:16px; height:16px; }
.conversation-title strong { display:block; font-size:.8125rem; font-weight:550; }
.conversation-title small { display:block; font-size:.75rem; color:#92aed0; }
.conversation-title > .i { margin-left:auto; width:17px; color:#70ccff; }
.conversation-messages { padding:15px 13px; display:flex; flex-direction:column; gap:10px; min-height:234px; }
.message { font-size:.8125rem; line-height:1.5; padding:9px 12px; border-radius:14px; max-width:94%; border:1px solid #44618936; animation:message-reveal 11s ease-in-out infinite; }
.from-person { align-self:flex-end; background:#16345e; color:#d6e6fc; border-bottom-right-radius:4px; }
.from-agent { align-self:flex-start; background:#0e243c; color:#d6e9fa; border-bottom-left-radius:4px; animation-delay:1s; }
.message:nth-child(3) { animation-delay:2.1s; }
.assistant-handoff { display:flex; align-items:center; gap:6px; font-size:.75rem; color:#8ce2ca; margin-top:2px; animation:handoff-reveal 11s ease-in-out infinite; }
.assistant-handoff .i { width:15px; height:15px; }
.conversation-compose { display:flex; align-items:center; gap:7px; justify-content:space-between; padding:10px 12px; border-top:1px solid #263b5b; font-size:.75rem; color:#859fbf; }
.conversation-compose .i { width:16px; height:16px; color:#76d0ff; }
.automation-flow { margin-top:auto; padding:6px 0 3px; }
.flow-node { display:flex; gap:12px; align-items:center; padding:15px; border-radius:16px; background:#0c1c32; border:1px solid #365d8d; position:relative; }
.flow-node > .i { width:22px; height:22px; color:#79d8ff; }
.flow-node span { min-width:0; }
.flow-node strong { display:block; font-size:.875rem; font-weight:550; }
.flow-node small { display:block; font-size:.75rem; color:#93aed0; margin-top:3px; }
.flow-node b { font-size:.75rem; color:#6f91bf; font-weight:450; margin-left:auto; }
.flow-decision { background:linear-gradient(100deg,#183b66,#10213c); animation:flow-glow 7s ease-in-out infinite; }
.flow-connector { height:28px; width:2px; background:#284b73; margin:auto; position:relative; overflow:hidden; }
.flow-connector i { position:absolute; width:2px; height:12px; background:#8adfff; box-shadow:0 0 8px #63bfff; animation:flow-down 2.4s ease-in-out infinite; }
.flow-branches { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:33px; position:relative; }
.flow-branches::before { content:""; position:absolute; width:calc(50% + 7px); height:20px; border:1px solid #3977ac; border-bottom:0; border-radius:10px 10px 0 0; top:14px; left:calc(25% - 3.5px); }
.flow-branches::after { content:""; width:1px; height:14px; background:#80d6ff; top:0; left:50%; position:absolute; }
.flow-output { display:flex; align-items:center; flex-direction:column; padding:14px 8px; border:1px solid #31547d; border-radius:14px; background:#0c1b2f; }
.flow-output > .i { width:18px; height:18px; color:#83d9ff; margin-bottom:7px; }
.flow-output strong { font-size:.8125rem; font-weight:550; }
.flow-output small { font-size:.75rem; color:#85a4ca; margin-top:3px; }
.development-panel { margin-top:22px; display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); align-items:center; gap:25px; padding:34px; }
.development-copy h3 { font-size:clamp(1.65rem,2.3vw,2.3rem); margin:13px 0 16px; }
.development-copy h3 span { color:#7bdaff; }
.development-copy > p { font-size:1rem; margin-bottom:16px; max-width:43ch; }
.development-screen { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; min-width:0; }
.dev-code { background:#060e1e; border:1px solid #2c527f; border-radius:17px 0 0 17px; padding:18px 14px; min-width:0; }
.file-label { display:flex; gap:7px; align-items:center; color:#9ab5d9; font-size:.75rem; padding-bottom:16px; }
.file-label .i { width:16px; height:16px; }
.dev-code code { display:grid; gap:7px; font:400 .75rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; color:#abbde0; overflow:hidden; }
.dev-line { display:block; white-space:pre; animation:code-reveal 10s ease-in-out infinite; }
.dev-line:nth-child(2) { animation-delay:.2s; }.dev-line:nth-child(3) { animation-delay:.4s; }.dev-line:nth-child(4) { animation-delay:.6s; }.dev-line:nth-child(5) { animation-delay:.8s; }.dev-line:nth-child(6) { animation-delay:1s; }
.dev-line em { color:#8e9dff; font-style:normal; }.dev-line b { color:#6fdbdb; font-weight:400; }
.build-finish { display:flex; align-items:center; gap:6px; color:#8cdebe; margin-top:20px; font-size:.75rem; animation:handoff-reveal 10s ease-in-out infinite; }
.build-finish .i { width:14px; height:14px; }
.dev-website { background:#061124; border:1px solid #447eb55e; border-radius:17px; overflow:hidden; box-shadow:0 13px 36px #0006; min-width:0; }
.dev-website .window-bar { font-size:.75rem; gap:9px; padding:10px 12px; }
.dev-website > img { display:block; width:100%; height:200px; object-fit:cover; object-position:top; animation:site-build-reveal 10s ease-in-out infinite; }
.site-connection { display:flex; align-items:center; gap:7px; padding:11px; font-size:.75rem; color:#99d8ed; border-top:1px solid #305b83; }
.site-connection .i { width:15px; height:15px; }
/* Carry the same finish through the existing services and portfolio. */
.service-grid { gap:20px; }
.service-card { padding:27px; border-radius:24px; border-color:#41689666; background:linear-gradient(140deg,#152942ad,#091527); box-shadow:inset 0 1px 0 #d0e6ff0b; }
.service-top { margin-bottom:24px; }
.service-icon { width:48px; height:48px; border-radius:15px; background:linear-gradient(135deg,#275486,#0e2848); border-color:#527db366; color:#8cdfff; }
.service-card h3 { font-size:1.3rem; letter-spacing:-.015em; }
.service-card p { font-size:1rem; }
.service-bottom { font-size:.8125rem; }
.service-top small { font-size:.875rem; color:#8ba9d0; }
.service-card:hover { transform:translateY(-3px); border-color:#5d9ce49c; background:linear-gradient(140deg,#1a3458,#0c1a30); }
.mini-flow i { background:#4c95cb; }
.projects-three { gap:20px; }
.project-card,.product-visual { border-radius:23px; border-color:#426c9e66; background:#0b192c; box-shadow:0 17px 40px #0003,inset 0 1px 0 #bfddff0c; }
.window-bar { color:#bdd1ed; font-size:.75rem; padding:13px 15px; border-bottom:1px solid #4c6d9540; background:#15273e; }
.window-dots { gap:4px; }.window-dots i { width:5px; height:5px; background:#6585a8; }
.projects-three .project-media { --media-h:305px; }
.projects-three .project-card figcaption { padding:21px; }
.projects-three .project-card figcaption strong { font-size:1.2rem; }
.project-card figcaption > div > span { font-size:.75rem; color:#73cbf7; letter-spacing:.06em; }
.project-card figcaption p { font-size:.875rem; margin-top:6px; }
.circle-link,.project-type { border-radius:13px; border-color:#38628e; background:#113253; }
.creative-strip-header { margin-top:39px; align-items:flex-end; }
.creative-strip-header h3 { font-size:1.9rem; line-height:1.25; }
.portfolio-note { display:inline-flex; align-items:center; gap:8px; font-size:.8125rem; color:#9eb5d6; }
.art-gallery { gap:20px; margin-top:23px; }
.art-gallery-card { border-radius:23px; border-color:#45679166; background:#0b192a; overflow:hidden; }
.art-gallery-image { position:relative; overflow:hidden; }
.art-gallery-image > img { width:100%; height:auto; object-fit:contain; transform:none; }
.art-gallery-image::after { content:""; position:absolute; inset:-30% -70%; background:linear-gradient(115deg,transparent 42%,#e3f6ff12 50%,transparent 58%); transform:translateX(-60%); animation:gallery-light 12s ease-in-out infinite; pointer-events:none; }
.art-gallery-card:nth-child(2) .art-gallery-image::after { animation-delay:-4s; }.art-gallery-card:nth-child(3) .art-gallery-image::after { animation-delay:-8s; }
.art-gallery-card figcaption { font-size:1rem; padding:17px 20px; }.art-gallery-card figcaption span { font-size:.875rem; }
.gallery-index { background:#071124b8; border:1px solid #91cfff52; backdrop-filter:blur(8px); font-size:.875rem; border-radius:10px; }
.eco-network { padding:25px 0 16px; gap:17px; }
.eco-node { border-radius:18px; }
.eco-icon { border-radius:19px; background:linear-gradient(135deg,#1a4a7c,#112541); border-color:#4a8ccb77; box-shadow:0 0 28px #2c88e61d; }
.eco-node h3 { font-size:1.0625rem; font-weight:650; }
.eco-node p { font-size:.9375rem; }
.eco-category { font-size:.8125rem; }
.product-visuals { gap:20px; margin-top:30px; }
.product-visual figcaption { padding:19px 22px; }.product-visual figcaption p { font-size:.875rem; }
.product-visual > img,.product-visual.bmflow-product > img { object-fit:contain; }
.product-visual .soft-chip { background:#1a3551; border:1px solid #426995; color:#a7d0ee; border-radius:8px; font-size:.75rem; }
.social-product-layout { background:radial-gradient(ellipse at 79% 45%,#1647745c,transparent 55%),#0a182b; padding:35px 45px; gap:36px; }
.social-product-screen { background:none; }
.social-product-screen img { max-width:360px; width:100%; object-fit:contain; border-radius:22px; box-shadow:0 17px 40px #0003; }
.social-product-copy h3 { font-size:2.6rem; }
.social-features strong { font-size:1rem; }.social-features p { font-size:.9375rem; }
.social-product-flow { font-size:.875rem; }
.about h2 { font-size:clamp(2.2rem,3.7vw,3.4rem); }
.about p { font-size:1.0625rem; }
.connection-board { border-radius:26px; background:radial-gradient(ellipse at 50% 50%,#15538544,transparent 70%),#0b192a; border-color:#456e9c66; }
.board-label { font-size:.8125rem; }.board-row > span { border-radius:14px; background:#10253d; border-color:#345780; font-size:.9375rem; }
.board-center { padding:22px 0; gap:4px; }
.board-logo-crop { width:165px; height:115px; overflow:visible; }
.board-logo-crop img { position:static; width:165px; height:115px; max-width:100%; object-fit:contain; mix-blend-mode:lighten; animation:brand-float 7s ease-in-out infinite; }
.board-center strong { font-size:.875rem; }
.board-caption { font-size:.8125rem; }
.method-card { border-radius:21px; padding:24px; border-color:#41699766; background:linear-gradient(140deg,#172d4c,#091627); }
.method-number { color:#79d7ff; font-size:1.9rem; font-weight:550; }
.method-card h3 { font-size:1.25rem; }.method-card p { font-size:1rem; }
.contact-section { padding:20px 0 50px; }
.contact-card { border-radius:30px; padding:56px 30px; background:radial-gradient(ellipse at 50% 90%,#1b65b166,transparent 70%),#0c1c35; border-color:#568bc666; }
.contact-card h2 { font-size:clamp(2.3rem,4.2vw,3.7rem); }
.contact-card p { font-size:1.125rem; }
.contact-card .button { min-height:55px; }
.contact-circuit { opacity:.6; }
.contact-note { font-size:.875rem; color:#adc4e0; }
.footer { background:#040914; border-color:#2c456b; }
.footer-main { gap:38px; }.footer-main p { font-size:1rem; }.footer-bottom { font-size:.8125rem; }
@keyframes brand-float { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-5px) rotate(1deg)} }
@keyframes ambient-drift { from{transform:translate(-4%,5%) scale(.94)} to{transform:translate(10%,-7%) scale(1.08)} }
@keyframes orbit-spin { to{transform:rotate(360deg)} }
@keyframes wire-travel { to{stroke-dashoffset:-748} }
@keyframes halo-breathe { 0%,100%{opacity:.65;transform:scale(.95)} 50%{opacity:1;transform:scale(1.1)} }
@keyframes trace-run { 0%,10%{transform:translateX(-110%)} 85%,100%{transform:translateX(350%)} }
@keyframes capability-drift { to{transform:translateX(-50%)} }
@keyframes cursor-pulse { 0%,100%{opacity:1} 50%{opacity:.2} }
@keyframes layer-progress { 0%{transform:scaleX(.08)} 23%,86%{transform:scaleX(1)} 100%{transform:scaleX(.08)} }
@keyframes art-base-in { 0%{opacity:.05} 75%,100%{opacity:1} }
@keyframes piece-assemble { 0%{opacity:0;transform:translateY(22px) scale(.92)} 45%{opacity:1;transform:translateY(0) scale(1)} 84%{opacity:1} 100%{opacity:0} }
@keyframes art-light-sweep { 0%{opacity:0;transform:translateY(-80%)} 25%{opacity:1} 100%{opacity:0;transform:translateY(80%)} }
@keyframes campaign-state { 0%,8%,75%,100%{border-color:#2c4669;color:#8ea9cb;background:transparent} 22%,64%{border-color:#4a9bec;color:#c9edff;background:#14427d} }
@keyframes campaign-load { 0%,7%{transform:scaleX(.02)} 59%,85%{transform:scaleX(1)} 100%{transform:scaleX(.02)} }
@keyframes message-reveal { 0%{opacity:0;transform:translateY(7px)} 9%,85%{opacity:1;transform:translateY(0)} 98%,100%{opacity:0;transform:translateY(0)} }
@keyframes handoff-reveal { 0%,35%,100%{opacity:.25} 48%,87%{opacity:1} }
@keyframes flow-down { 0%{transform:translateY(-14px)} 100%{transform:translateY(34px)} }
@keyframes flow-glow { 0%,100%{border-color:#365d8d;box-shadow:0 0 0 #348fff00} 50%{border-color:#5cbeed;box-shadow:0 0 20px #168bff26} }
@keyframes code-reveal { 0%{clip-path:inset(0 100% 0 0);opacity:.3} 20%,85%{clip-path:inset(0);opacity:1} 100%{clip-path:inset(0);opacity:.3} }
@keyframes site-build-reveal { 0%{clip-path:inset(0 0 95% 0 round 0);opacity:.3} 25%,93%{clip-path:inset(0);opacity:1} 100%{clip-path:inset(0);opacity:.3} }
@keyframes gallery-light { 0%,30%{transform:translateX(-65%)} 80%,100%{transform:translateX(65%)} }
@media (min-width:1600px) { .intelligence-stage { height:620px; }.hero-layout { gap:55px; } }
@media (max-width:1180px) {
 .hero-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
 .hero h1 { font-size:3.15rem; }
 .intelligence-stage { height:540px; }
 .intelligence-node { width:163px; padding:14px; }
 .intelligence-node strong { font-size:.875rem; }.intelligence-node small { font-size:.75rem; }
 .brand-core { width:180px; }.brand-core .moving-logo { width:180px; }
 .brand-core > span { width:190px; font-size:.75rem; }
 .orbit-one { width:300px;height:300px;margin-left:-150px;margin-top:-150px; }
 .orbit-two { width:410px;height:410px;margin-left:-205px;margin-top:-205px; }
 .studio-layout { padding:28px; gap:25px; }
 .studio-copy h3 { font-size:2.05rem; }
 .operation-grid { gap:15px; }.operation-card { padding:20px; }
 .operation-header { gap:8px; }.operation-header .eyebrow { font-size:.75rem; }
 .operation-card h3 { font-size:1.6rem; }.operation-card > p { font-size:.9375rem; }
 .campaign-preview { padding:12px; gap:10px; }.campaign-preview strong { font-size:1rem; }
 .campaign-pipeline { padding:0 8px 12px; gap:4px; }.campaign-pipeline > span { font-size:.75rem; padding:5px; }
 .conversation-messages { padding:12px 10px; }.message { font-size:.75rem; }
 .development-panel { padding:28px; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:22px; }
 .development-screen { grid-template-columns:minmax(0,1fr); }.dev-code { display:none; }
 .dev-website > img { height:210px; }.dev-website .window-bar { font-size:.75rem; }
 .projects-three .project-media { --media-h:280px; }
}
@media (max-width:960px) {
 .site-header { height:88px; }.brand-crop { height:76px; width:130px; }.brand-crop img { height:76px; width:130px; }
 .desktop-nav,.nav-contact { display:none; }.menu-toggle { display:block; }
 .hero-layout { grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:15px; }
 .hero h1 { font-size:2.8rem; }.hero-copy > p { font-size:1rem; }
 .hero-copy .eyebrow { font-size:.75rem; }.hero-actions { gap:10px; }.hero-actions .button { font-size:.875rem; padding:12px 17px; }.hero-actions .text-button { font-size:.875rem; }
 .hero-footnote { font-size:.75rem; gap:10px; }
 .intelligence-stage { height:550px; }.intelligence-node { width:145px; padding:13px; }.intelligence-node strong { font-size:.8125rem; }.intelligence-node small { font-size:.75rem; }
 .node-creation { top:20px; }.node-traffic { top:105px; }.node-automation { bottom:114px; }.node-assistant { bottom:18px; }
 .intelligence-node .node-icon { width:31px;height:31px;margin-bottom:9px;border-radius:10px; }.intelligence-node .i { width:17px;height:17px; }
 .brand-core { top:48%; }.brand-core .moving-logo { width:170px;height:135px; }.brand-core > span { display:none; }.core-signature { display:none; }
 .orbit-one { width:255px;height:255px;margin-left:-127.5px;margin-top:-127.5px; }.orbit-two { width:345px;height:345px;margin-left:-172.5px;margin-top:-172.5px; }
 .studio-layout { grid-template-columns:minmax(0,1fr) minmax(0,.88fr); gap:20px; padding:25px; }
 .studio-copy h3 { font-size:1.8rem; }.studio-copy > p { font-size:1rem; }
 .brief-terminal { padding:15px; }.brief-terminal code { font-size:.75rem; }
 .creation-steps { gap:9px; }.creation-steps strong { font-size:.75rem; }
 .art-render-stage { padding:23px 15px 32px; }.render-complete { font-size:.75rem;padding:9px; }.format-chip { display:none; }
 .operation-grid { grid-template-columns:1fr 1fr; }.automation-card { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:28px; padding:28px; }
 .automation-card .operation-header { grid-column:1; }.automation-card h3 { grid-column:1; }.automation-card > p { grid-column:1;margin-bottom:0; }.automation-flow { grid-column:2;grid-row:1/4; width:100%; align-self:center; margin:0; }
 .operation-card h3 { font-size:1.8rem; }.operation-card > p { font-size:1rem; }.operation-header .eyebrow { font-size:.75rem; }
 .message { font-size:.8125rem; }.campaign-pipeline > span { font-size:.75rem; }.campaign-preview strong { font-size:1.15rem; }
 .development-panel { grid-template-columns:1fr 1fr; }.development-copy h3 { font-size:1.7rem; }
 .section-heading { gap:25px; }.section-heading > p { max-width:300px; font-size:1rem; }
 .projects-three .project-media { --media-h:300px; }.projects-three .project-card:last-child { width:calc(50% - 10px); }
 .product-visuals { grid-template-columns:1fr 1fr; }.product-visual > img { aspect-ratio:16/10; }.product-visual.bmflow-product > img { aspect-ratio:16/10; }
 .social-product-layout { padding:28px;grid-template-columns:minmax(0,1fr) minmax(245px,.85fr); gap:28px; }
 .social-product-copy h3 { font-size:2rem; }.social-features p { font-size:.875rem; }.social-product-flow { gap:7px;font-size:.75rem; }
}
@media (max-width:760px) {
 .hero-layout { grid-template-columns:minmax(0,1fr); gap:0; }.hero-copy { max-width:630px; padding-bottom:0; }.hero h1 { font-size:clamp(2.7rem,6.4vw,3.7rem); max-width:640px; }
 .hero-copy > p { font-size:1.0625rem; }.hero-copy .eyebrow { font-size:.75rem; }.hero-actions .button { font-size:1rem; }.hero-actions .text-button { font-size:.9375rem; }.hero-footnote { font-size:.8125rem; }
 .intelligence-stage { height:505px; max-width:610px; margin:10px auto 8px; }.intelligence-node { width:180px; padding:16px; }.intelligence-node strong { font-size:.9375rem; }.intelligence-node small { font-size:.75rem; }
 .intelligence-node .node-icon { width:37px;height:37px;margin-bottom:11px; }
 .node-creation { top:25px; }.node-traffic { top:53px; }.node-automation { bottom:48px; }.node-assistant { bottom:25px; }
 .brand-core { top:50%; }.brand-core .moving-logo { width:210px;height:150px; }.orbit-one { width:310px;height:310px;margin-left:-155px;margin-top:-155px; }.orbit-two { width:420px;height:420px;margin-left:-210px;margin-top:-210px; }
 .hero-bottom > span { font-size:.75rem; max-width:260px; }
 .studio-layout { grid-template-columns:1fr; padding:27px; gap:27px; }.studio-copy h3 { font-size:2.15rem; }.studio-copy > p { max-width:none; }
 .brief-terminal code { font-size:.875rem; }.creation-steps strong { font-size:.8125rem; }
 .art-render-stage { padding:29px 24px 37px; }.art-render { width:min(100%,360px); }.render-complete { font-size:.8125rem; }
 .studio-category { display:none; }
 .development-panel { grid-template-columns:1fr; }.development-copy h3 { font-size:2rem; }.development-copy > p { max-width:none; }
 .development-screen { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }.dev-code { display:block; }.dev-website > img { height:200px; }
 .section-heading { flex-direction:column; align-items:flex-start; gap:18px; }.section-heading > p { max-width:560px; }
 .product-visuals { grid-template-columns:1fr; }.product-visual > img,.product-visual.bmflow-product > img { aspect-ratio:16/9; }
 .social-product-layout { grid-template-columns:minmax(0,1fr);gap:28px; }.social-product-copy { max-width:none; }
 .social-product-copy h3 { font-size:2.3rem; }.social-product-screen img { max-width:360px; }
 .social-product-flow { gap:12px;font-size:.8125rem; }
}
@media (max-width:650px) {
 .shell { width:calc(100% - 36px); }.section { padding:48px 0; }
 .site-header { height:84px; }.brand-crop { width:126px; height:72px; }.brand-crop img { width:126px; height:72px; }
 .hero { padding-top:13px; }.hero h1 { font-size:clamp(2.45rem,9.2vw,3.35rem); margin:18px 0; line-height:1.1; }
 .hero-copy .eyebrow { font-size:.75rem; letter-spacing:.035em; }.hero-copy .eyebrow .i { width:15px; }
 .hero-copy > p { font-size:1rem; }.hero-actions { margin-top:22px; gap:10px; }.hero-actions .button { width:100%; font-size:.9375rem; }.hero-actions .text-button { width:100%;justify-content:center; }
 .hero-footnote { margin-top:17px; gap:15px; font-size:.75rem; justify-content:center; }
 .intelligence-stage { height:540px; margin-top:5px; }
 .intelligence-node { width:145px; padding:13px; border-radius:19px; }.intelligence-node strong { font-size:.875rem; }.intelligence-node small { font-size:.75rem; }
 .node-creation { left:0;top:17px; }.node-traffic { right:0;top:17px; }.node-automation { left:0;bottom:17px; }.node-assistant { right:0;bottom:17px; }
 .brand-core .moving-logo { width:190px; height:145px; }.orbit-one { width:265px;height:265px;margin-left:-132.5px;margin-top:-132.5px; }.orbit-two { width:355px;height:355px;margin-left:-177.5px;margin-top:-177.5px; }
 .intelligence-node .node-icon { width:33px;height:33px; }.node-trace { margin-top:11px; }
 .hero-bottom { padding-bottom:17px; }.hero-bottom > span { font-size:.75rem; letter-spacing:.05em; }
 .capabilities { padding:16px 0; }.marquee-track > span { font-size:.8125rem;gap:21px;padding-right:21px; }
 .section-heading h2 { font-size:2.2rem; }.section-heading { margin-bottom:26px; }.section-heading > p { font-size:1rem; }
 .glass-panel { border-radius:23px; }.studio-bar { padding:15px 18px; font-size:.75rem; }.studio-layout { padding:22px 18px; }
 .studio-copy .eyebrow { font-size:.75rem; }.studio-copy h3 { font-size:1.95rem; }.studio-copy > p { font-size:1rem; }
 .brief-terminal { padding:15px 12px; }.brief-terminal code { font-size:.75rem;line-height:1.9; }.terminal-title { font-size:.75rem; }
 .creation-steps { gap:8px; }.creation-steps strong { font-size:.75rem; }
 .art-render-stage { padding:27px 13px 33px; }.render-complete { font-size:.75rem; }
 .operation-grid { grid-template-columns:1fr; gap:17px; margin-top:18px; }.operation-card { padding:24px 20px; }
 .automation-card { grid-column:auto; display:flex; }.automation-card > p { margin-bottom:22px; }.automation-flow { margin-top:0; }
 .operation-header .eyebrow { font-size:.75rem; }.operation-card h3 { font-size:1.95rem; }.operation-card > p { font-size:1rem; }
 .campaign-preview { padding:18px;gap:20px; }.campaign-preview > img { max-height:230px; }.campaign-preview strong { font-size:1.25rem; }.campaign-preview small { font-size:.75rem; }
 .campaign-preview > div > span { font-size:.875rem; }.campaign-pipeline { padding:0 17px 16px;gap:10px; }.campaign-pipeline > span { font-size:.75rem;padding:7px; }
 .conversation-title { padding:15px; }.conversation-title strong { font-size:.9375rem; }.conversation-title small { font-size:.75rem; }
 .conversation-messages { padding:17px 15px;min-height:270px;gap:12px; }.message { font-size:.9375rem; }.assistant-handoff { font-size:.75rem; }
 .conversation-compose { font-size:.75rem; padding:12px 15px; }
 .flow-node strong { font-size:1rem; }.flow-node small { font-size:.875rem; }.flow-node { padding:17px; }.flow-output { padding:18px 10px; }.flow-output strong { font-size:.9375rem; }.flow-output small { font-size:.8125rem; }
 .development-panel { padding:25px 18px; gap:23px; margin-top:18px; }.development-copy h3 { font-size:1.9rem; }.development-copy .eyebrow { font-size:.75rem; }
 .development-screen { grid-template-columns:1fr; }.dev-code { border-radius:16px 16px 0 0; padding:17px; }.dev-code code { font-size:.75rem; }.dev-website > img { height:205px; }.dev-website .window-bar { font-size:.75rem; }.site-connection { font-size:.75rem; }
 .service-grid { gap:16px; }.service-card { padding:24px; border-radius:22px; }.service-top { margin-bottom:19px; }.service-card h3 { font-size:1.3rem; }.service-card p { font-size:1rem; }
 .projects-three { grid-template-columns:1fr; gap:19px; }.projects-three .project-card:last-child { width:100%;grid-column:auto; }.projects-three .project-media { --media-h:290px; }.projects-three .project-card figcaption { padding:19px; }
 .project-card,.product-visual { border-radius:22px; }.projects-three .project-card figcaption strong { font-size:1.2rem; }
 .creative-strip-header { margin-top:32px; align-items:flex-start;gap:14px; }.creative-strip-header h3 { font-size:1.8rem; }.portfolio-note { font-size:.75rem; }
 .art-gallery { gap:16px; margin-top:21px; }.art-gallery-card { flex-basis:90%; border-radius:21px; }.art-gallery-card figcaption { font-size:.9375rem; }.art-gallery-card figcaption span { font-size:.8125rem; }
 .eco-network { padding:10px 0;gap:23px 12px; }.eco-node h3 { font-size:1rem; }.eco-node p { font-size:.875rem; }.eco-category { font-size:.75rem; }
 .product-visuals { margin-top:24px;gap:18px; }.product-visual figcaption { padding:17px 18px; }.product-visual figcaption p { font-size:.8125rem; }.product-visual .window-bar .soft-chip { font-size:.75rem; }
 .social-product-layout { padding:24px 18px; }.social-product-copy h3 { font-size:2.1rem; }.social-features p { font-size:.875rem; }.social-product-flow { gap:8px;font-size:.75rem; }
 .about h2 { font-size:2.3rem; }.about p { font-size:1rem; }.connection-board { border-radius:23px;padding:25px 18px; }.board-label { font-size:.75rem; }.board-row > span { font-size:.75rem;padding:11px 8px; }.board-caption { font-size:.75rem; }
 .method-grid { gap:14px; }.method-card { padding:21px 17px; border-radius:20px; }.method-number { font-size:1.7rem; }.method-card h3 { font-size:1.15rem; }.method-card p { font-size:.9375rem; }
 .contact-section { padding:10px 0 33px; }.contact-card { padding:39px 21px; border-radius:25px; }.contact-card h2 { font-size:2.3rem; }.contact-card p { font-size:1rem; }.contact-card .eyebrow { font-size:.75rem; }.contact-note { font-size:.75rem; }
 .footer-main .brand-crop { width:145px;height:92px; }.footer-main .brand-crop img { width:145px;height:92px; }.footer-main p { margin-top:8px; }.footer-bottom { font-size:.75rem; }
}
@media (max-width:359px) {
 .intelligence-stage { height:560px; }.intelligence-node { width:130px;padding:11px; }.intelligence-node strong { font-size:.875rem; }.intelligence-node small { font-size:.75rem; }
 .hero h1 { font-size:2.25rem; }.hero-copy .eyebrow { font-size:.75rem; }.hero-footnote { font-size:.75rem;gap:9px; }
 .campaign-pipeline { gap:4px;padding-inline:10px; }.campaign-pipeline > span { font-size:.75rem; }.campaign-preview { padding:13px;gap:12px; }
 .social-product-flow { gap:5px; }.social-product-flow > span:not(.mini-flow) { padding:6px; }
}
.page-inactive *, .page-inactive *::before, .page-inactive *::after,
.motion-offscreen *, .motion-offscreen *::before, .motion-offscreen *::after { animation-play-state:paused !important; }
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; }
 .art-pieces,.art-sweep { display:none !important; }.art-render > img { opacity:1 !important; }
 .message,.assistant-handoff,.build-finish,.dev-website > img,.dev-line { opacity:1;clip-path:none;transform:none; }
 .brand-crop img,.board-logo-crop img,.brand-core .moving-logo { transform:none; }
 .marquee-track { width:auto; }.marquee-track > span { white-space:normal;flex-wrap:wrap;justify-content:center;padding-inline:20px;gap:12px;font-size:.75rem; }.marquee-track > span + span { display:none; }
 .campaign-progress i,.creation-steps i::after { transform:scaleX(1); }
}