:root {
  --ink: #080a0a;
  --paper: #f2f1eb;
  --muted: #a4aaa6;
  --line: rgba(238, 241, 234, 0.13);
  --accent: #416dff;
  --vast-blue: #416dff;
  --vast-blue-soft: #416dff;
  --vast-navy: #0d183d;
  --hero-progress: 0;
  --hero-copy-y: 0px;
  --hero-decor-y: 0px;
  --kinetic-progress: 0;
  color-scheme: dark;
  font-family: "DM Sans", system-ui, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Como trabalhamos v4 — editorial CRM story */
.work-page-v4 { --work-blue:#416dff; --work-ink:#080a0a; --work-paper:#e7eae8; overflow-x:clip; background:var(--work-ink); color:#f4f4ef; }
.work-page-v4 * { box-sizing:border-box; }
.work4-main { overflow:clip; background:var(--work-ink); }
.work4-main h1,.work4-main h2,.work4-main h3,.work4-main p { text-wrap:pretty; }
.work4-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr); min-height:100svh; padding:clamp(150px,18vh,220px) max(24px,calc((100vw - 1320px)/2)) 88px; border-bottom:1px solid rgba(255,255,255,.1); background:#080a0a; }
.work4-hero::before,.work4-hero::after { content:""; position:absolute; pointer-events:none; }
.work4-hero::before { top:0; right:18%; bottom:0; width:1px; background:rgba(255,255,255,.06); }
.work4-hero::after { right:5%; bottom:13%; width:min(38vw,580px); height:min(38vw,580px); border:1px solid rgba(65,109,255,.18); border-radius:50%; opacity:.72; }
.work4-hero__title,.work4-hero__aside,.work4-hero__index { position:relative; z-index:1; }
.work4-hero__title > span { display:block; margin-bottom:34px; color:#748079; font-size:13px; font-weight:600; letter-spacing:.04em; }
.work4-hero h1 { max-width:1050px; margin:0; font:500 clamp(70px,8.7vw,138px)/.86 "Manrope",sans-serif; letter-spacing:-.075em; }
.work4-hero__aside { align-self:end; max-width:360px; padding-bottom:38px; }
.work4-hero__aside > p { margin:0; color:#9ca39e; font-size:18px; line-height:1.65; }
.work4-hero__aside > div { display:grid; gap:11px; margin-top:38px; padding-top:20px; border-top:1px solid rgba(255,255,255,.16); }
.work4-hero__aside strong { font-size:13px; font-weight:500; }
.work4-hero__index { position:absolute; right:max(24px,calc((100vw - 1320px)/2)); bottom:44px; margin:0; color:#6077c8; font-size:11px; font-variant-numeric:tabular-nums; letter-spacing:.16em; }

.work4-demo { padding:clamp(120px,12vw,190px) max(20px,calc((100vw - 1380px)/2)) clamp(130px,12vw,190px); background:#0b0e0f; }
.work4-demo__intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,430px); gap:80px; align-items:end; padding:0 30px; }
.work4-demo__intro h2 { max-width:900px; margin:0; font:500 clamp(58px,7.4vw,112px)/.9 "Manrope",sans-serif; letter-spacing:-.065em; }
.work4-demo__intro p { margin:0 0 8px; color:#969f99; font-size:17px; line-height:1.65; }
.work4-laptop { position:relative; width:min(100%,1360px); margin:clamp(70px,8vw,112px) auto 0; padding:0 34px 32px; }
.work4-laptop__lid { position:relative; padding:12px; border:1px solid #343a3e; border-radius:28px 28px 16px 16px; background:#171b1d; box-shadow:0 44px 85px rgba(0,0,0,.4); }
.work4-laptop__camera { position:absolute; z-index:4; top:4px; left:50%; width:5px; height:5px; border:1px solid #3c4448; border-radius:50%; background:#080a0a; transform:translateX(-50%); }
.work4-laptop__screen { position:relative; height:clamp(610px,48vw,720px); overflow:hidden; border:1px solid #252a2c; border-radius:18px 18px 10px 10px; background:#090c0d; }
.work4-laptop__base { position:absolute; right:0; bottom:16px; left:0; height:22px; border:1px solid #3a4044; border-radius:3px 3px 20px 20px; background:#202528; box-shadow:0 24px 36px rgba(0,0,0,.32); }
.work4-laptop__base::before { content:""; position:absolute; top:-1px; right:0; left:0; height:1px; background:#5b6266; opacity:.45; }
.work4-laptop__base i { position:absolute; top:0; left:50%; width:132px; height:7px; border:1px solid #40474b; border-top:0; border-radius:0 0 8px 8px; transform:translateX(-50%); }
.work4-demo__caption { margin:26px 34px 0; color:#68716c; font-size:13px; }

.crm4-shell { --cursor-x:0px; --cursor-y:0px; position:relative; display:grid; grid-template-columns:172px minmax(0,1fr); width:100%; height:100%; overflow:hidden; background:#090c0d; color:#f2f3ee; font-family:"Manrope",sans-serif; }
.crm4-nav { display:flex; flex-direction:column; min-width:0; padding:24px 14px 18px; border-right:1px solid rgba(255,255,255,.09); background:#0c100f; }
.crm4-brand { display:flex; align-items:center; gap:10px; min-height:42px; padding:0 12px 22px; margin-bottom:18px; border-bottom:1px solid rgba(255,255,255,.08); }
.crm4-brand img { width:25px; height:25px; object-fit:contain; }
.crm4-brand span { color:#dadeda; font-size:11px; font-weight:600; }
.crm4-nav button { position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; min-height:52px; padding:0 12px; border:0; border-bottom:1px solid rgba(255,255,255,.045); border-radius:0; background:transparent; color:#727b76; font:500 12px/1 "Manrope",sans-serif; text-align:left; cursor:pointer; transition:color 160ms ease,background-color 160ms ease; }
.crm4-nav button i { width:5px; height:5px; border:1px solid currentColor; border-radius:50%; }
.crm4-nav button[aria-pressed="true"] { background:#11191f; color:#f3f4ef; }
.crm4-nav button[aria-pressed="true"]::before { content:""; position:absolute; top:0; bottom:0; left:0; width:2px; background:var(--work-blue); }
.crm4-nav > p { display:flex; align-items:center; gap:8px; margin:auto 12px 0; color:#66706a; font-size:9px; }
.crm4-nav > p i { width:6px; height:6px; border-radius:50%; background:var(--work-blue); }
.crm4-workspace { position:relative; min-width:0; overflow:hidden; padding:0 34px 26px; background:#090c0d; }
.crm4-topbar { display:flex; align-items:center; justify-content:space-between; min-height:96px; border-bottom:1px solid rgba(255,255,255,.1); }
.crm4-topbar > div { display:grid; gap:8px; }
.crm4-topbar span { color:#6f7873; font-size:9px; }
.crm4-topbar strong { font-size:18px; font-weight:500; letter-spacing:-.025em; }
.crm4-topbar > p { display:flex; gap:18px; margin:0; color:#dfe2de; font-size:10px; }
.crm4-topbar > p span { color:#768079; }
.crm4-panel { position:absolute; top:96px; right:34px; bottom:26px; left:34px; overflow:hidden; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity 220ms ease,transform 260ms cubic-bezier(.22,1,.36,1),visibility 0s linear 260ms; }
.crm4-panel.is-active { opacity:1; visibility:visible; transform:none; transition-delay:0s; }

.crm4-now > header { display:flex; align-items:end; justify-content:space-between; min-height:110px; padding:30px 0 20px; border-bottom:1px solid rgba(255,255,255,.1); }
.crm4-now > header h3 { margin:0; font-size:clamp(28px,3.1vw,46px); font-weight:500; letter-spacing:-.05em; }
.crm4-now > header span { color:#78817c; font-size:10px; }
.crm4-queue { margin-top:8px; }
.crm4-lead { display:grid; grid-template-columns:58px minmax(150px,.9fr) minmax(180px,1.2fr) 62px; gap:18px; align-items:center; width:100%; min-height:92px; padding:0 14px; border:0; border-bottom:1px solid rgba(255,255,255,.09); border-radius:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; transition:background-color 180ms ease,padding 180ms ease; }
.crm4-lead time,.crm4-lead b { color:#707a74; font-size:9px; font-weight:500; font-variant-numeric:tabular-nums; }
.crm4-lead span { display:grid; gap:6px; }
.crm4-lead strong { font-size:13px; font-weight:600; }
.crm4-lead small { color:#737d77; font-size:9px; }
.crm4-lead em { color:#aeb5b0; font-size:11px; font-style:normal; }
.crm4-lead b { text-align:right; }
.crm4-shell[data-work-phase="hover-lead"] .crm4-lead--marina,.crm4-shell[data-work-phase="open-lead"] .crm4-lead--marina { padding-right:20px; padding-left:20px; background:#121a22; }
.crm4-drawer { position:absolute; top:18px; right:0; bottom:0; z-index:3; width:min(42%,390px); padding:28px; border-left:1px solid rgba(65,109,255,.34); background:#0d1114; box-shadow:-28px 0 52px rgba(0,0,0,.32); opacity:0; transform:translateX(104%); transition:opacity 220ms ease,transform 440ms cubic-bezier(.22,1,.36,1); }
.crm4-shell[data-work-phase="open-lead"] .crm4-drawer { opacity:1; transform:none; }
.crm4-drawer > button { float:right; width:30px; height:30px; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:transparent; color:#aab2ad; font-size:18px; }
.crm4-drawer > span { display:block; padding-top:52px; color:#819089; font-size:10px; }
.crm4-drawer h3 { margin:18px 0 50px; font-size:clamp(25px,2.7vw,42px); font-weight:500; line-height:1.03; letter-spacing:-.055em; }
.crm4-drawer dl { margin:0; }
.crm4-drawer dl div { display:flex; justify-content:space-between; padding:16px 0; border-top:1px solid rgba(255,255,255,.1); }
.crm4-drawer dt,.crm4-drawer dd { margin:0; font-size:10px; }
.crm4-drawer dt { color:#68726d; }.crm4-drawer dd { color:#e7e9e5; }

.crm4-context { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:clamp(30px,5vw,86px); align-items:stretch; padding:42px 0 12px; }
.crm4-context__source { display:flex; flex-direction:column; justify-content:space-between; padding-right:20px; }
.crm4-context__source > span,.crm4-context__source > p { margin:0; color:#737d77; font-size:9px; }
.crm4-context blockquote { max-width:620px; margin:34px 0; font-size:clamp(28px,3.5vw,54px); font-weight:500; line-height:1.02; letter-spacing:-.055em; }
.crm4-context__reading { align-self:end; border-top:1px solid rgba(65,109,255,.6); }
.crm4-context__reading header { display:flex; justify-content:space-between; padding:18px 0 28px; }
.crm4-context__reading header span,.crm4-context__reading header strong { color:#7b8680; font-size:9px; font-weight:500; }
.crm4-context__reading dl { margin:0; }
.crm4-context__reading dl div { display:grid; grid-template-columns:1fr 1.4fr; gap:20px; padding:17px 0; border-top:1px solid rgba(255,255,255,.09); opacity:.28; transform:translateY(8px); transition:opacity 300ms ease,transform 300ms ease; }
.crm4-context__reading dt,.crm4-context__reading dd { margin:0; font-size:11px; }
.crm4-context__reading dt { color:#69736d; }.crm4-context__reading dd { color:#f0f1ec; }
.crm4-shell[data-work-state="context"] .crm4-context__reading dl div { opacity:1; transform:none; }
.crm4-shell[data-work-state="context"] .crm4-context__reading dl div:nth-child(2) { transition-delay:100ms; }.crm4-shell[data-work-state="context"] .crm4-context__reading dl div:nth-child(3) { transition-delay:200ms; }.crm4-shell[data-work-state="context"] .crm4-context__reading dl div:nth-child(4) { transition-delay:300ms; }

.crm4-funnel { padding:38px 0 8px; }
.crm4-funnel > header { display:flex; align-items:end; justify-content:space-between; padding-bottom:26px; border-bottom:1px solid rgba(255,255,255,.1); }
.crm4-funnel > header h3 { margin:0; font-size:clamp(30px,3.6vw,52px); font-weight:500; letter-spacing:-.055em; }
.crm4-funnel > header p { display:flex; align-items:baseline; gap:12px; margin:0; color:#758078; font-size:9px; }.crm4-funnel > header p strong { color:#f1f2ed; font-size:28px; font-weight:500; }
.crm4-funnel__stages { display:grid; grid-template-columns:repeat(4,1fr); min-height:330px; }
.crm4-funnel__stages > section { position:relative; padding:24px 18px 20px; border-right:1px solid rgba(255,255,255,.09); }
.crm4-funnel__stages > section:first-child { padding-left:0; }.crm4-funnel__stages > section:last-child { padding-right:0; border-right:0; }
.crm4-funnel__stages section > span { color:#79847e; font-size:9px; }.crm4-funnel__stages section > b { float:right; color:#5e6762; font-size:10px; font-weight:500; }
.crm4-funnel__stages article { margin-top:25px; padding:13px 0; border-top:1px solid rgba(255,255,255,.1); color:#dadeda; font-size:10px; }
.crm4-funnel__stages article small { display:block; margin-top:7px; color:#68716c; font-size:8px; }
.crm4-marina-card { position:relative; color:#f4f4ef!important; opacity:.22; transform:translateX(-82%); transition:opacity 360ms ease,transform 650ms cubic-bezier(.2,.85,.25,1),border-color 360ms ease; }
.crm4-shell[data-work-phase="funnel-qualified"] .crm4-marina-card { border-color:var(--work-blue); opacity:1; transform:none; }
.crm4-funnel__note { position:absolute; right:0; bottom:0; left:0; margin:0; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); color:#89938d; font-size:10px; }

.crm4-calendar { padding:34px 0 8px; }
.crm4-calendar > header { display:flex; align-items:start; justify-content:space-between; padding-bottom:20px; }
.crm4-calendar > header span { color:#748079; font-size:9px; }.crm4-calendar > header h3 { margin:7px 0 0; font-size:clamp(31px,4vw,58px); font-weight:500; letter-spacing:-.055em; }
.crm4-calendar > header > strong { color:#f1f2ed; font-size:clamp(58px,7vw,104px); font-weight:400; line-height:.8; letter-spacing:-.07em; }
.crm4-schedule { border-top:1px solid rgba(65,109,255,.48); }
.crm4-schedule article { display:grid; grid-template-columns:76px 10px minmax(0,1fr) auto; gap:20px; align-items:center; min-height:105px; border-bottom:1px solid rgba(255,255,255,.09); }
.crm4-schedule time { color:#b7bdb8; font-size:15px; font-variant-numeric:tabular-nums; }.crm4-schedule i { width:7px; height:7px; border:1px solid #768079; border-radius:50%; }.crm4-schedule p { display:grid; gap:7px; margin:0; }.crm4-schedule strong { font-size:12px; font-weight:600; }.crm4-schedule span { color:#707a74; font-size:9px; }.crm4-schedule em { color:#68726d; font-size:9px; font-style:normal; }
.crm4-visit { position:relative; }.crm4-visit::before { content:""; position:absolute; inset:8px 0; z-index:-1; background:#101722; opacity:0; transform:scaleX(.97); transition:opacity 260ms ease,transform 440ms cubic-bezier(.22,1,.36,1); }
.crm4-shell[data-work-phase="calendar-confirmed"] .crm4-visit::before { opacity:1; transform:none; }.crm4-shell[data-work-phase="calendar-confirmed"] .crm4-visit i { border-color:var(--work-blue); background:var(--work-blue); }.crm4-shell[data-work-phase="calendar-confirmed"] .crm4-visit em { color:#89a1ff; }

.crm4-cursor { position:absolute; z-index:12; top:0; left:0; width:23px; height:28px; pointer-events:none; opacity:0; transform:translate(var(--cursor-x),var(--cursor-y)); transition:transform 760ms cubic-bezier(.18,.78,.22,1),opacity 180ms ease; }
.crm4-shell.is-in-view .crm4-cursor { opacity:1; will-change:transform; }.crm4-shell.is-clicking .crm4-cursor { transform:translate(var(--cursor-x),var(--cursor-y)) scale(.9); transition-duration:120ms; }

.work4-insight { position:relative; min-height:1050px; padding:clamp(130px,13vw,210px) max(24px,calc((100vw - 1320px)/2)); border-top:1px solid rgba(255,255,255,.08); background:#080a0a; }
.work4-insight__statement { position:relative; z-index:2; max-width:1120px; }
.work4-insight__statement h2 { margin:0; font:500 clamp(66px,8.4vw,132px)/.88 "Manrope",sans-serif; letter-spacing:-.075em; }
.work4-insight__statement p { max-width:580px; margin:38px 0 0 auto; color:#949d97; font-size:18px; line-height:1.65; }
.work4-insight__fragments { position:relative; height:500px; margin-top:80px; }
.fragment { position:absolute; margin:0; }
.fragment span { display:block; color:#6f7973; font-size:10px; }.fragment strong { display:block; margin-top:8px; font-size:23px; font-weight:500; }
.fragment--quote { top:58px; left:2%; max-width:420px; padding:22px 0; border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); color:#dde0dc; font-size:22px; line-height:1.42; }
.fragment--place { top:18px; right:22%; }.fragment--intent { right:2%; bottom:90px; }.fragment--moment { bottom:18px; left:36%; }.fragment--moment strong { font-size:43px; letter-spacing:-.05em; }.fragment--moment span { margin-top:7px; }
.fragment-line { position:absolute; top:88px; right:8%; bottom:60px; left:20%; border-top:1px solid rgba(65,109,255,.28); border-right:1px solid rgba(65,109,255,.18); transform:skewY(-8deg); transform-origin:left; }

.work4-route { position:relative; padding:clamp(130px,12vw,190px) max(24px,calc((100vw - 1320px)/2)) clamp(140px,12vw,200px); border-radius:52px 52px 0 0; background:var(--work-paper); color:#0b1224; }
.work4-route__copy { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:80px; align-items:end; }
.work4-route__copy h2 { margin:0; font:500 clamp(66px,8.1vw,124px)/.87 "Manrope",sans-serif; letter-spacing:-.075em; }.work4-route__copy p { margin:0 0 7px; color:#5d6561; font-size:17px; line-height:1.65; }
.work4-route__track { position:relative; display:grid; grid-template-columns:repeat(4,1fr); margin-top:clamp(100px,11vw,170px); padding-top:72px; border-top:1px solid rgba(12,20,36,.22); }
.work4-route__track > i { position:absolute; top:-2px; left:0; width:25%; height:3px; background:var(--work-blue); animation:work4-track 8s cubic-bezier(.65,0,.35,1) infinite; }
.work4-route__track article { position:relative; min-height:260px; padding:0 38px; border-right:1px solid rgba(12,20,36,.14); }.work4-route__track article:first-child { padding-left:0; }.work4-route__track article:last-of-type { padding-right:0; border-right:0; }
.work4-route__track strong { display:block; font-size:clamp(27px,2.6vw,41px); font-weight:500; line-height:1; letter-spacing:-.045em; }.work4-route__track span { display:block; max-width:220px; margin-top:22px; color:#59615d; font-size:13px; line-height:1.55; }.work4-route__track em { position:absolute; bottom:0; color:#69716d; font-size:11px; font-style:normal; font-variant-numeric:tabular-nums; }
@keyframes work4-track { 0%,8%{transform:translateX(0)} 25%,33%{transform:translateX(100%)} 50%,58%{transform:translateX(200%)} 75%,83%{transform:translateX(300%)} 100%{transform:translateX(0)} }

.work4-ecosystem { display:grid; grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr); gap:80px; align-items:center; min-height:920px; padding:clamp(120px,12vw,190px) max(24px,calc((100vw - 1320px)/2)); background:#080a0a; }
.work4-ecosystem__copy h2 { margin:0; font:500 clamp(54px,6.2vw,94px)/.91 "Manrope",sans-serif; letter-spacing:-.068em; }.work4-ecosystem__copy p { max-width:460px; margin:36px 0 0; color:#939c96; font-size:17px; line-height:1.65; }
.work4-orbit { position:relative; min-height:620px; border-left:1px solid rgba(255,255,255,.1); }
.work4-orbit > svg { position:absolute; inset:6% 0 0; width:100%; height:82%; overflow:visible; pointer-events:none; }.work4-orbit > svg path { fill:none; stroke:rgba(65,109,255,.26); stroke-width:1; stroke-dasharray:2 7; }
.work4-orbit__core { position:absolute; z-index:2; top:42%; left:43%; display:grid; place-items:center; width:150px; height:150px; border:1px solid rgba(65,109,255,.52); border-radius:50%; background:#0a0d0e; transform:translate(-50%,-50%); }.work4-orbit__core img { width:62px; height:62px; }.work4-orbit__core span { color:#6e7872; font-size:8px; }
.work4-orbit .tool { position:absolute; z-index:2; display:grid; place-items:center; width:66px; height:66px; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:#101312; transition:transform 180ms ease,border-color 180ms ease; }.work4-orbit .tool img { width:30px; height:30px; object-fit:contain; }.work4-orbit .tool b { position:absolute; top:calc(100% + 9px); color:#707a74; font-size:8px; font-weight:500; white-space:nowrap; }
.tool--wa { top:9%; left:13%; transform:scale(1.25); }.tool--ig { top:15%; right:15%; }.tool--fb { top:48%; right:4%; transform:scale(.8); }.tool--cal { right:17%; bottom:10%; transform:scale(1.18); }.tool--mail { bottom:2%; left:34%; transform:scale(.83); }.tool--sheet { bottom:15%; left:6%; }.tool--hub { top:45%; left:1%; transform:scale(.72); }.tool--zap { top:2%; left:48%; transform:scale(.9); }
@media (hover:hover) { .work4-orbit .tool:hover { z-index:4; border-color:rgba(65,109,255,.75); transform:scale(1.14); }.work4-orbit .tool--wa:hover { transform:scale(1.36); }.work4-orbit .tool--cal:hover { transform:scale(1.3); } }

.work4-decision { padding:clamp(130px,12vw,190px) max(24px,calc((100vw - 1320px)/2)) clamp(150px,13vw,210px); border-top:1px solid rgba(255,255,255,.1); background:#0b0e0f; }
.work4-decision__copy { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:80px; align-items:end; }.work4-decision__copy h2 { margin:0; font:500 clamp(58px,7.2vw,108px)/.89 "Manrope",sans-serif; letter-spacing:-.07em; }.work4-decision__copy p { margin:0 0 8px; color:#929b95; font-size:17px; line-height:1.65; }
.work4-score { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; margin-top:clamp(90px,10vw,150px); padding-top:40px; border-top:1px solid rgba(65,109,255,.5); }
.work4-score__time { margin:0; }.work4-score__time strong { display:block; font-size:clamp(100px,13vw,200px); font-weight:400; line-height:.74; letter-spacing:-.085em; font-variant-numeric:tabular-nums; }.work4-score__time span { display:block; margin-top:42px; color:#89938d; font-size:15px; }
.work4-score ol { margin:0; padding:0; list-style:none; }.work4-score li { display:grid; grid-template-columns:68px minmax(170px,.9fr) minmax(190px,1.1fr); gap:30px; align-items:center; min-height:88px; border-bottom:1px solid rgba(255,255,255,.1); }.work4-score li:first-child { border-top:1px solid rgba(255,255,255,.1); }.work4-score time { color:#6d7771; font-size:10px; font-variant-numeric:tabular-nums; }.work4-score li strong { font-size:14px; font-weight:500; }.work4-score li span { color:#7d8781; font-size:12px; }

@media (max-width:1050px) {
  .work4-hero { grid-template-columns:1fr; gap:70px; }.work4-hero__aside { max-width:620px; }.work4-demo__intro,.work4-route__copy,.work4-decision__copy { grid-template-columns:1fr; gap:34px; }.work4-demo__intro p,.work4-route__copy p,.work4-decision__copy p { max-width:600px; }
  .work4-laptop { padding-right:14px; padding-left:14px; }.crm4-shell { grid-template-columns:138px minmax(0,1fr); }.crm4-nav { padding-right:9px; padding-left:9px; }.crm4-workspace { padding-right:22px; padding-left:22px; }.crm4-panel { right:22px; left:22px; }
  .work4-insight { min-height:950px; }.work4-ecosystem { grid-template-columns:1fr; }.work4-ecosystem__copy { max-width:900px; }.work4-orbit { width:min(100%,780px); margin:0 auto; border-left:0; }.work4-score { grid-template-columns:1fr; }.work4-score__time { padding-bottom:48px; }
}

@media (max-width:760px) {
  .work4-hero { min-height:auto; padding:138px 18px 82px; }.work4-hero::before { right:18px; }.work4-hero::after { right:-28%; bottom:7%; width:82vw; height:82vw; }.work4-hero h1 { font-size:clamp(54px,15.5vw,72px); line-height:.9; }.work4-hero__title > span { margin-bottom:25px; }.work4-hero__aside { padding:0; }.work4-hero__aside > p { font-size:15px; }.work4-hero__index { right:18px; bottom:26px; }
  .work4-demo { padding:100px 8px 118px; }.work4-demo__intro { padding:0 10px; }.work4-demo__intro h2 { font-size:clamp(50px,14vw,66px); }.work4-demo__intro p { font-size:15px; }.work4-laptop { margin-top:58px; padding:0 0 24px; }.work4-laptop__lid { padding:6px; border-radius:20px 20px 12px 12px; }.work4-laptop__screen { height:650px; border-radius:14px 14px 8px 8px; }.work4-laptop__base { right:-4px; bottom:10px; left:-4px; height:16px; }.work4-laptop__base i { width:84px; height:5px; }.work4-demo__caption { margin:20px 10px 0; }
  .crm4-shell { grid-template-columns:1fr; grid-template-rows:62px minmax(0,1fr); }.crm4-nav { display:grid; grid-template-columns:42px repeat(4,1fr); grid-row:1; gap:0; padding:0 6px; border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }.crm4-brand { justify-content:center; min-height:0; margin:0; padding:0; border:0; }.crm4-brand img { width:23px; height:23px; }.crm4-brand span,.crm4-nav > p { display:none; }.crm4-nav button { justify-content:center; min-height:62px; padding:0 3px; border-bottom:0; font-size:8px; }.crm4-nav button i { display:none; }.crm4-nav button[aria-pressed="true"]::before { top:auto; right:6px; bottom:0; left:6px; width:auto; height:2px; }
  .crm4-workspace { grid-row:2; padding:0 14px 16px; }.crm4-topbar { min-height:74px; }.crm4-topbar strong { font-size:14px; }.crm4-topbar > p { display:none; }.crm4-panel { top:74px; right:14px; bottom:16px; left:14px; }.crm4-cursor { display:none; }
  .crm4-now > header { min-height:92px; padding:22px 0 14px; }.crm4-now > header h3 { max-width:230px; font-size:28px; }.crm4-lead { grid-template-columns:44px minmax(0,1fr) 52px; gap:10px; min-height:92px; padding:0 5px; }.crm4-lead em { display:none; }.crm4-lead strong { font-size:11px; }.crm4-lead small { font-size:8px; }.crm4-drawer { top:0; width:calc(100% - 24px); padding:22px; }.crm4-drawer h3 { margin-bottom:32px; font-size:29px; }
  .crm4-context { grid-template-columns:1fr; gap:20px; padding-top:24px; }.crm4-context__source { justify-content:start; padding:0; }.crm4-context blockquote { margin:24px 0 16px; font-size:28px; }.crm4-context__reading { align-self:auto; }.crm4-context__reading header { padding:14px 0 16px; }.crm4-context__reading dl div { padding:12px 0; }
  .crm4-funnel { padding-top:22px; }.crm4-funnel > header h3 { max-width:210px; font-size:31px; }.crm4-funnel__stages { grid-template-columns:1fr 1fr; min-height:390px; }.crm4-funnel__stages > section,.crm4-funnel__stages > section:first-child,.crm4-funnel__stages > section:last-child { min-width:0; padding:14px 10px; border-right:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); }.crm4-funnel__stages > section:nth-child(2n) { border-right:0; }.crm4-funnel__stages article { margin-top:13px; padding:9px 0; font-size:9px; }.crm4-marina-card { transform:translateX(-45%); }.crm4-funnel__note { display:none; }
  .crm4-calendar { padding-top:22px; }.crm4-calendar > header h3 { font-size:32px; }.crm4-calendar > header > strong { font-size:68px; }.crm4-schedule article { grid-template-columns:52px 8px minmax(0,1fr); gap:12px; min-height:105px; }.crm4-schedule em { display:none; }.crm4-schedule time { font-size:12px; }.crm4-schedule strong { font-size:10px; }
  .work4-insight { min-height:980px; padding:104px 18px; }.work4-insight__statement h2 { font-size:clamp(52px,15vw,70px); }.work4-insight__statement p { margin-top:28px; font-size:15px; }.work4-insight__fragments { height:500px; margin-top:64px; }.fragment--quote { top:20px; left:0; max-width:78%; font-size:18px; }.fragment--place { top:180px; right:4%; }.fragment--intent { right:auto; bottom:92px; left:2%; }.fragment--moment { right:0; bottom:6px; left:auto; }.fragment--moment strong { font-size:31px; }.fragment-line { top:94px; right:4%; bottom:70px; left:22%; }
  .work4-route { padding:105px 18px 120px; border-radius:28px 28px 0 0; }.work4-route__copy h2 { font-size:clamp(54px,15vw,70px); }.work4-route__copy p { font-size:15px; }.work4-route__track { grid-template-columns:1fr; margin-top:74px; padding-top:20px; }.work4-route__track > i { top:0; width:3px; height:25%; animation-name:work4-track-mobile; }.work4-route__track article,.work4-route__track article:first-child,.work4-route__track article:last-of-type { min-height:155px; padding:24px 0 24px 28px; border-right:0; border-bottom:1px solid rgba(12,20,36,.14); }.work4-route__track strong { font-size:29px; }.work4-route__track span { margin-top:13px; }.work4-route__track em { right:0; bottom:22px; }
  .work4-ecosystem { min-height:auto; padding:104px 18px 120px; gap:74px; }.work4-ecosystem__copy h2 { font-size:clamp(50px,14.2vw,66px); }.work4-ecosystem__copy p { font-size:15px; }.work4-orbit { min-height:520px; transform:scale(.95); }.work4-orbit__core { left:50%; width:118px; height:118px; }.work4-orbit__core img { width:48px; height:48px; }.work4-orbit .tool { width:54px; height:54px; }.work4-orbit .tool img { width:25px; height:25px; }.tool--wa { left:6%; }.tool--ig { right:4%; }.tool--cal { right:5%; }.tool--mail { left:38%; }.tool--sheet { left:2%; }
  .work4-decision { padding:104px 18px 130px; }.work4-decision__copy h2 { font-size:clamp(50px,14.2vw,66px); }.work4-decision__copy p { font-size:15px; }.work4-score { gap:35px; margin-top:70px; }.work4-score__time strong { font-size:29vw; }.work4-score__time span { margin-top:28px; }.work4-score li { grid-template-columns:52px minmax(0,1fr); gap:14px; min-height:105px; }.work4-score li span { grid-column:2; margin-top:-22px; padding-bottom:14px; }
}
@keyframes work4-track-mobile { 0%,8%{transform:translateY(0)} 25%,33%{transform:translateY(100%)} 50%,58%{transform:translateY(200%)} 75%,83%{transform:translateY(300%)} 100%{transform:translateY(0)} }

@media (prefers-reduced-motion:reduce) {
  .work4-route__track > i { animation:none; }
  .crm4-cursor { display:none; }
  .crm4-panel,.crm4-context__reading dl div,.crm4-marina-card,.crm4-visit::before { transition:none!important; }
}
* { box-sizing: border-box; }
html { width: 100%; scroll-behavior: auto; overflow-x: clip; -webkit-text-size-adjust: 100%; }
body { width: 100%; max-width: 100vw; margin: 0; background: var(--ink); color: var(--paper); overflow-x: clip; }
body:not(.route-page) main { isolation: isolate; background: var(--ink); }
body:not(.route-page) main > section:not(.hero) { position: relative; z-index: 2; }
main > :is(.product-stage, .operations, .integrations, .process, .pricing, .faq, .contact, .closing) { --section-radius: clamp(32px, 3.2vw, 52px); position: relative; border-radius: 0; }
main > :is(.product-stage, .operations, .integrations, .process, .pricing, .faq, .contact, .closing)::before,
main > :is(.product-stage, .operations, .integrations, .process, .pricing, .faq, .contact, .closing)::after { content: ""; position: absolute; z-index: 30; top: 0; width: var(--section-radius); height: var(--section-radius); pointer-events: none; }
main > :is(.product-stage, .operations, .integrations, .process, .pricing, .faq, .contact, .closing)::before { left: 0; background: radial-gradient(circle var(--section-radius) at 100% 100%, transparent calc(100% - 1px), var(--ink) 100%); }
main > :is(.product-stage, .operations, .integrations, .process, .pricing, .faq, .contact, .closing)::after { right: 0; background: radial-gradient(circle var(--section-radius) at 0 100%, transparent calc(100% - 1px), var(--ink) 100%); }
body.menu-open { overflow: hidden; }
button, a { -webkit-tap-highlight-color: transparent; }
button, a { user-select: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
::selection { color: #f7f8fb; background: #526aab; }
[id] { scroll-margin-top: 90px; }
:where(a, button):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.icon-arrow, .flow-arrow { position: relative; display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; background: none; }
.icon-arrow { --arrow-angle: -45deg; transform: rotate(var(--arrow-angle)); transform-origin: 50% 50%; transition: transform 280ms cubic-bezier(.16,1,.3,1); }
.icon-arrow::before, .flow-arrow::before { content: ""; position: absolute; top: calc(50% - .5px); right: 8%; left: 5%; height: 1px; background: currentColor; }
.icon-arrow::after, .flow-arrow::after { content: ""; position: absolute; top: 50%; right: 8%; width: 38%; height: 38%; border: solid currentColor; border-width: 0 1px 1px 0; transform: translateY(-50%) rotate(-45deg); }
.icon-arrow--right { --arrow-angle: 0deg; }.icon-arrow--left { --arrow-angle: 180deg; }.icon-arrow--down { --arrow-angle: 90deg; }
.flow-arrow { width: 16px; height: 16px; }

.site-nav { position: fixed; inset: 0 0 auto; z-index: 60; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 22px clamp(18px, 3vw, 44px); pointer-events: none; }
.site-nav > * { pointer-events: auto; }
.brand { width: 112px; height: 46px; display: flex; align-items: center; }
.brand img { display: block; width: 100%; height: auto; }
.brand img, .nav-cta { transition: filter 160ms ease, background 160ms ease, color 160ms ease, transform 180ms ease; }
.site-nav.is-over-light .brand img { filter: brightness(0); }
.site-nav.is-over-dark .brand img, .lead-panel__brand img, .footer-brand img { filter: brightness(0) invert(1); }
body.menu-open .site-nav .brand img { filter: brightness(0) invert(1); }
.site-nav.is-over-light .nav-cta { border-color: #111412; background: #111412; color: #f2f1eb; }
.menu-pill, .nav-cta { min-height: 46px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; box-shadow: 0 12px 40px rgba(0,0,0,.18); }
.menu-pill { justify-self: center; display: flex; align-items: center; gap: 10px; padding: 0 18px; background: #151817; cursor: pointer; font-size: 12px; }
.menu-icon { display: grid; gap: 3px; width: 15px; transform-origin: 50% 50%; transition: transform 360ms cubic-bezier(.16,1,.3,1); }.menu-icon i { display: block; width: 15px; height: 1.5px; border-radius: 99px; background: currentColor; }.menu-open .menu-icon { transform: rotate(90deg); }
.nav-cta { justify-self: end; display: inline-flex; align-items: center; gap: 11px; padding: 0 19px; background: var(--paper); color: #0b0d0c; font-size: 12px; font-weight: 600; transition: transform 220ms ease, background 220ms ease; }
.nav-cta > .icon-arrow { width: 11px; height: 11px; transform-origin: 50% 50%; }
.nav-cta__label { display: inline-block; filter: blur(0); }

.menu-panel { position: fixed; inset: 0; z-index: 50; display: grid; place-items: start center; padding: 84px 16px 16px; background: rgba(4,6,6,.66); backdrop-filter: blur(18px); opacity: 0; visibility: hidden; transition: opacity 180ms ease, visibility 180ms ease; }
.menu-panel[aria-hidden="false"] { opacity: 1; visibility: visible; }
.menu-panel__inner { width: min(430px, 100%); padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: #101312; transform: translateY(-8px) scale(.98); transition: transform 180ms ease; box-shadow: 0 26px 80px rgba(0,0,0,.5); }
.menu-panel[aria-hidden="false"] .menu-panel__inner { transform: none; }
.menu-panel__inner > p { margin: 0 0 12px; padding: 2px 4px; color: var(--muted); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.menu-panel nav { display: grid; }
.menu-panel nav a { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; min-height: 50px; border-top: 1px solid var(--line); font-family: "Manrope", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: -.035em; }
.menu-panel nav a b { display: grid; place-items: center; padding-right: 4px; font-size: 14px; font-weight: 400; }.menu-panel nav a .icon-arrow { width: 10px; height: 10px; color: currentColor; }
.menu-panel__foot { display: flex; justify-content: space-between; padding: 14px 4px 2px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; }
.menu-topic-icon { position: relative; display: block; width: 15px; height: 15px; color: #778079; }
.menu-topic-icon--home::before { content: ""; position: absolute; top: 1px; left: 3px; width: 8px; height: 8px; border-top: 1.5px solid currentColor; border-left: 1.5px solid currentColor; transform: rotate(45deg); }
.menu-topic-icon--home::after { content: ""; position: absolute; right: 3px; bottom: 1px; left: 3px; height: 7px; border: 1.5px solid currentColor; border-top: 0; }
.menu-topic-icon--platform { background: linear-gradient(currentColor 0 0) 1px 1px / 5px 5px no-repeat, linear-gradient(currentColor 0 0) 9px 1px / 5px 5px no-repeat, linear-gradient(currentColor 0 0) 1px 9px / 5px 5px no-repeat, linear-gradient(currentColor 0 0) 9px 9px / 5px 5px no-repeat; }
.menu-topic-icon--automation { border: 1.5px solid currentColor; border-right-color: transparent; border-radius: 50%; }
.menu-topic-icon--automation::after { content: ""; position: absolute; top: -2px; right: 0; width: 4px; height: 4px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; }
.menu-topic-icon--integrations::before, .menu-topic-icon--integrations::after { content: ""; position: absolute; width: 5px; height: 5px; border: 1.5px solid currentColor; border-radius: 50%; }
.menu-topic-icon--integrations::before { top: 0; left: 0; box-shadow: 8px 8px 0 -1.5px #101312, 8px 8px 0 0 currentColor; }
.menu-topic-icon--integrations::after { top: 1px; right: 0; border-color: transparent; border-bottom-color: currentColor; transform: rotate(45deg); }
.menu-topic-icon--plans::before, .menu-topic-icon--plans::after { content: ""; position: absolute; right: 1px; left: 1px; height: 1.5px; background: currentColor; box-shadow: 0 5px 0 currentColor; }.menu-topic-icon--plans::before { top: 2px; }.menu-topic-icon--plans::after { top: 12px; box-shadow: none; }
.menu-topic-icon--faq { display: grid; place-items: center; border: 1.5px solid currentColor; border-radius: 50%; font: 600 10px/1 "DM Sans", sans-serif; }.menu-topic-icon--faq::before { content: "?"; }
.menu-topic-icon--contact { border: 1.5px solid currentColor; border-radius: 2px; }.menu-topic-icon--contact::before, .menu-topic-icon--contact::after { content: ""; position: absolute; top: 3px; width: 8px; height: 1.5px; background: currentColor; }.menu-topic-icon--contact::before { left: 0; transform: rotate(34deg); }.menu-topic-icon--contact::after { right: 0; transform: rotate(-34deg); }
.menu-topic-icon--work::before { content: ""; position: absolute; inset: 2px 1px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: skewY(-24deg); }.menu-topic-icon--work::after { content: ""; position: absolute; top: 6px; left: 1px; width: 14px; height: 1.5px; background: currentColor; transform: skewY(24deg); }

.hero { position: sticky; z-index: 0; top: 0; height: 100svh; overflow: clip; border-bottom: 0; background: #080a0a; }
.hero.is-covered { visibility: hidden; }
.hero-scene { --hero-field-x: 0px; --hero-field-y: 0px; --hero-symbol-x: 0px; --hero-symbol-y: 0px; position: relative; height: 100svh; overflow: hidden; isolation: isolate; background: radial-gradient(100% 76% at 50% 112%,rgba(24,48,118,.34),transparent 64%),linear-gradient(180deg,#090c13 0%,#07090d 74%,#080a0a 100%); }
.hero-scene::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(6,8,12,.52) 0%,rgba(6,8,12,.18) 44%,transparent 74%),linear-gradient(0deg,rgba(7,9,13,.5),transparent 34%); }
.hero-field { position: absolute; z-index: 0; inset: -8%; overflow: hidden; pointer-events: none; transform: translate3d(var(--hero-field-x),calc(var(--hero-field-y) + var(--hero-decor-y)),0); }
.hero-field__waves { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.hero-wave { position: absolute; display: block; border-top: 1px solid rgba(65,109,255,.44); border-radius: 50% 50% 0 0 / 100% 100% 0 0; opacity: .42; -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 16%,#000 79%,transparent 100%); mask-image: linear-gradient(90deg,transparent 0%,#000 16%,#000 79%,transparent 100%); transform-origin: 50% 100%; }
.hero-wave::after { content: ""; position: absolute; inset: -7px 0 auto; height: 14px; border-radius: 50%; background: radial-gradient(ellipse at center,rgba(65,109,255,.17),transparent 70%); opacity: .58; }
.hero-wave--one { top: 8%; left: -19%; width: 82%; height: 46%; animation: hero-wave-one 16s ease-in-out infinite alternate; }
.hero-wave--two { top: 34%; right: -16%; width: 72%; height: 39%; border-top-color: rgba(94,132,255,.32); opacity: .34; animation: hero-wave-two 19s ease-in-out -7s infinite alternate; }
.hero-wave--three { right: 18%; bottom: -24%; width: 91%; height: 56%; border-top-color: rgba(65,109,255,.25); opacity: .28; animation: hero-wave-three 14s ease-in-out -4s infinite alternate; }
.hero-field__wash { position: absolute; inset: -12%; background: radial-gradient(ellipse at 74% 58%,rgba(65,109,255,.3) 0%,rgba(34,70,180,.15) 28%,transparent 67%),radial-gradient(ellipse at 17% 30%,rgba(24,54,145,.14),transparent 52%); animation: hero-wash-breathe 16s ease-in-out infinite alternate; }
.hero-field__grid { position: absolute; inset: -18%; opacity: .32; background: repeating-linear-gradient(119deg,transparent 0 105px,rgba(116,146,241,.12) 106px,transparent 107px 212px); -webkit-mask-image: linear-gradient(180deg,transparent 4%,#000 35%,#000 78%,transparent 98%); mask-image: linear-gradient(180deg,transparent 4%,#000 35%,#000 78%,transparent 98%); animation: hero-grid-drift 18s ease-in-out infinite alternate; }
.hero-field__symbol { position: absolute; top: 9%; right: 3%; width: min(54vw,760px); aspect-ratio: 1; transform: translate3d(var(--hero-symbol-x),var(--hero-symbol-y),0); }
.hero-field__symbol img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.hero-field__symbol-glow { opacity: .13; filter: saturate(1.2) brightness(1.12) blur(14px); animation: hero-symbol-glow 17s ease-in-out infinite alternate; }
.hero-field__symbol-mark { opacity: .1; filter: saturate(.9) brightness(1.15); animation: hero-symbol-float 18.5s ease-in-out infinite alternate; }
.hero-field__sweep { position: absolute; top: -35%; bottom: -35%; left: -36%; width: 26%; opacity: .28; background: linear-gradient(90deg,transparent,rgba(89,128,255,.16),rgba(207,217,255,.08),transparent); transform: skewX(-15deg); animation: hero-light-sweep 8.5s cubic-bezier(.45,0,.55,1) infinite; }
.hero-field__traces { position: absolute; inset: 0; opacity: .82; }
.hero-field__traces i { position: absolute; display: block; height: 1px; background: linear-gradient(90deg,transparent,rgba(91,130,255,.58),rgba(91,130,255,.08),transparent); transform-origin: 50% 50%; animation: hero-trace-drift 15s ease-in-out infinite alternate; }
.hero-field__traces i::after { content: ""; position: absolute; inset: -1px 0; background: linear-gradient(90deg,transparent 0%,transparent 34%,rgba(206,217,255,.84) 48%,rgba(85,126,255,.3) 54%,transparent 68%,transparent 100%); background-size: 220% 100%; animation: hero-trace-flow 5.6s linear infinite; }
.hero-field__traces i:nth-child(1) { top: 24%; right: -8%; width: 70%; transform: rotate(-7deg); }
.hero-field__traces i:nth-child(2) { top: 55%; left: -12%; width: 62%; opacity: .52; transform: rotate(5deg); animation-delay: -5s; }.hero-field__traces i:nth-child(2)::after { animation-delay: -2.4s; }
.hero-field__traces i:nth-child(3) { right: 6%; bottom: 16%; width: 44%; opacity: .42; transform: rotate(-3deg); animation-delay: -9s; }.hero-field__traces i:nth-child(3)::after { animation-delay: -4.1s; }
.hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; width: min(1120px, calc(100% - 40px)); min-height: 100%; margin: 0 auto; padding: 110px 0 72px; transform: translate3d(0,var(--hero-copy-y),0); }
.eyebrow { margin: 0; color: #c2c7c2; font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.hero h1 { max-width: 1020px; margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(60px, 8vw, 124px); font-weight: 500; line-height: .87; letter-spacing: -.072em; text-wrap: balance; }
.hero-copy__bottom { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-top: 48px; }
.hero-copy__bottom p { max-width: 410px; margin: 0; color: var(--muted); font-size: clamp(16px, 1.45vw, 20px); line-height: 1.45; }
.hero-scroll-cue { display: inline-flex; align-items: center; gap: 11px; font-size: 12px; font-weight: 500; white-space: nowrap; }
.hero-scroll-cue > span { color: transparent; background: linear-gradient(90deg,#7f838a 0%,#f2f2ee 28%,#8b8e94 52%,#e4e5e2 76%,#777b82 100%); background-size: 240% 100%; -webkit-background-clip: text; background-clip: text; animation: hero-cue-gradient 4.8s linear infinite; }
.hero-scroll-cue .icon-arrow { width: 12px; height: 15px; color: #a9acb2; animation: hero-cue-fade 2.8s ease-in-out infinite alternate; }
.hero.is-covered .hero-wave,.hero.is-covered .hero-field__wash,.hero.is-covered .hero-field__grid,.hero.is-covered .hero-field__symbol img,.hero.is-covered .hero-field__sweep,.hero.is-covered .hero-field__traces i,.hero.is-covered .hero-field__traces i::after,.hero.is-covered .hero-scroll-cue > span,.hero.is-covered .hero-scroll-cue .icon-arrow { animation-play-state: paused; }
@keyframes hero-wave-one { from { opacity: .3; transform: translate3d(-2.5%,2%,0) rotate(-7deg) scaleX(.98) scaleY(1); } to { opacity: .48; transform: translate3d(4%,-1.5%,0) rotate(-4deg) scaleX(1.035) scaleY(.92); } }
@keyframes hero-wave-two { from { opacity: .25; transform: translate3d(3%,1%,0) rotate(6deg) scaleX(1.02) scaleY(.95); } to { opacity: .39; transform: translate3d(-4%,-2%,0) rotate(3deg) scaleX(.97) scaleY(1.06); } }
@keyframes hero-wave-three { from { opacity: .2; transform: translate3d(-2%,0,0) rotate(-3deg) scaleX(.98) scaleY(1.04); } to { opacity: .32; transform: translate3d(3%,-2.5%,0) rotate(-1deg) scaleX(1.025) scaleY(.94); } }
@keyframes hero-wash-breathe { from { opacity: .74; transform: translate3d(-1.4%,1%,0) scale(1); } to { opacity: 1; transform: translate3d(1.2%,-1%,0) scale(1.025); } }
@keyframes hero-grid-drift { from { transform: translate3d(-1.2%,0,0); } to { transform: translate3d(1.2%,-.6%,0); } }
@keyframes hero-symbol-float { from { opacity: .07; transform: translate3d(-8px,7px,0) scale(.985); } to { opacity: .12; transform: translate3d(9px,-8px,0) scale(1.015); } }
@keyframes hero-symbol-glow { from { opacity: .1; transform: translate3d(7px,-4px,0) scale(.97); } to { opacity: .2; transform: translate3d(-6px,6px,0) scale(1.035); } }
@keyframes hero-light-sweep { 0% { opacity: 0; transform: translate3d(-16vw,0,0) skewX(-15deg); } 18% { opacity: .34; } 68% { opacity: .2; } 100% { opacity: 0; transform: translate3d(176vw,0,0) skewX(-15deg); } }
@keyframes hero-trace-drift { from { translate: -6px 0; opacity: .48; } to { translate: 7px 0; opacity: 1; } }
@keyframes hero-trace-flow { to { background-position: -220% 0; } }
@keyframes hero-cue-gradient { to { background-position: -240% 0; } }
@keyframes hero-cue-fade { from { opacity: .48; } to { opacity: 1; } }
.product-stage { position: relative; z-index: 9; min-height: 150svh; padding: 100px max(20px, calc((100vw - 1180px) / 2)) 180px; background: linear-gradient(#080a0a, #070909); }
body:not(.route-page) .product-stage { margin-top: 0; padding-top: calc(48svh + clamp(52px,5vw,72px)); border-top: 0; background: #070909; box-shadow: none; }
body:not(.route-page) .product-intro { margin-top: 0; }
.product-intro { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; margin-bottom: 72px; }
.product-intro h2 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(46px, 6vw, 84px); font-weight: 500; line-height: .94; letter-spacing: -.06em; }
.product-intro > p:last-child { max-width: 440px; margin: 0 0 6px; color: var(--muted); font-size: 16px; line-height: 1.55; }
.dashboard-frame { position: sticky; top: 90px; overflow: hidden; width: 100%; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: #0d100f; box-shadow: 0 60px 140px rgba(0,0,0,.55); transform: perspective(1800px) translateY(calc((1 - var(--hero-progress)) * 55px)) scale(calc(.94 + var(--hero-progress) * .06)); transform-origin: 50% 20%; }
.dashboard-frame__bar { display: flex; align-items: center; gap: 7px; height: 42px; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.08); background: #151817; }
.dashboard-frame__bar i { width: 7px; height: 7px; border-radius: 50%; background: #3b403e; }
.dashboard-frame__bar span { margin-left: 8px; color: #717873; font-size: 10px; letter-spacing: .04em; }

.dashboard-demo { position: relative; display: grid; grid-template-columns: 188px 1fr; min-height: 660px; background: radial-gradient(circle at var(--panel-x, 75%) var(--panel-y, 20%), rgba(65,109,255,.08), transparent 22%), #0a0d0c; }
.demo-sidebar { display: flex; flex-direction: column; min-width: 0; padding: 22px 14px 16px; border-right: 1px solid rgba(255,255,255,.075); background: #111513; }
.demo-agency { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 8px 17px; border-bottom: 1px solid rgba(255,255,255,.07); }
.demo-agency > b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #e8edf9; color: #16285b; font-size: 9px; }
.demo-agency > span { display: grid; color: #d9deda; font-size: 11px; font-weight: 600; }.demo-agency small { margin-top: 2px; color: #66706a; font-size: 8px; font-weight: 500; }
.demo-sidebar nav { display: grid; gap: 4px; margin-top: 22px; }
.demo-sidebar nav button { display: grid; grid-template-columns: 22px 1fr; align-items: center; min-height: 40px; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #747e78; cursor: pointer; font-size: 10px; text-align: left; transition: background 160ms ease, color 160ms ease, transform 160ms ease; }
.demo-sidebar nav button i { font-style: normal; font-size: 13px; }.demo-sidebar nav button[aria-pressed="true"] { background: rgba(65,109,255,.13); color: #a8bcff; }.demo-sidebar nav button[aria-pressed="true"] i { color: #6e91ff; }
.demo-health { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 7px; margin-top: auto; padding: 13px 10px; border: 1px solid rgba(65,109,255,.2); border-radius: 8px; background: rgba(65,109,255,.07); color: #9ba6a0; font-size: 8px; }
.demo-health i { width: 6px; height: 6px; border-radius: 50%; background: #6e91ff; box-shadow: 0 0 12px rgba(110,145,255,.8); }.demo-health b { color: #8295cf; font-weight: 500; }
.demo-main { min-width: 0; padding: 0 28px 28px; }
.demo-topbar { display: flex; justify-content: space-between; align-items: center; min-height: 86px; border-bottom: 1px solid rgba(255,255,255,.075); }
.demo-topbar small { color: #626d67; font-size: 7px; font-weight: 600; letter-spacing: .14em; }.demo-topbar h3 { margin: 5px 0 0; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; letter-spacing: -.04em; }
.demo-search { display: flex; align-items: center; gap: 24px; min-width: 170px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 8px; color: #626d67; font-size: 8px; }.demo-search kbd { margin-left: auto; padding: 3px 5px; border: 1px solid rgba(255,255,255,.08); border-radius: 4px; color: #515b55; font-family: inherit; font-size: 7px; }
.demo-panel { padding-top: 24px; animation: panel-in 360ms cubic-bezier(.16,1,.3,1) both; }.demo-panel[hidden] { display: none; }
@keyframes panel-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.demo-summary { display: flex; justify-content: space-between; align-items: center; min-height: 112px; padding: 20px 24px; border: 1px solid rgba(90,124,235,.22); border-radius: 18px; background: linear-gradient(105deg, rgba(50,77,163,.16), rgba(13,19,33,.22)); }
.demo-summary > div:first-child { display: grid; grid-template-columns: auto 1fr; align-items: end; column-gap: 14px; }.demo-summary span { color: #737e78; font-size: 7px; font-weight: 600; letter-spacing: .1em; }.demo-summary strong { grid-row: 2; color: #e9edeb; font-family: "Manrope", sans-serif; font-size: 28px; font-weight: 500; letter-spacing: -.055em; }.demo-summary p { grid-row: 2; margin: 0 0 4px; color: #737e78; font-size: 9px; }
.demo-summary__signal { display: grid; grid-template-columns: 8px auto; column-gap: 8px; align-items: center; text-align: right; }.demo-summary__signal i { width: 6px; height: 6px; border-radius: 50%; background: #6e91ff; box-shadow: 0 0 14px rgba(110,145,255,.8); }.demo-summary__signal b { color: #8eacff; font-size: 14px; }.demo-summary__signal span { grid-column: 1 / -1; margin-top: 5px; }
.demo-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 10px; }
.demo-metrics article { display: grid; min-height: 106px; padding: 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 16px; background: #121614; }.demo-metrics span { color: #707a74; font-size: 8px; }.demo-metrics strong { margin-top: 7px; font-family: "Manrope", sans-serif; font-size: 25px; font-weight: 500; letter-spacing: -.04em; }.demo-metrics small { align-self: end; color: #59635d; font-size: 7px; }.demo-metrics small b { color: #7695ff; font-weight: 600; }
.demo-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 10px; margin-top: 10px; }
.demo-chart, .demo-priority { min-width: 0; min-height: 240px; padding: 17px; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: #121614; }
.demo-chart header, .demo-priority header { display: flex; justify-content: space-between; gap: 16px; }.demo-chart header div, .demo-priority header div { display: grid; gap: 3px; }.demo-chart header b, .demo-priority header b { color: #dfe4e0; font-size: 10px; }.demo-chart header span, .demo-priority header span { color: #5f6963; font-size: 7px; }.demo-chart header strong, .demo-priority header strong { color: #6f83c1; font-size: 7px; font-weight: 500; }
.chart-bars { display: flex; align-items: end; gap: 12px; height: 130px; padding: 20px 8px 0; border-bottom: 1px solid rgba(255,255,255,.08); background: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, rgba(255,255,255,.035) 32px); }.chart-bars i { flex: 1; height: calc(var(--bar) * 100%); min-width: 7px; border-radius: 3px 3px 0 0; background: linear-gradient(#708fff, #3658bb); transform: scaleY(0); transform-origin: bottom; transition: transform 800ms cubic-bezier(.16,1,.3,1); }.dashboard-frame.is-visible .chart-bars i { transform: scaleY(1); }.chart-bars i:nth-child(2n) { transition-delay: 80ms; }.chart-bars i:nth-child(3n) { background: linear-gradient(#8397ca, #465b8f); transition-delay: 140ms; }
.chart-axis { display: flex; justify-content: space-between; padding: 8px 5px 0; color: #515b55; font-size: 6px; }
.demo-priority ul { display: grid; margin: 15px 0 0; padding: 0; list-style: none; }.demo-priority li { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 9px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.06); }.demo-priority li > i { width: 5px; height: 5px; border-radius: 50%; background: #6e91ff; }.demo-priority li span { display: grid; gap: 3px; min-width: 0; }.demo-priority li b { overflow: hidden; color: #cbd1cd; font-size: 8px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.demo-priority li small { color: #59635d; font-size: 7px; }.demo-priority li em { color: #65706a; font-size: 7px; font-style: normal; }
.demo-board { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; min-height: 500px; }.demo-board article { padding: 14px; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: #111513; }.demo-board article > header { display: flex; justify-content: space-between; padding: 2px 2px 14px; color: #69746e; font-size: 7px; letter-spacing: .08em; }.demo-board article > header b { color: #7796ff; }.demo-board article > div { position: relative; display: grid; gap: 5px; margin-top: 8px; padding: 13px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: #0b0e0d; }.demo-board article > div strong { color: #d3d8d5; font-size: 9px; font-weight: 500; }.demo-board article > div small { color: #64706a; font-size: 7px; }.demo-board article > div em { position: absolute; top: 13px; right: 11px; color: #52605a; font-size: 6px; font-style: normal; }
.demo-calendar { min-height: 500px; padding: 18px; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: #111513; }.demo-calendar__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.07); }.demo-calendar__head strong { font-size: 11px; font-weight: 500; }.demo-calendar__head button { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; background: transparent; color: #89938d; cursor: pointer; }.demo-calendar ol { margin: 0; padding: 0; list-style: none; }.demo-calendar li { display: grid; grid-template-columns: 54px 1fr auto; align-items: center; min-height: 104px; border-bottom: 1px solid rgba(255,255,255,.065); }.demo-calendar time { color: #e0e4e1; font-family: "Manrope", sans-serif; font-size: 17px; }.demo-calendar li div { display: grid; gap: 6px; }.demo-calendar li b { font-size: 10px; font-weight: 500; }.demo-calendar li span { color: #65706a; font-size: 8px; }.demo-calendar li em { padding: 7px 9px; border: 1px solid rgba(110,145,255,.24); border-radius: 999px; color: #87a2fa; font-size: 7px; font-style: normal; }
.demo-calendar__head button:disabled { opacity: .28; cursor: default; }.demo-calendar ol.is-switching { animation: calendar-day-in 340ms cubic-bezier(.16,1,.3,1); }
@keyframes calendar-day-in { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: none; } }
.reveal { opacity: 0; transform: translate3d(0, 22px, 0); transition: opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1); }
.reveal.is-visible { opacity: 1; transform: none; }

.operations { padding: 150px max(20px, calc((100vw - 1180px) / 2)) 170px; border-top: 1px solid var(--line); background: #080a0a; }
.operations-heading { display: grid; grid-template-columns: 1.4fr .6fr; column-gap: 70px; align-items: end; margin-bottom: 84px; }
.operations-heading h2 { max-width: 900px; margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(52px, 6.7vw, 96px); font-weight: 500; line-height: .94; letter-spacing: -.068em; }
.operations-heading > p:last-child { max-width: 470px; margin: 0 0 7px; color: var(--muted); font-size: 17px; line-height: 1.6; }
.interface-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; }
.interface-card { position: relative; overflow: hidden; min-width: 0; padding: clamp(22px, 2.3vw, 34px); border: 1px solid rgba(255,255,255,.095); border-radius: 24px; background: #101312; box-shadow: 0 24px 70px rgba(0,0,0,.16); }
.interface-card__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 32px; color: #69716c; font-size: 9px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.interface-card__head b { display: flex; align-items: center; gap: 7px; color: #9da49f; font-weight: 500; }
.interface-card__head b i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px rgba(126,149,211,.62); }
.conversation-card { grid-column: span 8; }
.funnel-card { grid-column: span 4; }
.agenda-card { grid-column: span 5; min-height: 350px; }
.routing-card { grid-column: span 7; min-height: 350px; }
.conversation-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; }
.phone-demo, .lead-context { min-width: 0; border: 1px solid rgba(255,255,255,.08); background: #0b0e0d; }
.phone-demo { padding: 18px; border-radius: 20px; }
.phone-demo__head { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.07); }
.phone-demo__head > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #e7e9e4; color: #111411; font-size: 10px; font-weight: 600; }
.phone-demo__head p { display: grid; gap: 2px; margin: 0; font-size: 11px; }
.phone-demo__head p b { font-weight: 600; }
.phone-demo__head p small { color: #737b76; font-size: 9px; }
.phone-demo__head > i { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: var(--accent); }
.messages { display: grid; gap: 10px; padding-top: 20px; }
.message { width: fit-content; max-width: 82%; margin: 0; padding: 10px 12px; border-radius: 12px; font-size: 11px; line-height: 1.45; }
.message--client { justify-self: start; border-bottom-left-radius: 3px; background: #202421; color: #d8dcd8; }
.message--vast { justify-self: end; border-bottom-right-radius: 3px; background: #dce3ee; color: #182033; }
.typing { display: flex; gap: 3px; width: fit-content; margin: 10px 0 0 auto; padding: 8px 10px; border-radius: 12px 12px 3px 12px; background: #dce3ee; transition: opacity 220ms ease, transform 220ms ease; }
.typing i { width: 3px; height: 3px; border-radius: 50%; background: #53645e; animation: typing 1.1s ease-in-out 3; }
.typing i:nth-child(2) { animation-delay: 120ms; }.typing i:nth-child(3) { animation-delay: 240ms; }
@keyframes typing { 0%,60%,100% { opacity:.25; transform: translateY(0); } 30% { opacity:1; transform: translateY(-2px); } }
.message--resolved { display: block; max-height: 0; margin-top: 0; overflow: hidden; opacity: 0; transform: translateY(7px); transition: max-height 420ms cubic-bezier(.16,1,.3,1), margin 300ms ease, opacity 240ms ease 80ms, transform 360ms cubic-bezier(.16,1,.3,1) 80ms; }
.conversation-card.has-replied .typing { height: 0; margin: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; opacity: 0; transform: translateY(-5px); }
.conversation-card.has-replied .message--resolved { max-height: 90px; margin-top: 10px; opacity: 1; transform: none; }
.lead-context { display: flex; flex-direction: column; padding: 18px; border-radius: 20px; }
.lead-context > p { margin: 0 0 18px; color: #6f7772; font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.lead-context dl { display: grid; gap: 0; margin: 0; }
.lead-context dl div { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.07); }
.lead-context dt { color: #717974; font-size: 10px; }.lead-context dd { margin: 0; color: #e7e9e5; font-size: 11px; font-weight: 500; text-align: right; }
.lead-context dd span { color: var(--accent); }
.lead-ready { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.07); color: #cfd5d1; font-size: 10px; }
.lead-ready i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }.lead-ready b { margin-left: auto; font-size: 15px; font-weight: 400; }
.funnel-card h3, .routing-card h3 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(28px, 3vw, 44px); font-weight: 500; line-height: 1; letter-spacing: -.055em; }
.funnel-demo { display: grid; gap: 17px; margin-top: 44px; }
.funnel-demo > div { display: grid; grid-template-columns: 96px 1fr; align-items: center; gap: 12px; color: #9fa6a1; font-size: 9px; }
.funnel-demo i { display: block; width: var(--width); height: 5px; border-radius: 999px; background: linear-gradient(90deg, #3d5eb1, var(--accent)); box-shadow: 0 0 18px rgba(126,149,211,.14); }
.interface-note { margin: 36px 0 0; color: #777f7a; font-size: 11px; line-height: 1.5; }
.visit-time { display: flex; align-items: baseline; gap: 20px; margin-top: 54px; }
.visit-time strong { font-family: "Manrope", sans-serif; font-size: clamp(48px, 6vw, 76px); font-weight: 500; line-height: .8; letter-spacing: -.065em; }
.visit-time span { color: #d3d6d2; font-size: 14px; }
.visit-details { display: grid; grid-template-columns: 1fr 1fr; margin-top: 44px; border-top: 1px solid rgba(255,255,255,.08); }
.visit-details p { display: grid; gap: 7px; margin: 0; padding: 17px 0; font-size: 12px; }.visit-details p + p { padding-left: 18px; border-left: 1px solid rgba(255,255,255,.08); }
.visit-details small, .route-demo small { color: #69716c; font-size: 8px; letter-spacing: .1em; }
.agenda-line { display: flex; align-items: center; gap: 8px; width: 100%; margin-top: 16px; padding: 12px 13px; border: 1px solid transparent; background: #191d1b; color: #9ca39e; cursor: pointer; font: 400 9px/1.2 "DM Sans", sans-serif; text-align: left; transition: border-color 180ms ease, background 180ms ease; }.agenda-line i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 0 rgba(126,149,211,.34); animation: confirm-pulse 2.4s ease-out infinite; }.agenda-line b { margin-left: auto; color: #6e7570; font-weight: 500; }.agenda-line[aria-pressed="false"] i { background: #656c68; animation: none; }@keyframes confirm-pulse { 60%,100% { box-shadow: 0 0 0 7px transparent; } }
.route-demo { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; margin-top: 56px; }
.route-demo > div { display: grid; gap: 8px; min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.075); background: #0b0e0d; }
.route-demo b { overflow: hidden; color: #dce0dc; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.route-demo > span { color: #616964; }
.route-status { width: fit-content; margin-top: 24px; padding: 8px 11px; border: 1px solid rgba(126,149,211,.24); color: var(--accent); font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }.route-status i { display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: var(--accent); }
.route-trigger { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 16px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.09); background: transparent; color: #89918c; cursor: pointer; font: 500 9px/1 "DM Sans", sans-serif; letter-spacing: .04em; text-transform: uppercase; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; }
.routing-card.is-routing .route-demo > div { animation: route-swap 700ms cubic-bezier(.16,1,.3,1); }.routing-card.is-routing .route-demo > div:nth-of-type(2) { animation-delay: 70ms; }.routing-card.is-routing .route-demo > div:nth-of-type(3) { animation-delay: 140ms; }.routing-card.is-routing .route-status i { animation: route-pulse 700ms ease; }@keyframes route-swap { 35% { opacity: .12; transform: translateY(6px); } 100% { opacity: 1; transform: none; } }@keyframes route-pulse { 45% { transform: scale(2.4); box-shadow: 0 0 18px var(--accent); } }
.concept-note { margin: 20px 0 0; color: #636b66; font-size: 9px; letter-spacing: .06em; text-align: right; text-transform: uppercase; }

.operation-workbench { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: clamp(34px,5vw,74px); align-items: start; }
.operation-index { border-bottom: 1px solid var(--line); }
.operation-index button { position: relative; display: grid; grid-template-columns: 32px minmax(0,1fr) 16px; gap: 7px 12px; align-items: start; width: 100%; min-height: 132px; padding: 23px 4px 22px 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: #777f7a; cursor: pointer; font-family: "DM Sans",sans-serif; text-align: left; transition: color 180ms ease,background-color 180ms ease; }
.operation-index button::before { content: ""; position: absolute; top: -1px; left: 0; width: 74px; height: 1px; background: var(--vast-blue); transform: scaleX(0); transform-origin: left; transition: transform 180ms cubic-bezier(.2,.7,.2,1); }
.operation-index button > span { grid-row: 1 / span 2; padding-top: 4px; color: #59615d; font-size: 9px; font-variant-numeric: tabular-nums; letter-spacing: .08em; transition: color 180ms ease; }
.operation-index strong { color: #adb3af; font-family: "Manrope",sans-serif; font-size: clamp(20px,2vw,28px); font-weight: 500; line-height: 1.02; letter-spacing: -.045em; transition: color 180ms ease; }
.operation-index small { grid-column: 2; max-width: 310px; color: #686f6b; font-size: 11px; line-height: 1.45; transition: color 180ms ease; }
.operation-index .icon-arrow { grid-column: 3; grid-row: 1; width: 12px; height: 12px; margin-top: 3px; color: #5b635e; }
.operation-index button[aria-selected="true"] { color: #e9ece9; background: linear-gradient(90deg,rgba(65,109,255,.055),transparent 72%); }
.operation-index button[aria-selected="true"]::before { transform: scaleX(1); }
.operation-index button[aria-selected="true"] > span { color: #7896ff; }
.operation-index button[aria-selected="true"] strong { color: #f0f1ed; }
.operation-index button[aria-selected="true"] small { color: #929a95; }
.operation-index button:focus-visible { z-index: 1; outline: 0; box-shadow: inset 0 0 0 1px rgba(103,139,255,.58),0 0 0 3px rgba(65,109,255,.16); }
.operation-index button:active { transform: scale(.985); }
.operation-stage { position: relative; min-width: 0; min-height: 620px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: linear-gradient(145deg,rgba(16,20,20,.96),rgba(10,13,13,.98)); }
.operation-stage::before { content: ""; position: absolute; z-index: 0; top: -1px; right: 7%; width: 36%; height: 1px; background: linear-gradient(90deg,transparent,rgba(65,109,255,.65),transparent); }
.operation-panel { position: relative; z-index: 1; width: 100%; min-height: 618px; margin: 0; padding: clamp(24px,3vw,42px); border: 0; border-radius: 0; background: transparent; box-shadow: none; animation: operation-panel-in 180ms cubic-bezier(.16,1,.3,1); }
.operation-stage .conversation-card,.operation-stage .funnel-card,.operation-stage .agenda-card,.operation-stage .routing-card { grid-column: auto; border-radius: 0; }
.operation-stage .funnel-card,.operation-stage .agenda-card,.operation-stage .routing-card { display: flex; flex-direction: column; }
.operation-stage .operation-panel[hidden] { display: none; }
.operation-stage .funnel-demo { margin-top: auto; padding-top: 52px; }
.operation-stage .interface-note { margin-top: auto; padding-top: 42px; }
.operation-stage .visit-time { margin-top: auto; padding-top: 66px; }
.operation-stage .agenda-line { margin-top: auto; }
.operation-stage .route-demo { margin-top: auto; padding-top: 54px; }
@keyframes operation-panel-in { from { opacity: 0; transform: translate3d(8px,0,0); } }

.integrations { overflow: hidden; padding: 142px max(20px, calc((100vw - 1180px) / 2)) 170px; background: #e7eae8; color: #0c1223; }
.integrations-heading { max-width: 1080px; }
.integrations-heading > p { margin: 0 0 30px; color: #69706c; font-size: 9px; font-weight: 600; letter-spacing: .14em; }
.integrations-heading h2 { max-width: 1060px; margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(58px, 7.4vw, 108px); font-weight: 500; line-height: .89; letter-spacing: -.073em; text-wrap: balance; }
.integration-logo-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 50px; }
.integration-logo-row > span { position: relative; display: grid; place-items: center; width: 66px; height: 66px; border: 1px solid rgba(14,21,37,.09); border-radius: 19px; background: #f7f8f5; box-shadow: 0 12px 30px rgba(20,29,48,.07); }
.integration-logo-row img { display: block; width: 35px; height: 35px; object-fit: contain; }
.integration-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 24px; margin-top: 110px; }
.integration-card { position: relative; display: flex; flex-direction: column; min-height: 390px; overflow: hidden; padding: clamp(28px, 3.2vw, 46px); border: 1px solid rgba(14,21,37,.09); border-radius: 32px; background: #f8f9f6; color: #0c1223; cursor: pointer; box-shadow: 0 28px 70px rgba(23,31,48,.09); }
.integration-card:focus-visible { outline-color: #315bdf; outline-offset: 7px; }
.integration-card:nth-child(even) { margin-top: 82px; }
.integration-card::before { content: ""; position: absolute; top: -1px; left: clamp(28px, 3.2vw, 46px); width: 94px; height: 2px; background: var(--vast-blue); }
.integration-card__meta { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 24px; border-bottom: 1px solid rgba(13,19,35,.1); color: #717875; font-size: 9px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.integration-card__meta b { color: #1b2744; font-weight: 600; }
.integration-card h3 { max-width: 520px; margin: 38px 0 0; font-family: "Manrope", sans-serif; font-size: clamp(34px, 3.7vw, 54px); font-weight: 500; line-height: .96; letter-spacing: -.062em; }
.integration-card > p { max-width: 500px; margin: 24px 0 0; color: #5f6763; font-size: 14px; line-height: 1.62; }
.integration-card__foot { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: auto; padding-top: 36px; color: #68706c; font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.integration-card__foot > i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: #e7eae7; color: #11182a; font-style: normal; }
.integration-card__foot .icon-arrow { width: 12px; height: 12px; }

.kinetic { overflow: hidden; padding: 28px 0 50px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #080a0a; }
.kinetic-track { display: flex; width: max-content; animation: kinetic-loop 28s linear infinite paused; }
.kinetic-track.is-running { will-change: transform; animation-play-state: running; }
.kinetic-group { display: flex; flex: 0 0 auto; padding-right: 3vw; }
.kinetic-track span { padding-right: 3vw; color: #e8e8e1; font-family: "Manrope", sans-serif; font-size: clamp(82px, 14vw, 210px); font-weight: 500; line-height: .78; letter-spacing: -.085em; }
.kinetic-group span:nth-child(even) { color: transparent; -webkit-text-stroke: 1px rgba(232,232,225,.25); }
@keyframes kinetic-loop { to { transform: translate3d(-50%, 0, 0); } }

.process { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; padding: 150px max(20px, calc((100vw - 1180px) / 2)); background: #080a0a; }
.process-sticky { position: sticky; top: 120px; align-self: start; }
.process-sticky h2 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(50px, 5.8vw, 82px); font-weight: 500; line-height: .92; letter-spacing: -.065em; }
.process-sticky > p:last-of-type { max-width: 470px; margin: 30px 0 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.process-sticky > a { display: inline-flex; align-items: center; gap: 14px; margin-top: 40px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.36); font-size: 12px; }
.process-list { margin: 0; padding: 0; list-style: none; }
.process-list li { display: grid; grid-template-columns: 42px 1fr auto; gap: 18px; min-height: 180px; padding: 32px 0; border-top: 1px solid var(--line); }
.process-list li > span { color: #68706b; font-size: 10px; letter-spacing: .08em; }
.process-list h3 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(42px, 5vw, 70px); font-weight: 500; line-height: .85; letter-spacing: -.065em; }
.process-list p { max-width: 440px; margin: 20px 0 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.process-list li > b { color: #5d6560; font-size: 8px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; }

.pricing { padding: 130px max(20px, calc((100vw - 1240px) / 2)) 120px; background: linear-gradient(180deg, #f7f8f6, #eef0ed); color: #0b1228; }
.pricing .eyebrow { color: #5e6561; }
.pricing-heading { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 32px; margin-bottom: 64px; }
.pricing-heading h2 { max-width: 720px; margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(54px, 6.6vw, 94px); font-weight: 500; line-height: .91; letter-spacing: -.07em; }
.billing-toggle { display: inline-flex; padding: 4px; border: 1px solid rgba(13,26,61,.2); border-radius: 999px; background: #e5e8e7; }
.billing-toggle button { min-height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; color: #505652; cursor: pointer; font-size: 11px; transition: background 160ms ease, color 160ms ease; }
.billing-toggle button:disabled { cursor: wait; }
.billing-toggle button[aria-pressed="true"] { background: #13285f; color: #f1f5ff; }
.billing-toggle button span { margin-left: 4px; color: #2756bd; font-weight: 600; }
.billing-toggle button[aria-pressed="true"] span { color: #9bb2ff; }
.plans { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); align-items: stretch; gap: 10px; }
.plan { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: 28px; border: 1px solid #cdd2d1; border-radius: 28px; background: #e8ebea; box-shadow: 0 24px 70px rgba(21,31,47,.08); }
.plan::after { content: ""; position: absolute; right: -50px; bottom: -80px; width: 180px; height: 180px; border: 1px solid rgba(49,91,194,.16); border-radius: 50%; pointer-events: none; }
.plan--essential { grid-column: 1; grid-row: 1; }.plan--professional { grid-column: 2; grid-row: 1; border-color: #253e84; background: radial-gradient(circle at 88% 4%, rgba(92,126,229,.23), transparent 29%), linear-gradient(155deg, #090e1b, #13234d); color: #f2f5ff; box-shadow: 0 34px 90px rgba(15,33,76,.3); }.plan--enterprise { grid-column: 3; grid-row: 1; background: #dde2e3; }
.plan__top { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.plan__top p { margin: 0; font-family: "Manrope", sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -.035em; }
.plan__top > span { padding: 6px 9px; border: 1px solid rgba(17,20,18,.18); border-radius: 999px; color: #656b67; font-size: 8px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.plan--professional .plan__top > span { border-color: rgba(203,214,246,.28); background: rgba(227,233,251,.07); color: #d8e0f8; }
.plan__for { min-height: 38px; margin: 10px 0 0; color: #747a76; font-size: 12px; }.plan--professional .plan__for { color: #929994; }
.plan__price { display: flex; align-items: end; gap: 6px; margin-top: 38px; }.plan__price strong { font-family: "Manrope", sans-serif; font-size: clamp(50px, 5vw, 68px); font-weight: 500; line-height: .8; letter-spacing: -.07em; }.plan__price span { color: #737975; font-size: 11px; }
.plan__billing { min-height: 17px; margin: 12px 0 0; color: #747a76; font-size: 10px; }
.plan__annual-benefit { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 14px; max-height: 78px; margin-top: 18px; padding: 12px 0; overflow: hidden; border-top: 1px solid rgba(18,31,62,.16); border-bottom: 1px solid rgba(18,31,62,.16); opacity: 1; transform: translateY(0); transition: max-height 360ms cubic-bezier(.16,1,.3,1), margin 360ms cubic-bezier(.16,1,.3,1), padding 360ms cubic-bezier(.16,1,.3,1), opacity 220ms ease, transform 360ms cubic-bezier(.16,1,.3,1); }
.plan__annual-benefit[aria-hidden="true"] { max-height: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; border-color: transparent; opacity: 0; transform: translateY(8px); }
.plan__annual-benefit span { color: #68716d; font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }.plan__annual-benefit b { color: #18336f; font-family: "Manrope", sans-serif; font-size: 18px; font-weight: 600; letter-spacing: -.035em; }.plan__annual-benefit small { grid-column: 1 / -1; margin-top: 3px; color: #6f7773; font-size: 9px; }
.plan--professional .plan__annual-benefit { border-color: rgba(215,224,250,.13); }.plan--professional .plan__annual-benefit span, .plan--professional .plan__annual-benefit small { color: #99a6c7; }.plan--professional .plan__annual-benefit b { color: #e2e8fa; }
.plan__team { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px; padding: 15px 0; border-top: 1px solid rgba(17,20,18,.15); border-bottom: 1px solid rgba(17,20,18,.15); font-size: 11px; }.plan--professional .plan__team { border-color: rgba(255,255,255,.12); }.plan__team span { color: #777d79; font-size: 9px; }
.plan ul { display: grid; gap: 13px; margin: 28px 0 40px; padding: 0; list-style: none; }.plan li { position: relative; padding-left: 17px; color: #394661; font-size: 12px; line-height: 1.4; }.plan--professional li { color: #c6d1ee; }.plan li::before { content: ""; position: absolute; top: .45em; left: 0; width: 6px; height: 6px; border: 1px solid #6d7fa8; border-radius: 50%; }.plan--professional li::before { border-color: #86a6ff; background: #86a6ff; }
.plan-select { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 54px; margin-top: auto; padding: 0 18px; overflow: hidden; border: 1px solid #10192c; border-radius: 14px; background: #10192c; color: #f2f3ef; cursor: pointer; box-shadow: 0 12px 28px rgba(15,24,43,.12); font: 600 11px/1 "DM Sans", sans-serif; letter-spacing: .01em; }.plan--professional .plan-select { border-color: #e8edff; background: #e8edff; color: #0a1430; box-shadow: 0 14px 34px rgba(1,8,27,.25); }.plan-select > * { position: relative; z-index: 1; }.plan-select .icon-arrow { transition: transform 220ms cubic-bezier(.16,1,.3,1); }
.pricing.is-cycle-changing .plan__price, .pricing.is-cycle-changing .plan__billing { animation: billing-value-switch 440ms cubic-bezier(.4,0,.2,1); }
@keyframes billing-value-switch { 0%, 100% { opacity: 1; transform: translateY(0); } 44% { opacity: 0; transform: translateY(-7px); } 56% { opacity: 0; transform: translateY(7px); } }
.pricing-note { margin: 26px 0 0; color: #626864; font-size: 10px; letter-spacing: .03em; }

body.modal-open, body.panel-open { overflow: hidden; }
.plan-modal { position: fixed; z-index: 120; inset: 0; display: grid; place-items: center; padding: 22px; visibility: hidden; opacity: 0; transition: visibility 0s linear 260ms, opacity 260ms ease; }
.plan-modal.is-open { visibility: visible; opacity: 1; transition-delay: 0s; }
.plan-modal__backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(3,5,10,.78); cursor: default; backdrop-filter: blur(12px); }
.plan-modal__dialog { position: relative; width: min(680px, 100%); max-height: calc(100svh - 44px); overflow: auto; padding: 30px; border: 1px solid rgba(112,143,255,.25); border-radius: 28px; background: radial-gradient(circle at 90% 0%, rgba(66,93,181,.2), transparent 30%), #0c101a; color: #eff2f8; box-shadow: 0 50px 160px rgba(0,0,0,.65); transform: translateY(18px) scale(.98); transition: transform 360ms cubic-bezier(.16,1,.3,1); }.plan-modal.is-open .plan-modal__dialog { transform: none; }
.plan-modal__close { position: absolute; z-index: 3; top: 18px; right: 18px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(208,216,233,.14); border-radius: 50%; background: #151b28; color: #c4cad5; cursor: pointer; box-shadow: 0 8px 22px rgba(0,0,0,.2); transition: border-color 160ms ease, background 160ms ease, transform 160ms ease; }
.close-icon { position: relative; display: block; width: 14px; height: 14px; }.close-icon::before, .close-icon::after { content: ""; position: absolute; top: 6px; left: 1px; width: 12px; height: 1.5px; border-radius: 99px; background: currentColor; }.close-icon::before { transform: rotate(45deg); }.close-icon::after { transform: rotate(-45deg); }
.plan-modal__meta { display: flex; align-items: center; gap: 18px; padding-right: 52px; color: #737d8c; font-size: 9px; letter-spacing: .11em; }.plan-modal__meta span:first-child { color: var(--vast-blue); }.plan-modal__meta b { font-weight: 600; }
.plan-modal h3 { margin: 22px 0 0; font-family: "Manrope", sans-serif; font-size: clamp(30px, 4vw, 42px); font-weight: 500; line-height: 1; letter-spacing: -.055em; }.plan-modal__intro { max-width: 510px; margin: 12px 0 0; color: #929aa6; font-size: 13px; line-height: 1.55; }
.plan-progress { display: flex; gap: 6px; margin-top: 24px; }.plan-progress i { width: 50%; height: 2px; background: rgba(255,255,255,.09); transition: background 240ms ease; }.plan-progress i:first-child, .plan-modal.is-step-two .plan-progress i:last-child { background: var(--vast-blue); }
.plan-step { margin-top: 26px; }.plan-step[hidden] { display: none; }.modal-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.plan-step label, .choice-group legend { color: #8c95a1; font-size: 9px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }.plan-step label { display: grid; gap: 8px; }
.plan-step input[type="text"], .plan-step input[type="email"], .plan-step input:not([type]) { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; outline: 0; background: rgba(255,255,255,.035); color: #f1f3f7; font: 400 15px/1 "DM Sans", sans-serif; transition: border-color 160ms ease, box-shadow 160ms ease; }.plan-step input:focus { border-color: rgba(104,143,255,.7); box-shadow: 0 0 0 3px rgba(74,109,216,.12); }
.choice-group { margin: 22px 0 0; padding: 0; border: 0; }.choice-group legend { margin-bottom: 10px; }.choice-group > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.choice-group > .choice-group--four { grid-template-columns: repeat(4,1fr); }.choice-group label { display: block; }.choice-group input { position: absolute; opacity: 0; pointer-events: none; }.choice-group span { display: grid; place-items: center; min-height: 46px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(255,255,255,.025); color: #b9c0ca; cursor: pointer; font-size: 12px; letter-spacing: 0; text-align: center; text-transform: none; transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease; }.choice-group input:checked + span { border-color: rgba(111,145,255,.65); background: rgba(72,105,211,.18); color: #f1f4ff; }.choice-group input:focus-visible + span { outline: 2px solid #86a6ff; outline-offset: 2px; }.choice-group--interest > div { grid-template-columns: 1fr 1fr; }
.choice-group.is-missing legend { color: #9fb4ff; }
.choice-group.is-missing span { border-color: rgba(65,109,255,.62); box-shadow: inset 0 0 0 1px rgba(65,109,255,.12); }
.field-error { display: flex; align-items: flex-start; gap: 7px; margin: 0; color: #9fb4ff; font-size: 9px; font-weight: 500; line-height: 1.45; letter-spacing: 0; text-transform: none; animation: field-error-in 180ms cubic-bezier(.16,1,.3,1); }
.field-error[hidden] { display: none; }
.field-error::before { content: ""; flex: 0 0 auto; width: 5px; height: 5px; margin-top: 4px; border: 1px solid #6f91ff; transform: rotate(45deg); }
.field-error--choice { margin-top: 9px; }
:is(.contact-form,.lead-panel__contact,.plan-step) :is(input,textarea)[aria-invalid="true"] { border-color: rgba(65,109,255,.86); background: rgba(28,43,91,.18); box-shadow: 0 0 0 3px rgba(65,109,255,.13); }
@keyframes field-error-in { from { opacity: 0; transform: translateY(-3px); } }
.plan-recommendation { margin-top: 16px; padding: 12px 14px; border-left: 2px solid var(--vast-blue); background: rgba(65,109,255,.09); color: #aab4c3; font-size: 11px; line-height: 1.5; }.plan-recommendation b { color: #eef2ff; font-weight: 600; }
.plan-modal__actions { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); }.plan-modal__actions > span { color: #707986; font-size: 9px; }.plan-modal__actions button { display: inline-flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 46px; padding: 0 17px; border: 1px solid var(--vast-blue); border-radius: 8px; background: var(--vast-blue); color: #f7f9ff; cursor: pointer; font: 600 11px/1 "DM Sans", sans-serif; }.plan-modal__actions .button-quiet { border-color: transparent; background: transparent; color: #949ca7; }
.plan-summary { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; padding: 15px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.025); color: #747d8a; font-size: 10px; }.plan-summary b { color: #dce2ec; font-weight: 500; }.checkout-note { margin: 14px 0 0; color: #67717f; font-size: 9px; line-height: 1.45; }

.lead-panel { position: fixed; z-index: 120; inset: 0; display: grid; justify-items: end; padding: 10px; visibility: hidden; opacity: 0; transition: opacity 240ms ease, visibility 0s linear 420ms; }
.lead-panel.is-open { visibility: visible; opacity: 1; transition-delay: 0s; }
.lead-panel__backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(2,4,8,.76); cursor: default; backdrop-filter: blur(13px); }
.lead-panel__dialog { position: relative; z-index: 1; display: flex; flex-direction: column; width: min(720px, calc(100vw - 20px)); height: calc(100svh - 20px); overflow: hidden; border: 1px solid rgba(167,178,201,.16); border-radius: 30px; background: radial-gradient(80% 54% at 100% 0%, rgba(65,83,126,.22), transparent 70%), #111317; color: #f2f3f4; box-shadow: -36px 24px 130px rgba(0,0,0,.55); opacity: 0; transform: translate3d(46px,0,0) scale(.985); transform-origin: 100% 50%; transition: opacity 280ms ease, transform 520ms cubic-bezier(.16,1,.3,1); }
.lead-panel.is-open .lead-panel__dialog { opacity: 1; transform: none; }
.lead-panel__header { position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: center; flex: 0 0 auto; min-height: 72px; padding: 0 22px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(17,19,23,.86); backdrop-filter: blur(15px); }
.lead-panel__brand { width: 108px; }.lead-panel__brand img { display: block; width: 100%; height: auto; }
.lead-panel__close { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: #171a1f; color: #c7cbd2; cursor: pointer; transition: border-color 180ms ease, background 180ms ease, transform 240ms ease; }
.lead-panel__close .close-icon::before, .lead-panel__close .close-icon::after { transition: transform 300ms cubic-bezier(.16,1,.3,1), width 220ms ease; }
.lead-panel.is-open .lead-panel__close .close-icon { animation: close-icon-in 500ms cubic-bezier(.16,1,.3,1) both; }
.lead-panel__close:active { transform: rotate(90deg) scale(.92); }
.lead-panel__nav { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; flex: 0 0 auto; padding: 0 22px; border-bottom: 1px solid rgba(255,255,255,.08); }
.lead-panel__nav button { position: relative; min-height: 54px; padding: 0 2px; border: 0; background: transparent; color: #707780; cursor: pointer; font: 500 11px/1 "DM Sans", sans-serif; text-align: left; transition: color 180ms ease; }
.lead-panel__nav button::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background: var(--vast-blue); transform: scaleX(0); transform-origin: 0 50%; transition: transform 300ms cubic-bezier(.16,1,.3,1); }
.lead-panel__nav button[aria-pressed="true"] { color: #e7e9ed; }.lead-panel__nav button[aria-pressed="true"]::after { transform: scaleX(1); }
.lead-panel__content { flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #353b46 transparent; }
.lead-panel__pane { min-height: 100%; padding: clamp(34px,5.2vw,62px); animation: lead-pane-in 440ms cubic-bezier(.16,1,.3,1) both; }
.lead-panel__pane[hidden] { display: none; }
.lead-panel__eyebrow { margin: 0 0 22px; color: #7f8dab; font-size: 9px; font-weight: 600; letter-spacing: .14em; }
.lead-panel__choice h2, .lead-panel__contact h2 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(50px,6.4vw,76px); font-weight: 500; line-height: .87; letter-spacing: -.07em; }
.lead-panel__choice > p:not(.lead-panel__eyebrow) { max-width: 430px; margin: 26px 0 0; color: #8e949d; font-size: 14px; line-height: 1.6; }
.lead-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 46px; }
.lead-choice-grid button { position: relative; display: grid; align-content: start; min-height: 224px; padding: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: rgba(255,255,255,.025); color: #f0f1f3; cursor: pointer; text-align: left; transition: border-color 220ms ease, background 220ms ease, transform 260ms cubic-bezier(.16,1,.3,1); }
.lead-choice-grid button::before { content: ""; position: absolute; inset: auto -30% -70% 20%; height: 140%; border: 1px solid rgba(65,109,255,.24); border-radius: 50%; transition: transform 440ms cubic-bezier(.16,1,.3,1); }
.lead-choice-grid button > span { color: #7c8490; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }.lead-choice-grid strong { max-width: 210px; margin-top: 28px; font-family: "Manrope", sans-serif; font-size: 25px; font-weight: 500; line-height: 1; letter-spacing: -.045em; }.lead-choice-grid small { max-width: 220px; margin-top: 14px; color: #858b94; font-size: 11px; line-height: 1.45; }.lead-choice-grid .icon-arrow { position: absolute; right: 20px; bottom: 20px; width: 13px; height: 13px; color: var(--vast-blue); }
.lead-panel__intro { max-width: 480px; margin: 18px 0 0; color: #8f959e; font-size: 13px; line-height: 1.55; }
.lead-panel__contact { display: grid; align-content: start; gap: 20px; }.lead-panel__contact[hidden] { display: none; }.lead-panel__contact .modal-field-row { margin-top: 16px; }
.lead-panel__contact label, .lead-field { display: grid; gap: 8px; color: #8f97a3; font-size: 9px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.lead-panel__contact input, .lead-panel__contact textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; outline: 0; background: rgba(255,255,255,.035); color: #f2f3f5; font: 400 15px/1.4 "DM Sans", sans-serif; resize: vertical; transition: border-color 160ms ease, box-shadow 160ms ease; }.lead-panel__contact textarea { min-height: 130px; }.lead-panel__contact input:focus, .lead-panel__contact textarea:focus { border-color: rgba(65,109,255,.78); box-shadow: 0 0 0 3px rgba(65,109,255,.14); }
.lead-panel__actions { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 8px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); }.lead-panel__actions > span { color: #707781; font-size: 9px; }.lead-panel__actions button { display: inline-flex; justify-content: space-between; align-items: center; gap: 28px; min-height: 48px; padding: 0 18px; border: 1px solid var(--vast-blue); border-radius: 8px; background: var(--vast-blue); color: #f7f9ff; cursor: pointer; font: 600 11px/1 "DM Sans", sans-serif; }
.lead-panel__plan.plan-modal__dialog { width: 100%; max-height: none; overflow: visible; padding: clamp(34px,5.2vw,62px); border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: none; transition: none; }
.lead-panel__plan h3 { margin: 22px 0 0; font-family: "Manrope", sans-serif; font-size: clamp(34px,4.3vw,52px); font-weight: 500; line-height: .94; letter-spacing: -.06em; }
.lead-panel__plan.is-step-two .plan-progress i:last-child { background: var(--vast-blue); }
.lead-exit { position: absolute; z-index: 5; inset: 0; display: grid; place-items: center; padding: 18px; visibility: hidden; opacity: 0; background: rgba(2,4,7,.42); backdrop-filter: blur(5px); transition: opacity 180ms ease, visibility 0s linear 220ms; }
.lead-exit[aria-hidden="false"] { visibility: visible; opacity: 1; transition-delay: 0s; }
.lead-exit__card { width: min(390px,100%); padding: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: #15171b; box-shadow: 0 35px 100px rgba(0,0,0,.56); transform: scale(.88); transition: transform 360ms cubic-bezier(.16,1,.3,1); }.lead-exit[aria-hidden="false"] .lead-exit__card { transform: none; }
.lead-exit__mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(65,109,255,.55); border-radius: 50%; color: var(--vast-blue); }.lead-exit__mark .close-icon { animation: exit-x-in 500ms cubic-bezier(.16,1,.3,1) both; }
.lead-exit h2 { margin: 24px 0 0; font-family: "Manrope", sans-serif; font-size: 35px; font-weight: 500; line-height: 1; letter-spacing: -.055em; }.lead-exit p { margin: 14px 0 0; color: #878d96; font-size: 12px; line-height: 1.5; }.lead-exit__card > div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8px; margin-top: 28px; }.lead-exit button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 46px; padding: 0 12px; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; background: transparent; color: #a0a6ae; cursor: pointer; font: 500 11px/1 "DM Sans", sans-serif; }.lead-exit button .close-icon { width: 11px; height: 11px; transition: transform 280ms cubic-bezier(.16,1,.3,1); }.lead-exit button .close-icon::before, .lead-exit button .close-icon::after { top: 5px; left: 0; width: 11px; background: currentColor; }.lead-exit button .icon-arrow { width: 11px; height: 11px; }.lead-exit [data-exit-stay] { border-color: var(--vast-blue); background: var(--vast-blue); color: #f7f9ff; font-weight: 600; }
@keyframes lead-pane-in { from { opacity: 0; transform: translateX(22px); } }
@keyframes close-icon-in { from { opacity: 0; transform: rotate(-90deg) scale(.35); } }
@keyframes exit-x-in { from { opacity: 0; transform: rotate(-90deg) scale(.4); } }
.form-success { position: fixed; z-index: 140; right: 20px; bottom: 20px; display: grid; grid-template-columns: 9px 1fr 30px; align-items: center; gap: 13px; width: min(420px, calc(100% - 28px)); padding: 17px; border: 1px solid rgba(65,109,255,.34); border-radius: 13px; background: #101621; color: #eff2f4; box-shadow: 0 26px 80px rgba(0,0,0,.45); opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity 220ms ease, transform 320ms cubic-bezier(.16,1,.3,1), visibility 0s linear 320ms; }.form-success.is-visible { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }.form-success > i { width: 8px; height: 8px; border-radius: 50%; background: var(--vast-blue); box-shadow: 0 0 0 5px rgba(65,109,255,.12); }.form-success > div { display: grid; gap: 4px; }.form-success b { font-size: 12px; font-weight: 600; }.form-success span { color: #8f99a6; font-size: 10px; line-height: 1.4; }.form-success button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; background: transparent; color: #9099a6; cursor: pointer; }

.route-page { background: #080a0a; }.route-main { min-height: 100svh; }.route-hero { position: relative; display: flex; align-items: end; min-height: 72svh; overflow: hidden; padding: 150px max(20px, calc((100vw - 1180px) / 2)) 90px; border-bottom: 1px solid var(--line); background: radial-gradient(58% 72% at 88% 34%, rgba(50,81,178,.18), transparent 70%), #080a0a; }.route-hero::after { content: ""; position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; height: clamp(90px,12vw,180px); background: linear-gradient(180deg,transparent,#080a0a 88%); pointer-events: none; }.route-hero__copy { position: relative; z-index: 2; max-width: 960px; }.route-hero__copy > p { margin: 0 0 22px; color: #7a8490; font-size: 9px; font-weight: 600; letter-spacing: .14em; }.route-hero h1 { max-width: 960px; margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(58px, 7.8vw, 116px); font-weight: 500; line-height: .87; letter-spacing: -.074em; text-wrap: balance; }.route-hero__copy > span { display: block; max-width: 530px; margin-top: 32px; color: #9ba19d; font-size: 16px; line-height: 1.55; }.route-hero__orb { position: absolute; right: -13vw; bottom: -29vw; width: 65vw; aspect-ratio: 1; border: 1px solid rgba(101,134,242,.3); border-radius: 50%; box-shadow: 0 0 110px rgba(54,82,178,.1), inset 0 0 120px rgba(47,75,167,.07); }.route-hero__orb i { position: absolute; top: 15%; left: 24%; width: 5px; height: 5px; border-radius: 50%; background: #6f91ff; box-shadow: 0 0 24px #6f91ff; }
.route-page .product-stage, .route-page .operations, .route-page .integrations, .route-page .pricing, .route-page .faq, .route-page .contact { scroll-margin-top: 80px; }.route-plataforma .product-stage { min-height: auto; }.route-integracoes .integrations, .route-planos .pricing, .route-faq .faq, .route-contato .contact { border-top: 0; }

.detail-main { min-height: 100svh; overflow: clip; background: #080a0a; }
.detail-hero { position: relative; display: flex; align-items: end; min-height: 88svh; overflow: hidden; padding: 142px max(20px,calc((100vw - 1180px) / 2)) 100px; border-bottom: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg,#0a0d13,#080a0a); }
.detail-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(112deg,transparent 0 56%,rgba(65,109,255,.075) 56.1%,transparent 72%); pointer-events: none; }
.detail-hero__copy { position: relative; z-index: 2; width: min(1050px,100%); }
.detail-back { display: inline-flex; align-items: center; gap: 11px; margin-bottom: clamp(56px,8vh,92px); color: #9ba29e; font-size: 11px; }
.detail-back .icon-arrow { width: 11px; height: 11px; }
.detail-hero__copy > p { margin: 0 0 22px; color: #829cff; font-size: 9px; font-weight: 600; letter-spacing: .14em; }
.detail-hero h1 { max-width: 1040px; margin: 0; font-family: "Manrope",sans-serif; font-size: clamp(62px,8vw,118px); font-weight: 500; line-height: .87; letter-spacing: -.074em; text-wrap: balance; }
.detail-hero__copy > span { display: block; max-width: 660px; margin-top: 32px; color: #9ca39f; font-size: 17px; line-height: 1.6; }
.detail-hero__rail { position: absolute; z-index: 1; top: 18%; right: -8%; width: min(44vw,680px); height: 58%; opacity: .58; transform: rotate(-9deg); }
.detail-hero__rail i { position: absolute; right: 0; display: block; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,rgba(65,109,255,.52),transparent); }
.detail-hero__rail i:nth-child(1) { top: 8%; width: 68%; }.detail-hero__rail i:nth-child(2) { top: 34%; width: 92%; }.detail-hero__rail i:nth-child(3) { top: 61%; width: 78%; }.detail-hero__rail i:nth-child(4) { top: 88%; width: 52%; }
.detail-overview { position: relative; z-index: 2; padding: 140px max(20px,calc((100vw - 1180px) / 2)) 160px; border-radius: 52px 52px 0 0; background: #e7eae8; color: #0c1223; }
.detail-overview__heading { display: grid; grid-template-columns: .72fr 1.55fr; column-gap: 8vw; align-items: start; }
.detail-overview__heading > p,.detail-section-heading > p,.detail-cta p { margin: 8px 0 0; color: #66706b; font-size: 9px; font-weight: 600; letter-spacing: .14em; }
.detail-overview__heading h2,.detail-section-heading h2 { margin: 0; font-family: "Manrope",sans-serif; font-size: clamp(48px,5.9vw,84px); font-weight: 500; line-height: .92; letter-spacing: -.064em; text-wrap: balance; }
.detail-overview__heading > span { grid-column: 2; max-width: 630px; margin-top: 28px; color: #5d6662; font-size: 16px; line-height: 1.65; }
.detail-flow { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 88px; }
.detail-flow-card { position: relative; min-height: 300px; padding: 32px; overflow: hidden; border: 1px solid rgba(14,21,37,.09); border-radius: 28px; background: #f7f8f5; box-shadow: 0 24px 60px rgba(23,31,48,.07); }
.detail-flow-card::before { content: ""; position: absolute; top: 0; left: 32px; width: 72px; height: 2px; background: #416dff; }
.detail-flow-card > span { color: #66706b; font-size: 9px; letter-spacing: .12em; }
.detail-flow-card h3 { max-width: 390px; margin: 70px 0 0; font-family: "Manrope",sans-serif; font-size: clamp(31px,3vw,46px); font-weight: 500; line-height: .96; letter-spacing: -.055em; }
.detail-flow-card p { max-width: 450px; margin: 20px 0 0; color: #626b66; font-size: 13px; line-height: 1.62; }
.detail-example { padding: 150px max(20px,calc((100vw - 1180px) / 2)) 170px; background: #080a0a; }
.detail-section-heading { display: grid; grid-template-columns: .72fr 1.55fr; gap: 8vw; align-items: start; }
.detail-section-heading > p { color: #7b8580; }.detail-example .detail-section-heading h2 { color: #eff0eb; }
.detail-example__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-top: 82px; }
.detail-case,.detail-event-log { padding: clamp(26px,3vw,42px); border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: #111513; }
.detail-case__head,.detail-event-log__head { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.08); color: #77817c; font-size: 9px; font-weight: 600; letter-spacing: .11em; }.detail-case__head b,.detail-event-log__head b { color: #7895f8; font-weight: 600; }
.detail-case h3 { margin: 44px 0 0; font-family: "Manrope",sans-serif; font-size: clamp(36px,4.2vw,60px); font-weight: 500; line-height: .94; letter-spacing: -.065em; }
.detail-case > p { max-width: 610px; margin: 24px 0 0; color: #8f9893; font-size: 14px; line-height: 1.65; }
.detail-case dl { display: grid; grid-template-columns: 1fr 1fr; margin: 42px 0 0; border-top: 1px solid rgba(255,255,255,.08); }
.detail-case dl > div { display: grid; gap: 7px; padding: 20px 16px 20px 0; border-bottom: 1px solid rgba(255,255,255,.08); }.detail-case dl > div:nth-child(even) { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.08); }
.detail-case dt { color: #66716b; font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }.detail-case dd { margin: 0; color: #dfe4e0; font-size: 12px; line-height: 1.45; }
.detail-case__outcome { display: grid; gap: 12px; margin-top: 34px; padding: 22px; border-left: 2px solid #416dff; background: #0c111a; }.detail-case__outcome span { color: #71809f; font-size: 8px; letter-spacing: .12em; }.detail-case__outcome strong { max-width: 600px; color: #e2e7e5; font: 500 18px/1.4 "Manrope",sans-serif; letter-spacing: -.025em; }
.detail-event-log ol { margin: 26px 0 0; padding: 0; list-style: none; }
.detail-event-log li { display: grid; grid-template-columns: 62px 1fr; gap: 16px; min-height: 112px; padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.075); }.detail-event-log li:last-child { border-bottom: 0; }.detail-event-log time { color: #7693f5; font: 500 13px/1.4 "Manrope",sans-serif; }.detail-event-log li div { display: grid; align-content: start; gap: 8px; }.detail-event-log li b { color: #d8ddda; font-size: 12px; font-weight: 500; }.detail-event-log li span { color: #727c76; font-size: 10px; line-height: 1.55; }
.detail-demo-head,.detail-side-card__head { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.08); color: #77817c; font-size: 9px; font-weight: 600; letter-spacing: .11em; }.detail-demo-head b,.detail-side-card__head b { color: #7895f8; font-weight: 600; }
.detail-conversation-demo,.detail-agenda-demo,.detail-crm-demo,.detail-automation-demo,.detail-side-card { min-width: 0; padding: clamp(26px,3vw,42px); border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: #111513; }
.detail-side-card { display: flex; flex-direction: column; background: #0e1211; }
.detail-side-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 26px 0 0; }.detail-side-card dl > div { min-width: 0; padding: 16px 14px 16px 0; border-bottom: 1px solid rgba(255,255,255,.075); }.detail-side-card dl > div:nth-child(even) { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.075); }.detail-side-card dt { color: #66716b; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.detail-side-card dd { margin: 7px 0 0; color: #dce1de; font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.detail-mini-timeline { margin: 22px 0 0; padding: 0; list-style: none; }.detail-mini-timeline li { display: grid; grid-template-columns: 56px 1fr; gap: 13px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.065); }.detail-mini-timeline time { color: #7693f5; font: 500 11px/1.4 "Manrope",sans-serif; }.detail-mini-timeline li div { display: grid; gap: 4px; }.detail-mini-timeline b { color: #ccd2ce; font-size: 10px; font-weight: 500; }.detail-mini-timeline span { color: #69736d; font-size: 8px; line-height: 1.45; }
.detail-side-card__outcome { display: grid; gap: 9px; margin-top: auto; padding-top: 24px; }.detail-side-card__outcome > span { color: #71809f; font-size: 8px; letter-spacing: .12em; }.detail-side-card__outcome strong { color: #e1e6e3; font: 500 15px/1.4 "Manrope",sans-serif; letter-spacing: -.02em; }

.detail-contact { display: grid; grid-template-columns: 44px 1fr 8px; align-items: center; gap: 12px; margin-top: 26px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.07); }.detail-contact > i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #eef0eb; color: #111820; font: normal 600 11px/1 "DM Sans",sans-serif; }.detail-contact > div { display: grid; gap: 4px; }.detail-contact strong { color: #e4e7e4; font-size: 12px; }.detail-contact span { color: #69736d; font-size: 8px; }.detail-contact > em { width: 7px; height: 7px; border-radius: 50%; background: #416dff; box-shadow: 0 0 0 5px rgba(65,109,255,.1); }
.detail-messages { display: grid; gap: 10px; margin-top: 24px; }.detail-messages p { width: fit-content; max-width: 76%; margin: 0; padding: 13px 15px; border-radius: 15px; font-size: 11px; line-height: 1.5; }.detail-messages .is-client { justify-self: start; border-bottom-left-radius: 3px; background: #222825; color: #d8ddda; }.detail-messages .is-vast { justify-self: end; border-bottom-right-radius: 3px; background: #e5e9e7; color: #172033; }
.detail-conversation-demo__handoff { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px 16px; margin-top: 30px; padding: 18px; border: 1px solid rgba(65,109,255,.23); border-radius: 14px; background: #0c111b; }.detail-conversation-demo__handoff span { color: #7281a0; font-size: 8px; letter-spacing: .11em; }.detail-conversation-demo__handoff strong { color: #dfe4e1; font-size: 12px; font-weight: 500; }.detail-conversation-demo__handoff i { grid-column: 2; grid-row: 1 / 3; width: 12px; height: 12px; color: #7895f8; }

.detail-agenda-day { margin-top: 22px; }.detail-agenda-day > div { display: grid; grid-template-columns: 60px 1fr auto; align-items: center; gap: 14px; min-height: 116px; border-bottom: 1px solid rgba(255,255,255,.075); }.detail-agenda-day time { color: #e3e7e4; font: 500 21px/1 "Manrope",sans-serif; }.detail-agenda-day > div > span { display: grid; gap: 7px; }.detail-agenda-day b { color: #d9dedb; font-size: 11px; font-weight: 500; }.detail-agenda-day small { color: #65706a; font-size: 8px; }.detail-agenda-day em { padding: 7px 9px; border: 1px solid rgba(65,109,255,.34); border-radius: 999px; color: #8ca5fc; font-size: 7px; font-style: normal; }.detail-agenda-day em.is-pending { border-color: rgba(255,255,255,.12); color: #767f7a; }
.detail-agenda-sync { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 10px; margin-top: 24px; color: #8f9893; font-size: 9px; }.detail-agenda-sync i { width: 7px; height: 7px; border-radius: 50%; background: #416dff; }.detail-agenda-sync b { color: #5f6963; font-size: 8px; font-weight: 500; }
.detail-side-card--agenda .detail-side-card__head b { color: #9fb4ff; }

.detail-example__grid--crm { grid-template-columns: 1.32fr .68fr; }
.detail-crm-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 26px; }.detail-crm-board > section { min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 16px; background: #0c0f0e; }.detail-crm-board section.is-focus { border-color: rgba(65,109,255,.26); }.detail-crm-board header { display: flex; justify-content: space-between; padding: 3px 2px 12px; color: #69736d; font-size: 7px; letter-spacing: .09em; }.detail-crm-board header b { color: #7895f8; font-weight: 500; }.detail-crm-board article { position: relative; display: grid; gap: 5px; margin-top: 8px; padding: 13px; border: 1px solid rgba(255,255,255,.075); border-radius: 12px; background: #141817; }.detail-crm-board article.is-active { border-color: rgba(65,109,255,.38); background: #10182b; }.detail-crm-board article strong { overflow: hidden; color: #d7dcd9; font-size: 9px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.detail-crm-board article small { overflow: hidden; color: #66706b; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.detail-crm-board article em { margin-top: 6px; color: #7188d3; font-size: 7px; font-style: normal; }
.detail-side-card--crm .detail-mini-timeline { display: none; }.detail-side-card--crm dl { grid-template-columns: 1fr; }.detail-side-card--crm dl > div,.detail-side-card--crm dl > div:nth-child(even) { padding: 18px 0; border-left: 0; }.detail-side-card--crm dd { font-size: 12px; }

.detail-example__grid--automacao { grid-template-columns: 1.25fr .75fr; }
.detail-rule-flow { display: grid; grid-template-columns: 1fr 20px 1fr 20px 1fr; align-items: center; gap: 8px; margin-top: 34px; }.detail-rule-flow > div { display: grid; align-content: start; gap: 9px; min-height: 172px; padding: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: #0c0f0e; }.detail-rule-flow > div:nth-of-type(2) { border-color: rgba(65,109,255,.26); background: #10162a; }.detail-rule-flow span { color: #68736d; font-size: 7px; letter-spacing: .1em; }.detail-rule-flow strong { margin-top: 22px; color: #dce1de; font-size: 12px; font-weight: 500; line-height: 1.35; }.detail-rule-flow small { margin-top: auto; color: #68726c; font-size: 8px; line-height: 1.4; }.detail-rule-flow > i { width: 18px; height: 14px; color: #61706a; }
.detail-rule-guard { display: grid; grid-template-columns: 90px 1fr auto; align-items: center; gap: 14px; margin-top: 18px; padding: 17px; border-left: 2px solid #416dff; background: #0c111a; }.detail-rule-guard span { color: #7281a0; font-size: 8px; letter-spacing: .11em; }.detail-rule-guard strong { color: #d7dcd9; font-size: 10px; font-weight: 500; }.detail-rule-guard em { color: #7895f8; font-size: 8px; font-style: normal; }
.detail-side-card--automacao .detail-side-card__head b { color: #7895f8; }.detail-side-card--automacao dl { grid-template-columns: 1fr; }.detail-side-card--automacao dl > div,.detail-side-card--automacao dl > div:nth-child(even) { padding: 14px 0; border-left: 0; }.detail-side-card--automacao .detail-mini-timeline { margin-top: 14px; }
.detail-results { padding: 140px max(20px,calc((100vw - 1180px) / 2)) 155px; background: #e7eae8; color: #0c1223; }
.detail-results__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 76px; }
.detail-result-card { min-height: 260px; padding: 28px; border: 1px solid rgba(14,21,37,.1); border-radius: 24px; background: #f6f7f4; }
.detail-result-card > span { color: #416dff; font-size: 9px; letter-spacing: .1em; }.detail-result-card h3 { margin: 72px 0 0; font-family: "Manrope",sans-serif; font-size: 30px; font-weight: 500; line-height: 1; letter-spacing: -.05em; }.detail-result-card p { margin: 18px 0 0; color: #626b66; font-size: 12px; line-height: 1.6; }
.detail-cta { display: flex; justify-content: space-between; align-items: end; gap: 60px; padding: 120px max(20px,calc((100vw - 1180px) / 2)); border-bottom: 1px solid rgba(255,255,255,.08); background: #080a0a; }
.detail-cta h2 { max-width: 780px; margin: 22px 0 0; font-family: "Manrope",sans-serif; font-size: clamp(48px,6vw,84px); font-weight: 500; line-height: .9; letter-spacing: -.066em; }.detail-cta span { display: block; max-width: 580px; margin-top: 24px; color: #939b96; font-size: 14px; line-height: 1.6; }
.detail-cta > a { display: inline-flex; align-items: center; gap: 18px; flex: 0 0 auto; min-height: 54px; padding: 0 20px; border-radius: 999px; background: #eff0eb; color: #0d1118; font-size: 11px; font-weight: 600; }.detail-cta > a .icon-arrow { width: 11px; height: 11px; }

.faq { display: grid; grid-template-columns: .82fr 1.18fr; gap: 9vw; padding: 150px max(20px, calc((100vw - 1180px) / 2)); background: #080a0a; }
.faq-heading { position: sticky; top: 120px; align-self: start; }.faq-heading h2 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(50px, 5.6vw, 80px); font-weight: 500; line-height: .92; letter-spacing: -.065em; }.faq-heading p { max-width: 420px; margin: 28px 0 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: grid; grid-template-columns: 38px 1fr 28px; align-items: center; gap: 16px; min-height: 104px; cursor: pointer; list-style: none; font-family: "Manrope", sans-serif; font-size: clamp(21px, 2vw, 30px); font-weight: 500; letter-spacing: -.035em; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary > span { color: #5f6963; font-family: "DM Sans", sans-serif; font-size: 9px; letter-spacing: .08em; }.faq-list summary > b { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; color: #7f8983; font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 400; transition: transform 180ms ease, border-color 180ms ease, color 180ms ease; }.faq-list details[open] summary > b { border-color: rgba(110,145,255,.45); color: #86a6ff; transform: rotate(45deg); }.faq-list details > p { max-width: 650px; margin: -10px 34px 0 54px; padding: 0 0 34px; color: #929a95; font-size: 14px; line-height: 1.65; animation: answer-in 240ms cubic-bezier(.16,1,.3,1); }@keyframes answer-in { from { opacity: 0; transform: translateY(-6px); } }

.contact { position: relative; display: grid; grid-template-columns: .85fr 1.15fr; gap: 7vw; overflow: hidden; padding: 150px max(20px, calc((100vw - 1180px) / 2)); border-top: 1px solid var(--line); background: radial-gradient(circle at 90% 85%, rgba(65,109,255,.18), transparent 32%), #07090d; }
.contact-intro, .contact-form { position: relative; z-index: 2; }.contact-intro h2 { margin: 0; font-family: "Manrope", sans-serif; font-size: clamp(52px, 6.1vw, 86px); font-weight: 500; line-height: .9; letter-spacing: -.07em; }.contact-intro > p { max-width: 480px; margin: 30px 0 0; color: var(--muted); font-size: 16px; line-height: 1.6; }.contact-intro > a { display: inline-flex; align-items: center; gap: 15px; margin-top: 38px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.34); font-size: 12px; }
.contact-form { align-self: start; display: grid; gap: 18px; padding: clamp(24px, 3.5vw, 48px); border: 1px solid rgba(111,145,255,.22); border-radius: 30px; background: linear-gradient(145deg,#111832,#0c0f18); box-shadow: 0 44px 120px rgba(0,0,0,.34); }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.contact-form label { display: grid; gap: 9px; color: #9ea8a2; font-size: 11px; }.contact-form input, .contact-form textarea { width: 100%; min-height: 54px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; outline: 0; background: rgba(5,8,13,.62); color: #edf1ee; font: 400 15px/1.4 "DM Sans", sans-serif; resize: vertical; transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease; }.contact-form textarea { min-height: 144px; }.contact-form input::placeholder, .contact-form textarea::placeholder { color: #565f5a; }.contact-form input:focus, .contact-form textarea:focus { border-color: rgba(110,145,255,.64); background: rgba(9,13,24,.84); box-shadow: 0 0 0 3px rgba(65,109,255,.1); }.contact-form button { display: flex; justify-content: space-between; align-items: center; min-height: 54px; padding: 0 18px; border: 0; border-radius: 14px; background: linear-gradient(90deg, #315bdf, #7697ff); color: white; cursor: pointer; font-weight: 600; }.contact-form button:disabled, .plan-modal__actions button:disabled { opacity: .68; cursor: wait; transform: none; filter: saturate(.7); }.contact-form > p { margin: -4px 0 0; color: #69736d; font-size: 9px; line-height: 1.5; }
.contact-orbit { position: absolute; right: -28vw; bottom: -58vw; width: 84vw; aspect-ratio: 1; border: 1px solid rgba(91,126,240,.26); border-radius: 50%; box-shadow: 0 0 140px rgba(65,109,255,.1), inset 0 0 120px rgba(65,109,255,.05); pointer-events: none; }

.closing { position: relative; display: grid; place-items: center; width: 100%; min-height: 92svh; overflow: hidden; padding: 120px max(20px,calc((100vw - 1180px) / 2)) 178px; background: radial-gradient(44% 58% at 72% 42%,rgba(65,109,255,.12),transparent 76%),radial-gradient(28% 34% at 24% 72%,rgba(65,109,255,.055),transparent 82%),#07090d; text-align: center; }.closing__field { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }.closing__field::before,.closing__field::after { content: ""; position: absolute; left: 50%; aspect-ratio: 1; border-radius: 50%; transform: translateX(-50%); }.closing__field::before { top: -58vw; width: min(96vw,1540px); border: 1px solid rgba(65,109,255,.22); }.closing__field::after { top: -51vw; width: min(82vw,1320px); border: 1px solid rgba(255,255,255,.045); }.closing__copy { position: relative; z-index: 2; display: grid; justify-items: center; width: 100%; }.closing h2 { max-width: 1180px; margin: 0; font-family: "Manrope",sans-serif; font-size: clamp(74px,9.4vw,144px); font-weight: 500; line-height: .84; letter-spacing: -.078em; text-wrap: balance; }.closing__copy > a { display: inline-flex; align-items: center; gap: 20px; min-height: 54px; margin-top: 52px; padding: 0 20px; border: 1px solid rgba(231,233,237,.76); border-radius: 999px; background: #eff0eb; color: #0d1118; font-size: 11px; font-weight: 600; }.closing__copy > a .icon-arrow { width: 11px; height: 11px; }.closing__ticker { position: absolute; z-index: 3; inset: auto 0 0; width: 100%; overflow: hidden; border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.04); background: rgba(5,7,10,.64); }.closing__ticker-track { display: flex; width: max-content; animation: closing-ticker 26s linear infinite paused; }.closing__ticker-track.is-running { will-change: transform; animation-play-state: running; }.closing__ticker-set { display: flex; flex: none; align-items: center; }.closing__ticker span { display: flex; align-items: center; min-height: 92px; color: rgba(235,238,230,.78); font-family: "Manrope",sans-serif; font-size: clamp(34px,4.2vw,62px); font-weight: 500; line-height: 1; letter-spacing: -.055em; white-space: nowrap; }.closing__ticker span::after { content: ""; flex: 0 0 auto; width: 46px; height: 1px; margin: 0 24px; background: rgba(65,109,255,.62); }.closing__ticker span:nth-child(even)::after { background: rgba(255,255,255,.16); }@keyframes closing-ticker { to { transform: translate3d(-50%,0,0); } }

footer { display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: start; padding: 60px max(20px, calc((100vw - 1180px) / 2)) 40px; border-top: 1px solid var(--line); background: #080a0a; }
.footer-brand img { width: 130px; height: auto; }
footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 24px; color: #abb0ac; font-size: 11px; }
footer nav a { display: inline-flex; align-items: center; gap: 6px; }
footer > p { grid-column: 1 / -1; display: flex; justify-content: space-between; margin: 55px 0 0; padding-top: 20px; border-top: 1px solid var(--line); color: #7e8781; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }

.work-main { overflow: clip; background: #080a0a; }
.work-hero { position: relative; min-height: 100svh; overflow: hidden; padding: clamp(150px,15vh,210px) max(20px,calc((100vw - 1240px) / 2)) 100px; background: linear-gradient(180deg,#090b0f 0%,#080a0a 78%); }
.work-hero::before { content: ""; position: absolute; inset: auto -10% -34% 34%; height: 72%; border: 1px solid rgba(65,109,255,.18); border-radius: 50% 50% 0 0; pointer-events: none; }
.work-hero__copy { position: relative; z-index: 2; max-width: 980px; }
.work-hero__copy > p,.work-heading > p,.work-ready header p,.work-cta p { margin: 0; color: #7189db; font-size: 9px; font-weight: 600; letter-spacing: .15em; }
.work-hero h1 { max-width: 1000px; margin: 24px 0 0; font-family: "Manrope",sans-serif; font-size: clamp(68px,8.6vw,132px); font-weight: 500; line-height: .84; letter-spacing: -.078em; }
.work-hero__copy > span { display: block; max-width: 640px; margin-top: 36px; color: #9ca49f; font-size: 17px; line-height: 1.62; }
.work-flow { position: relative; z-index: 2; height: 480px; max-width: 1240px; margin: 92px auto 0; }
.work-wire { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: rgba(104,134,233,.28); stroke-width: 1; vector-effect: non-scaling-stroke; }
.work-wire path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.7s cubic-bezier(.16,1,.3,1); }
.work-wire path:nth-child(2) { transition-delay: .12s; }.work-wire path:nth-child(3) { transition-delay: .24s; }.work-wire path:nth-child(4) { transition-delay: .36s; }
.work-flow.is-visible .work-wire path { stroke-dashoffset: 0; }
.work-wire .work-wire__signal { stroke: rgba(143,168,255,.68); stroke-width: 1.35; stroke-dasharray: 5 80; stroke-dashoffset: 0; opacity: 0; transition: opacity .7s ease 1.1s; animation: work-signal 11s linear infinite; }
.work-flow.is-visible .work-wire__signal { opacity: .74; }
.work-node { position: absolute; display: grid; align-content: start; gap: 10px; width: 194px; min-height: 128px; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(15,18,18,.94); box-shadow: 0 22px 56px rgba(0,0,0,.2); }
.work-node > span,.work-note > span,.work-sequence article > span,.work-integration-results small { color: #64706a; font-size: 8px; font-weight: 600; letter-spacing: .13em; }
.work-node strong { color: #e8ebe7; font: 500 17px/1.16 "Manrope",sans-serif; letter-spacing: -.035em; }
.work-node small { margin-top: auto; color: #68716c; font-size: 9px; line-height: 1.4; }
.work-node ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 4px 0 0; padding: 0; list-style: none; }.work-node li { padding: 5px 7px; border: 1px solid rgba(255,255,255,.075); border-radius: 999px; color: #969e99; font-size: 8px; }
.work-node--entry { top: 208px; left: 0; }.work-node--platform { top: 66px; left: 26%; }.work-node--automation { top: 250px; left: 50%; }.work-node--integrations { top: 86px; left: 72%; }.work-node--result { top: 268px; right: 0; border-color: rgba(65,109,255,.34); background: #10162a; }
.work-node--result i { position: absolute; top: 18px; right: 18px; width: 8px; height: 8px; border-radius: 50%; background: #6e91ff; box-shadow: 0 0 0 6px rgba(65,109,255,.1); }
.work-platform,.work-automation { position: relative; padding: 150px max(20px,calc((100vw - 1240px) / 2)); background: #080a0a; }
.work-platform { border-top: 1px solid rgba(255,255,255,.07); }
.work-heading { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.5fr); column-gap: 8vw; align-items: end; }
.work-heading > p { grid-column: 1 / -1; margin-bottom: 26px; }
.work-heading h2 { max-width: 900px; margin: 0; font-family: "Manrope",sans-serif; font-size: clamp(54px,6.6vw,94px); font-weight: 500; line-height: .9; letter-spacing: -.07em; }
.work-heading > span { max-width: 470px; color: #969e99; font-size: 16px; line-height: 1.62; }
.work-laptop-scene { position: relative; min-height: 760px; margin-top: 92px; }
.work-laptop { position: absolute; z-index: 3; top: 112px; left: 50%; width: min(790px,64vw); transform: translateX(-50%); }
.work-laptop__lid { position: relative; padding: 15px 15px 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 28px 28px 13px 13px; background: linear-gradient(145deg,#242927,#111412); box-shadow: 0 38px 110px rgba(0,0,0,.48); }
.work-laptop__camera { position: absolute; z-index: 2; top: 6px; left: 50%; width: 4px; height: 4px; border-radius: 50%; background: #58615d; transform: translateX(-50%); }
.work-laptop__screen { display: grid; grid-template-columns: 70px 1fr; min-height: 430px; overflow: hidden; border: 1px solid #050606; border-radius: 15px 15px 7px 7px; background: #0b0e0d; }
.work-laptop__base { position: relative; left: 50%; width: 111%; height: 19px; border-radius: 3px 3px 24px 24px; background: linear-gradient(180deg,#343a37,#171a19 68%,#0a0b0b); transform: translateX(-50%); }.work-laptop__base::after { content: ""; position: absolute; inset: 19px 4% auto; height: 7px; border-radius: 0 0 50% 50%; background: #0b0d0c; }.work-laptop__base i { position: absolute; top: 0; left: 50%; width: 17%; height: 5px; border-radius: 0 0 8px 8px; background: #111413; transform: translateX(-50%); }
.work-screen-rail { display: grid; align-content: start; justify-items: center; gap: 16px; padding: 20px 0; border-right: 1px solid rgba(255,255,255,.07); background: #101312; }.work-screen-rail b { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #416dff; border-radius: 50%; color: #6e91ff; font-size: 10px; }.work-screen-rail i { width: 28px; height: 5px; border-radius: 99px; background: #252b28; }.work-screen-rail i:nth-of-type(2) { background: #405ead; }
.work-screen-main { position: relative; min-width: 0; padding: 22px; }.work-screen-main > header { display: flex; justify-content: space-between; align-items: start; }.work-screen-main > header div { display: grid; gap: 5px; }.work-screen-main > header span,.work-screen-main > header em { color: #626c67; font-size: 7px; font-style: normal; letter-spacing: .12em; }.work-screen-main > header strong { font-size: 13px; font-weight: 500; }
.work-screen-summary { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 5px 20px; margin-top: 22px; padding: 19px; border: 1px solid rgba(110,145,255,.18); border-radius: 12px; background: #11182a; }.work-screen-summary span { color: #7584ad; font-size: 7px; letter-spacing: .1em; }.work-screen-summary strong { color: #e7ebf8; font: 500 26px/1 "Manrope",sans-serif; }.work-screen-summary small { grid-column: 1 / -1; color: #67716c; font-size: 7px; }
.work-screen-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 8px; }.work-screen-metrics > span { display: grid; gap: 7px; padding: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: #121514; }.work-screen-metrics small { color: #5e6863; font-size: 6px; letter-spacing: .09em; }.work-screen-metrics b { font: 500 15px/1 "Manrope",sans-serif; }
.work-screen-list { margin-top: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; background: #101312; }.work-screen-list p { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 9px; min-height: 59px; margin: 0; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.055); }.work-screen-list p:last-child { border-bottom: 0; }.work-screen-list time { color: #cbd1cd; font-size: 10px; }.work-screen-list p > span { display: grid; gap: 3px; }.work-screen-list b { font-size: 8px; font-weight: 500; }.work-screen-list small { color: #5d6762; font-size: 6px; }.work-screen-list em { padding: 4px 6px; border: 1px solid rgba(110,145,255,.2); border-radius: 999px; color: #7895f8; font-size: 6px; font-style: normal; }
.work-demo-cursor { position: absolute; z-index: 8; top: 44%; left: 42%; width: 13px; height: 18px; filter: drop-shadow(0 3px 4px rgba(0,0,0,.5)); animation: work-cursor 8.5s cubic-bezier(.45,0,.2,1) infinite; }.work-demo-cursor::before { content: ""; position: absolute; inset: 0; clip-path: polygon(0 0,100% 65%,57% 71%,38% 100%); background: #f1f2ee; }.work-demo-cursor i { position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid rgba(110,145,255,.8); border-radius: 50%; opacity: 0; animation: work-click 8.5s ease infinite; }
.work-note { position: absolute; z-index: 4; display: grid; gap: 7px; width: 190px; padding: 17px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(14,17,16,.96); box-shadow: 0 18px 48px rgba(0,0,0,.2); animation: work-note-float 12s ease-in-out infinite alternate; }.work-note strong { font: 500 15px/1.18 "Manrope",sans-serif; }.work-note small { color: #69726d; font-size: 9px; line-height: 1.45; }.work-note--history { top: 40px; left: 0; }.work-note--owner { left: 4%; bottom: 116px; animation-delay: -5s; }.work-note--stage { top: 26px; right: 0; animation-delay: -3s; }.work-note--handoff { right: 3%; bottom: 98px; animation-delay: -8s; }
.work-ready { display: grid; grid-template-columns: 180px 1fr; gap: 44px; align-items: stretch; margin-top: 36px; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.08); }.work-ready header { display: grid; align-content: center; gap: 10px; padding: 22px 0; }.work-ready header strong { font: 500 20px/1 "Manrope",sans-serif; }.work-ready ol { display: grid; grid-template-columns: repeat(5,1fr); margin: 0; padding: 0; list-style: none; }.work-ready li { display: grid; align-content: center; gap: 19px; min-height: 118px; padding: 20px; border-left: 1px solid rgba(255,255,255,.08); color: #aeb5b0; font-size: 11px; line-height: 1.35; }.work-ready li span { color: #65706a; font-size: 8px; letter-spacing: .1em; }
.work-statement { position: relative; display: grid; grid-template-columns: 1fr 260px; align-items: end; gap: 90px; min-height: 92svh; padding: 150px max(20px,calc((100vw - 1240px) / 2)); overflow: hidden; background: #070909; }.work-statement::before { content: ""; position: absolute; top: 16%; right: -14%; width: 58vw; aspect-ratio: 1.4; border-top: 1px solid rgba(65,109,255,.22); border-radius: 50%; transform: rotate(-12deg); }.work-statement > p { position: relative; z-index: 1; margin: 0; font: 500 clamp(62px,7.8vw,118px)/.88 "Manrope",sans-serif; letter-spacing: -.074em; }.work-statement > p span { color: #59615d; }.work-statement aside { position: relative; z-index: 1; display: grid; gap: 7px; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.12); }.work-statement aside i { width: 7px; height: 7px; margin-bottom: 16px; border-radius: 50%; background: #416dff; }.work-statement aside strong { font-size: 12px; }.work-statement aside small { color: #69726d; font-size: 10px; line-height: 1.5; }
.work-automation { background: #090b0b; }
.work-sequence { position: relative; display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 98px; }.work-sequence__line { position: absolute; z-index: 0; top: 34px; left: 10%; right: 10%; height: 1px; overflow: hidden; background: rgba(110,145,255,.19); }.work-sequence__line i { position: absolute; inset: 0; background: linear-gradient(90deg,transparent,rgba(129,155,245,.82),transparent); transform: translateX(-100%); animation: work-sequence-line 8s ease-in-out infinite; }.work-sequence article { position: relative; z-index: 1; display: grid; align-content: start; gap: 13px; min-height: 240px; padding: 54px 20px 20px; border: 1px solid rgba(255,255,255,.085); border-radius: 18px; background: #101312; }.work-sequence article::before { content: ""; position: absolute; top: 27px; left: 20px; width: 13px; height: 13px; border: 1px solid #5979dc; border-radius: 50%; background: #101312; box-shadow: 0 0 0 6px rgba(65,109,255,.055); }.work-sequence article strong { margin-top: 22px; font: 500 23px/1.04 "Manrope",sans-serif; letter-spacing: -.045em; }.work-sequence article small { margin-top: auto; color: #6b746f; font-size: 10px; line-height: 1.5; }
.work-automation .work-ready { margin-top: 90px; }
.work-integrations { position: relative; overflow: hidden; padding: 150px max(20px,calc((100vw - 1240px) / 2)); border-radius: clamp(32px,3.2vw,52px) clamp(32px,3.2vw,52px) 0 0; background: #e7eae8; color: #0c1223; }
.work-integrations .work-heading > p { color: #315bdf; }.work-integrations .work-heading > span { color: #65706a; }
.work-integration-scene { position: relative; height: 560px; margin-top: 98px; }
.work-integration-wire { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(26,52,112,.22); stroke-width: 1; vector-effect: non-scaling-stroke; }.work-integration-wire path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1); }.work-integration-scene.is-visible .work-integration-wire path { stroke-dashoffset: 0; }
.work-integration-sources { position: absolute; z-index: 2; top: 0; left: 0; display: grid; grid-template-columns: repeat(2,150px); gap: 10px; width: 310px; }.work-integration-sources span { display: grid; place-items: center; min-height: 74px; padding: 10px; border: 1px solid rgba(13,26,61,.11); border-radius: 16px; background: #f7f8f5; color: #343d4e; font-size: 10px; }
.work-integration-hub { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; align-content: center; justify-items: center; width: 240px; aspect-ratio: 1; padding: 28px; border: 1px solid rgba(32,63,143,.24); border-radius: 50%; background: #13285f; color: #eef2ff; text-align: center; transform: translate(-50%,-50%); }.work-integration-hub::before { content: ""; position: absolute; inset: -15px; border: 1px solid rgba(19,40,95,.12); border-radius: 50%; }.work-integration-hub i { width: 9px; height: 9px; margin-bottom: 20px; border-radius: 50%; background: #7797ff; box-shadow: 0 0 0 8px rgba(119,151,255,.12); }.work-integration-hub span { color: #91a8ee; font-size: 8px; letter-spacing: .16em; }.work-integration-hub strong { margin-top: 15px; font: 500 23px/1.05 "Manrope",sans-serif; letter-spacing: -.045em; }.work-integration-hub small { margin-top: 18px; color: #8496c9; font-size: 8px; }
.work-integration-results { position: absolute; z-index: 2; top: 44px; right: 0; display: grid; gap: 16px; width: 300px; }.work-integration-results p { display: grid; grid-template-columns: 9px 1fr; align-items: center; gap: 15px; min-height: 92px; margin: 0; padding: 17px; border: 1px solid rgba(13,26,61,.11); border-radius: 17px; background: #f7f8f5; }.work-integration-results p > i { width: 8px; height: 8px; border-radius: 50%; background: #315bdf; }.work-integration-results p > span { display: grid; gap: 7px; }.work-integration-results strong { font: 500 16px/1.1 "Manrope",sans-serif; }
.work-ready--light { border-color: rgba(13,26,61,.16); }.work-ready--light header p { color: #315bdf; }.work-ready--light li { border-color: rgba(13,26,61,.13); color: #3b465d; }.work-ready--light li span { color: #6c7480; }
.work-cta { background: #080a0a; }
@keyframes work-signal { to { stroke-dashoffset: -170; } }
@keyframes work-note-float { from { transform: translate3d(0,-3px,0); } to { transform: translate3d(0,4px,0); } }
@keyframes work-cursor { 0%,12% { transform: translate3d(-70px,-34px,0); } 28%,43% { transform: translate3d(94px,16px,0); } 58%,72% { transform: translate3d(152px,117px,0); } 88%,100% { transform: translate3d(-70px,-34px,0); } }
@keyframes work-click { 0%,27%,35%,57%,65%,100% { opacity: 0; transform: scale(.35); } 30%,60% { opacity: .9; transform: scale(2.5); } }
@keyframes work-sequence-line { 0%,12% { transform: translateX(-100%); } 70%,100% { transform: translateX(100%); } }
@keyframes work-sequence-line-mobile { 0%,12% { transform: translateY(-100%); } 70%,100% { transform: translateY(100%); } }

@media (hover: hover) {
  a:hover .icon-arrow, button:hover .icon-arrow { transform: rotate(0deg); }
  .detail-back:hover .icon-arrow--left { transform: rotate(180deg); }
  button:hover .icon-arrow--left { transform: rotate(180deg); }
  .lead-exit [data-exit-confirm]:hover .close-icon { transform: rotate(90deg); }
  .nav-cta:hover { transform: translateY(-2px); background: #fff; }
  .lead-panel__close:hover { border-color: rgba(255,255,255,.25); background: #1c2026; transform: rotate(90deg); }
  .lead-panel__close:hover .close-icon::before, .lead-panel__close:hover .close-icon::after { width: 13px; }
  .lead-choice-grid button:hover { border-color: rgba(145,159,190,.32); background: rgba(255,255,255,.052); transform: translateY(-3px); }.lead-choice-grid button:hover::before { transform: translate(-10px,-12px) scale(1.06); }
  .nav-cta:hover .nav-cta__label { animation: nav-label-blur 360ms cubic-bezier(.2,.75,.3,1); }
  .menu-panel nav a:hover { color: var(--vast-blue-soft); }
  .demo-sidebar nav button:hover { color: #d9e2ff; transform: translateX(2px); }
  .interface-card { transition: border-color 160ms ease, transform 160ms ease; }
  .interface-card:hover { z-index: 2; border-color: rgba(126,149,211,.3); transform: translateY(-3px); }
  .operation-stage .interface-card:hover { border-color: transparent; transform: none; }
  .integration-logo-row > span { transition: transform 220ms cubic-bezier(.16,1,.3,1), box-shadow 220ms ease; }
  .integration-logo-row > span:hover { z-index: 2; transform: translateY(-5px) scale(1.14); box-shadow: 0 22px 44px rgba(20,29,48,.16); }
  .integration-card { transition: transform 260ms cubic-bezier(.16,1,.3,1), box-shadow 260ms ease; }
  .integration-card:hover { transform: translateY(-6px); box-shadow: 0 36px 84px rgba(23,31,48,.13); }
  .integration-card:hover .integration-card__foot .icon-arrow { transform: rotate(0deg); }
  .operation-index button:hover { color: #c4cac6; background-color: rgba(255,255,255,.018); }
  .operation-index button:hover strong { color: #e5e8e4; }
  .plan-select, .contact-form button { transition: transform 160ms ease, filter 160ms ease; }
  .plan-select:hover, .contact-form button:hover { transform: translateY(-2px); filter: brightness(1.05); }
  .agenda-line:hover, .route-trigger:hover { border-color: rgba(111,145,255,.28); background: #1b201e; color: #d3d9d5; }
  .choice-group span:hover { border-color: rgba(111,145,255,.38); color: #eef1f7; transform: translateY(-1px); }
  .faq-list summary:hover { color: #9eb3ff; }
}
@media (hover: hover) and (min-width: 721px) {
  .plan--professional .plan-select::before { content: ""; position: absolute; z-index: 0; top: -38%; bottom: -38%; left: -48%; width: 34%; background: linear-gradient(90deg, transparent, rgba(23,36,68,.1), rgba(59,75,109,.34), rgba(151,163,188,.28), transparent); opacity: 0; transform: skewX(-18deg); pointer-events: none; }
  .plan--professional .plan-select:hover::before { opacity: 1; animation: professional-shine 1.35s ease-in-out infinite; }
}
@keyframes professional-shine { from { left: -45%; } to { left: 125%; } }
@keyframes nav-label-blur { 0%, 100% { opacity: 1; filter: blur(0); } 46% { opacity: .62; filter: blur(2.2px); } }
@media (min-width: 721px) and (max-width: 900px) {
  .operation-workbench { display: block; }
  .operation-index { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 16px; }
  .operation-index button { min-height: 116px; }
  .operation-index button:nth-child(even) { padding-left: 18px; border-left: 1px solid var(--line); }
  .operation-index button:nth-child(even)::before { left: 18px; }
  .operation-stage { min-height: 520px; }
  .operation-panel { min-height: 518px; }
}
@media (min-width: 721px) and (max-width: 1000px) {
  .work-flow { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; height: auto; }
  .work-wire { display: none; }
  .work-node { position: relative; inset: auto; width: auto; min-height: 142px; }
  .work-node--result { grid-column: 1 / -1; }
  .work-heading { grid-template-columns: 1fr; gap: 28px; }
  .work-laptop { width: 72vw; }
  .work-note { width: 166px; }
  .work-ready { grid-template-columns: 150px 1fr; gap: 20px; }
  .work-ready li { padding: 14px; }
  .work-sequence { grid-template-columns: repeat(3,1fr); }
  .work-sequence article { min-height: 205px; }
  .work-sequence__line { display: none; }
  .work-integration-sources { grid-template-columns: 1fr; width: 180px; }
  .work-integration-sources span { min-height: 55px; }
  .work-integration-hub { width: 210px; }
  .work-integration-results { width: 220px; }
}
@media (max-width: 720px) {
  main > :is(.product-stage, .operations, .integrations, .process, .pricing, .faq, .contact, .closing) { --section-radius: 26px; }
  .site-nav { grid-template-columns: 1fr auto; padding: 14px; }
  .brand { width: 96px; }
  .menu-pill { justify-self: end; min-height: 42px; padding: 7px 14px; }
  .nav-cta { display: none; }
  .menu-panel { padding-top: 72px; }
  .menu-panel { padding: 70px 10px 10px; }
  .menu-panel__inner { width: min(360px, 100%); padding: 14px; border-radius: 16px; }
  .menu-panel nav a { grid-template-columns: 28px 1fr auto; min-height: 48px; font-size: 17px; }
  .menu-panel__foot { font-size: 8px; }
  .hero { height: 100svh; min-height: 100svh; }
  .hero-scene { height: 100svh; }
  .hero-copy { width: calc(100% - 28px); justify-content: flex-end; padding: 104px 0 72px; transform: none; }
  .hero h1 { font-size: clamp(43px, 12vw, 56px); line-height: .91; }
  .hero-copy__bottom { flex-direction: column; align-items: flex-start; margin-top: 34px; }
  .hero-copy__bottom p { max-width: 330px; font-size: 16px; }
  .hero-field { inset: -10%; }
  .hero-field__wash { opacity: .72; }
  .hero-field__grid { inset: -26%; opacity: .22; }
  .hero-field__symbol { top: 22%; right: -42%; width: 126vw; }
  .hero-field__symbol-glow { filter: saturate(1.2) brightness(1.12) blur(20px); }
  .hero-field__symbol-mark { opacity: .17; }
  .hero-wave--one { top: 12%; left: -48%; width: 142%; height: 36%; opacity: .3; }
  .hero-wave--two { top: 42%; right: -58%; width: 132%; height: 31%; opacity: .25; }
  .hero-wave--three { display: none; }
  .hero-wave::after { inset: -4px 0 auto; height: 8px; opacity: .42; }
  .hero-field__sweep { width: 46%; animation-duration: 10.5s; }
  .hero-field__traces i:nth-child(2) { top: 61%; width: 82%; }
  .hero-field__traces i:nth-child(3) { display: none; }
  .hero-field__symbol-glow { filter: saturate(1.08) brightness(1.08) blur(10px); }
  .hero-field__sweep, .hero-field__traces { display: none; }
  .hero-scroll-cue { margin-top: 2px; font-size: 11px; }
  .product-stage { min-height: auto; padding: 64px 14px 96px; overflow: visible; }
  body:not(.route-page) .product-stage { margin-top: 0; padding-top: calc(46svh + 52px); }
  body:not(.route-page) .product-intro { margin-top: 0; }
  .product-intro { display: block; margin-bottom: 38px; }
  .product-intro h2 { margin-top: 0; font-size: clamp(38px, 10.8vw, 52px); }
  .product-intro > p:last-child { margin-top: 24px; font-size: 15px; }
  .dashboard-frame { position: relative; top: auto; width: 100%; margin-left: 0; border-radius: 20px; transform: none; }
  .dashboard-frame__bar { height: 34px; }
  .dashboard-demo { display: block; min-height: 0; }
  .demo-sidebar { flex-direction: row; align-items: center; padding: 9px 10px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.075); }.demo-agency { gap: 0; }.demo-agency > span { display: none; }.demo-agency b { width: 28px; height: 28px; margin: 0; }.demo-sidebar nav { display: flex; gap: 4px; margin: 0 0 0 auto; }.demo-sidebar nav button { display: grid; grid-template-columns: 1fr; place-items: center; width: 34px; min-height: 34px; padding: 0; font-size: 0; }.demo-sidebar nav button i { width: auto; font-size: 12px; }.demo-sidebar nav button span { display: none; }.demo-health { display: none; }.demo-main { min-width: 0; padding: 0 10px 12px; }.demo-topbar { min-height: 60px; }.demo-topbar h3 { font-size: 15px; }.demo-search { display: none; }.demo-summary { min-height: 86px; padding: 11px; }.demo-summary h4 { font-size: 18px; }.demo-summary > p { font-size: 8px; }.demo-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }.demo-metric { min-width: 0; padding: 10px 7px; }.demo-metric p { overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.demo-metric strong { font-size: 19px; }.demo-metric small { font-size: 7px; }.demo-grid { grid-template-columns: 1fr; gap: 6px; }.demo-chart, .demo-priority { min-height: 184px; padding: 11px; }.demo-priority { display: none; }.chart-bars { height: 118px; gap: 6px; padding-top: 14px; }
  .demo-board { grid-template-columns: 1fr; gap: 7px; min-height: 0; padding-bottom: 4px; }.demo-board article { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 9px; border-radius: 14px; }.demo-board article > header { grid-column: 1 / -1; padding: 2px 2px 7px; }.demo-board article > div { min-width: 0; margin-top: 0; padding: 10px; border-radius: 12px; }.demo-board article > div strong { padding-right: 0; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.demo-board article > div small { overflow: hidden; font-size: 6.5px; text-overflow: ellipsis; white-space: nowrap; }.demo-board article > div em { position: static; margin-top: 2px; font-size: 6px; }
  .demo-panel[data-panel="agenda"] { padding-top: 10px; }
  .demo-calendar { min-height: 0; padding: 10px; border-radius: 14px; }
  .demo-calendar__head { display: grid; grid-template-columns: 28px minmax(0,1fr) 28px; gap: 8px; padding-bottom: 10px; }
  .demo-calendar__head strong { min-width: 0; overflow: hidden; font-size: 9px; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
  .demo-calendar__head button { width: 28px; height: 28px; }
  .demo-calendar__head .icon-arrow { width: 10px; height: 10px; }
  .demo-calendar ol { display: grid; gap: 6px; padding-top: 8px; }
  .demo-calendar li { grid-template-columns: 42px minmax(0,1fr); align-items: start; min-height: 0; padding: 11px 10px; border: 0; border-radius: 12px; background: #0d1110; }
  .demo-calendar time { padding-top: 1px; font-size: 14px; line-height: 1; }
  .demo-calendar li div { min-width: 0; gap: 3px; }
  .demo-calendar li b { overflow-wrap: anywhere; font-size: 8px; line-height: 1.25; }
  .demo-calendar li span { overflow-wrap: anywhere; font-size: 6.5px; line-height: 1.35; }
  .demo-calendar li em { grid-column: 2; justify-self: start; margin-top: 7px; padding: 4px 7px; font-size: 6px; }
  .operations { padding: 100px 14px 110px; }
  .operations-heading { display: block; margin-bottom: 50px; }
  .operations-heading h2 { margin-top: 0; font-size: clamp(42px, 11.5vw, 56px); }
  .operations-heading > p:last-child { margin-top: 26px; font-size: 15px; }
  .interface-grid { display: block; }
  .interface-card { margin-top: 10px; padding: 20px; border-radius: 20px; }
  .operation-workbench { display: block; }
  .operation-index { display: block; margin-bottom: 16px; }
  .operation-index button { grid-template-columns: 26px minmax(0,1fr) 14px; min-height: 96px; padding: 17px 2px 16px 0; }
  .operation-index button::before { width: 58px; }
  .operation-index strong { font-size: 19px; line-height: 1.04; }
  .operation-index small { max-width: 270px; font-size: 10px; }
  .operation-stage { min-height: 0; border-radius: 22px; }
  .operation-panel { min-height: 560px; margin: 0; padding: 18px; border-radius: 0; }
  .operation-stage .funnel-card,.operation-stage .agenda-card,.operation-stage .routing-card { min-height: 480px; }
  .operation-stage .funnel-demo,.operation-stage .visit-time,.operation-stage .route-demo { margin-top: auto; padding-top: 32px; }
  .operation-stage .interface-note { padding-top: 24px; }
  .conversation-layout { display: block; }.lead-context { margin-top: 10px; }
  .phone-demo, .lead-context { padding: 15px; }
  .interface-card__head { margin-bottom: 24px; }
  .funnel-card h3, .routing-card h3 { font-size: 31px; }
  .funnel-demo { margin-top: 34px; }.funnel-demo > div { grid-template-columns: 82px 1fr; }
  .agenda-card, .routing-card { min-height: auto; }
  .visit-time { margin-top: 36px; }.visit-time strong { font-size: 58px; }
  .route-demo { grid-template-columns: 1fr; gap: 7px; margin-top: 34px; }.route-demo > span { transform: rotate(90deg); text-align: center; }
  .concept-note { text-align: left; line-height: 1.5; }
  .integrations { padding: 96px 14px 112px; }
  .integrations-heading > p { margin-bottom: 22px; }
  .integrations-heading h2 { font-size: clamp(46px,12vw,60px); line-height: .91; }
  .integration-logo-row { gap: 8px; margin-top: 34px; }
  .integration-logo-row > span { width: 52px; height: 52px; border-radius: 15px; }
  .integration-logo-row img { width: 28px; height: 28px; }
  .integration-cards { grid-template-columns: 1fr; gap: 12px; margin-top: 64px; }
  .integration-card, .integration-card:nth-child(even) { min-height: 0; margin-top: 0; padding: 24px; border-radius: 24px; }
  .integration-card::before { left: 24px; width: 70px; }
  .integration-card h3 { margin-top: 30px; font-size: 38px; }
  .integration-card > p { font-size: 13px; }
  .integration-card__foot { padding-top: 32px; }
  .kinetic { padding: 22px 0 36px; }.kinetic-track span { font-size: 88px; }
  .process { display: block; padding: 100px 14px; }
  .process-sticky { position: relative; top: auto; margin-bottom: 68px; }
  .process-sticky h2 { font-size: clamp(42px, 12vw, 58px); }
  .process-list li { grid-template-columns: 32px 1fr auto; gap: 10px; min-height: 150px; }
  .process-list h3 { font-size: 42px; }.process-list p { font-size: 13px; }
  .pricing { padding: 96px 0 90px; }
  .pricing-heading { display: block; padding: 0 14px; margin-bottom: 42px; }
  .pricing-heading h2 { margin-top: 0; font-size: clamp(46px, 13vw, 62px); }
  .billing-toggle { margin-top: 30px; }
  .plans { display: flex; align-items: stretch; gap: 10px; overflow-x: auto; overflow-y: hidden; padding: 0 14px 12px; scroll-padding-inline: 14px; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; overscroll-behavior-y: auto; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; }
  .plans::-webkit-scrollbar { display: none; }
  .plan { flex: 0 0 84%; min-height: 560px; padding: 22px; scroll-snap-align: start; scroll-snap-stop: always; opacity: 1; transform: none; }
  .plan--professional { order: 1; grid-row: auto; }.plan--essential { order: 2; grid-row: auto; }.plan--enterprise { order: 3; grid-row: auto; }
  .plan__price strong { font-size: 56px; }
  .pricing-note { padding: 0 14px; line-height: 1.5; }
  .faq { display: block; padding: 100px 14px; }.faq-heading { position: relative; top: auto; margin-bottom: 54px; }.faq-heading h2 { font-size: clamp(42px, 11.8vw, 58px); }.faq-list summary { grid-template-columns: 26px 1fr 28px; min-height: 92px; gap: 10px; font-size: 21px; }.faq-list details > p { margin: -6px 0 0 36px; padding-bottom: 28px; font-size: 13px; }
  .contact { display: block; padding: 100px 14px; background: radial-gradient(circle at 90% 85%, rgba(65,109,255,.18), transparent 38%), #07090d; }.contact-intro h2 { font-size: clamp(42px, 12vw, 60px); }.contact-intro > a { max-width: 100%; overflow-wrap: anywhere; }.contact-form { margin-top: 48px; padding: 20px; border-radius: 24px; }.field-row { grid-template-columns: 1fr; }.contact-form input, .contact-form textarea { font-size: 16px; }.contact-orbit { right: -90vw; bottom: -50vw; width: 180vw; }
  .closing { min-height: 82svh; padding: 96px 14px 146px; background: radial-gradient(70% 46% at 74% 45%,rgba(65,109,255,.1),transparent 82%),#07090d; }.closing__field::before { top: -42vw; width: 152vw; }.closing__field::after { top: -31vw; width: 126vw; }.closing h2 { font-size: clamp(54px,15.8vw,76px); line-height: .87; }.closing__copy > a { margin-top: 38px; }.closing__ticker-track { animation-duration: 22s; }.closing__ticker span { min-height: 72px; font-size: 32px; }.closing__ticker span::after { width: 28px; margin: 0 16px; }
  .detail-hero { min-height: 82svh; padding: 112px 14px 70px; }.detail-back { margin-bottom: 58px; }.detail-hero h1 { font-size: clamp(48px,14vw,66px); line-height: .9; }.detail-hero__copy > span { margin-top: 24px; font-size: 15px; }.detail-hero__rail { top: 24%; right: -58%; width: 130vw; opacity: .36; }
  .detail-overview { padding: 88px 14px 100px; border-radius: 28px 28px 0 0; }.detail-overview__heading,.detail-section-heading { display: block; }.detail-overview__heading h2,.detail-section-heading h2 { margin-top: 24px; font-size: clamp(42px,11.8vw,56px); }.detail-overview__heading > span { display: block; margin-top: 24px; font-size: 14px; }
  .detail-flow { grid-template-columns: 1fr; gap: 10px; margin-top: 56px; }.detail-flow-card { min-height: 260px; padding: 24px; border-radius: 22px; }.detail-flow-card::before { left: 24px; }.detail-flow-card h3 { margin-top: 54px; font-size: 34px; }
  .detail-example { padding: 92px 14px 106px; }.detail-example__grid,.detail-example__grid--crm,.detail-example__grid--automacao { grid-template-columns: 1fr; gap: 10px; margin-top: 54px; }.detail-case,.detail-event-log,.detail-conversation-demo,.detail-agenda-demo,.detail-crm-demo,.detail-automation-demo,.detail-side-card { padding: 22px; border-radius: 22px; }.detail-case h3 { margin-top: 34px; font-size: 38px; }.detail-case > p { font-size: 13px; }.detail-case dl { grid-template-columns: 1fr; margin-top: 32px; }.detail-case dl > div,.detail-case dl > div:nth-child(even) { padding: 16px 0; border-left: 0; }.detail-case__outcome { margin-top: 26px; padding: 18px; }.detail-case__outcome strong { font-size: 16px; }.detail-event-log li { grid-template-columns: 52px 1fr; min-height: 96px; padding: 18px 0; }
  .detail-messages p { max-width: 86%; }.detail-conversation-demo__handoff { padding: 16px; }.detail-side-card dl { grid-template-columns: 1fr; }.detail-side-card dl > div,.detail-side-card dl > div:nth-child(even) { padding: 15px 0; border-left: 0; }.detail-side-card__outcome { margin-top: 24px; }
  .detail-agenda-day > div { grid-template-columns: 52px 1fr; gap: 10px; min-height: 108px; padding: 16px 0; }.detail-agenda-day time { font-size: 18px; }.detail-agenda-day em { grid-column: 2; justify-self: start; }.detail-agenda-sync { margin-top: 20px; }
  .detail-crm-board { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none; }.detail-crm-board::-webkit-scrollbar { display: none; }.detail-crm-board > section { flex: 0 0 78%; scroll-snap-align: start; }
  .detail-rule-flow { grid-template-columns: 1fr; gap: 8px; margin-top: 26px; }.detail-rule-flow > div { min-height: 138px; }.detail-rule-flow > i { justify-self: center; transform: rotate(90deg); }.detail-rule-guard { grid-template-columns: 1fr auto; }.detail-rule-guard span { grid-column: 1 / -1; }.detail-rule-guard strong { line-height: 1.45; }
  .detail-results { padding: 88px 14px 100px; }.detail-results__grid { grid-template-columns: 1fr; gap: 10px; margin-top: 52px; }.detail-result-card { min-height: 220px; padding: 24px; border-radius: 22px; }.detail-result-card h3 { margin-top: 52px; }
  .detail-cta { display: block; padding: 88px 14px; }.detail-cta h2 { font-size: clamp(42px,11.8vw,58px); }.detail-cta > a { margin-top: 40px; }
  .route-hero { min-height: 64svh; padding: 126px 14px 66px; }.route-hero h1 { font-size: clamp(48px, 14.2vw, 68px); }.route-hero__copy > span { margin-top: 24px; font-size: 15px; }.route-hero__orb { right: -68vw; bottom: -48vw; width: 145vw; }
  .plan-modal { padding: 10px; }.plan-modal__dialog { max-height: calc(100svh - 20px); padding: 22px 16px; border-radius: 22px; }.plan-modal__close { top: 12px; right: 12px; width: 38px; height: 38px; }.plan-modal__meta { display: grid; gap: 6px; padding-right: 54px; }.plan-modal h3 { margin-top: 18px; padding-right: 42px; font-size: 31px; }.modal-field-row { grid-template-columns: 1fr; }.choice-group > div, .choice-group--interest > div { grid-template-columns: 1fr 1fr; }.choice-group > .choice-group--four { grid-template-columns: repeat(4,1fr); }.choice-group span { min-height: 43px; padding: 7px; font-size: 11px; }.plan-modal__actions { align-items: stretch; }.plan-modal__actions > span { max-width: 120px; line-height: 1.4; }.plan-modal__actions button { min-width: 132px; }.plan-summary { display: grid; grid-template-columns: 1fr 1fr; margin-top: 16px; }.plan-recommendation { font-size: 10px; }.form-success { right: 14px; bottom: 14px; }
  .lead-panel { padding: 6px; }.lead-panel__dialog { width: calc(100vw - 12px); height: calc(100svh - 12px); border-radius: 24px; }.lead-panel__header { min-height: 62px; padding: 0 14px; }.lead-panel__brand { width: 94px; }.lead-panel__close { width: 38px; height: 38px; }.lead-panel__nav { padding: 0 16px; }.lead-panel__nav button { min-height: 50px; font-size: 10px; }.lead-panel__pane { padding: 30px 18px 40px; }.lead-panel__choice h2, .lead-panel__contact h2 { font-size: clamp(48px,14vw,64px); }.lead-panel__choice > p:not(.lead-panel__eyebrow) { margin-top: 20px; }.lead-choice-grid { grid-template-columns: 1fr; margin-top: 32px; }.lead-choice-grid button { min-height: 172px; padding: 18px; }.lead-choice-grid strong { margin-top: 20px; font-size: 24px; }.lead-choice-grid small { max-width: 250px; }.lead-panel__contact { gap: 16px; }.lead-panel__contact .modal-field-row { margin-top: 8px; }.lead-panel__actions { align-items: stretch; }.lead-panel__actions > span { max-width: 112px; line-height: 1.4; }.lead-panel__actions button { gap: 18px; }.lead-panel__plan.plan-modal__dialog { padding: 28px 18px 40px; border-radius: 0; }.lead-panel__plan h3 { margin-top: 18px; padding-right: 0; font-size: 34px; }.lead-exit__card { padding: 24px; border-radius: 15px; }.lead-exit h2 { font-size: 31px; }.lead-exit__card > div { grid-template-columns: 1fr; }.lead-exit [data-exit-stay] { order: -1; }
  .work-hero { min-height: auto; padding: 126px 14px 90px; }
  .work-hero::before { right: -65%; bottom: -5%; left: 22%; height: 34%; }
  .work-hero h1 { margin-top: 20px; font-size: clamp(52px,15vw,68px); line-height: .87; }
  .work-hero__copy > span { margin-top: 28px; font-size: 15px; }
  .work-flow { display: grid; gap: 9px; height: auto; margin-top: 64px; padding-left: 18px; }
  .work-flow::before { content: ""; position: absolute; top: 22px; bottom: 22px; left: 5px; width: 1px; background: linear-gradient(rgba(65,109,255,.12),rgba(110,145,255,.56),rgba(65,109,255,.12)); }
  .work-wire { display: none; }
  .work-node,.work-node--entry,.work-node--platform,.work-node--automation,.work-node--integrations,.work-node--result { position: relative; inset: auto; width: 100%; min-height: 118px; padding: 17px; border-radius: 16px; }
  .work-node::before { content: ""; position: absolute; top: 24px; left: -18px; width: 7px; height: 7px; border: 1px solid #6e91ff; border-radius: 50%; background: #080a0a; }
  .work-platform,.work-automation { padding: 100px 14px; }
  .work-heading { display: block; }
  .work-heading > p { margin-bottom: 20px; }
  .work-heading h2 { font-size: clamp(44px,12.4vw,60px); line-height: .9; }
  .work-heading > span { display: block; margin-top: 26px; font-size: 14px; }
  .work-laptop-scene { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-height: 0; margin-top: 58px; }
  .work-laptop { position: relative; inset: auto; grid-column: 1 / -1; grid-row: 1; width: 100%; margin-bottom: 28px; transform: none; }
  .work-laptop__lid { padding: 7px 7px 9px; border-radius: 18px 18px 8px 8px; }
  .work-laptop__screen { grid-template-columns: 38px 1fr; min-height: 300px; border-radius: 11px 11px 5px 5px; }
  .work-screen-rail { gap: 11px; padding-top: 13px; }
  .work-screen-rail b { width: 22px; height: 22px; }
  .work-screen-rail i { width: 18px; }
  .work-screen-main { padding: 11px; }
  .work-screen-main > header strong { font-size: 10px; }
  .work-screen-summary { margin-top: 13px; padding: 12px; }
  .work-screen-summary strong { font-size: 20px; }
  .work-screen-metrics { gap: 4px; }
  .work-screen-metrics > span { padding: 8px 6px; }
  .work-screen-metrics b { font-size: 11px; }
  .work-screen-list p { grid-template-columns: 33px minmax(0,1fr); min-height: 50px; padding: 0 8px; }
  .work-screen-list p > em { display: none; }
  .work-screen-list p:nth-child(3) { display: none; }
  .work-demo-cursor { left: 34%; transform: scale(.8); }
  .work-laptop__base { height: 12px; }
  .work-laptop__base::after { top: 12px; height: 4px; }
  .work-note,.work-note--history,.work-note--owner,.work-note--stage,.work-note--handoff { position: relative; inset: auto; width: auto; min-height: 112px; padding: 14px; border-radius: 14px; animation-duration: 14s; }
  .work-note strong { font-size: 13px; }
  .work-note small { font-size: 8px; }
  .work-ready { display: block; margin-top: 64px; }
  .work-ready header { padding: 22px 0; }
  .work-ready ol { grid-template-columns: 1fr 1fr; }
  .work-ready li { min-height: 90px; padding: 16px 10px; border-top: 1px solid rgba(255,255,255,.07); border-left: 0; }
  .work-ready li:nth-child(even) { border-left: 1px solid rgba(255,255,255,.07); }
  .work-ready li:last-child { grid-column: 1 / -1; }
  .work-statement { display: block; min-height: 78svh; padding: 110px 14px; }
  .work-statement > p { font-size: clamp(52px,14.2vw,68px); }
  .work-statement aside { max-width: 250px; margin: 88px 0 0 auto; }
  .work-sequence { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 64px; padding-left: 18px; }
  .work-sequence__line { top: 24px; bottom: 24px; left: 5px; width: 1px; height: auto; }
  .work-sequence__line i { background: linear-gradient(180deg,transparent,rgba(129,155,245,.82),transparent); transform: translateY(-100%); animation-name: work-sequence-line-mobile; }
  .work-sequence article { min-height: 144px; padding: 46px 17px 17px; border-radius: 16px; }
  .work-sequence article::before { top: 21px; left: -19px; background: #090b0b; }
  .work-sequence article strong { margin-top: 8px; font-size: 22px; }
  .work-automation .work-ready { margin-top: 64px; }
  .work-integrations { padding: 100px 14px; border-radius: 26px 26px 0 0; }
  .work-integration-scene { display: grid; gap: 18px; height: auto; margin-top: 64px; }
  .work-integration-wire { display: none; }
  .work-integration-sources,.work-integration-hub,.work-integration-results { position: relative; inset: auto; width: 100%; transform: none; }
  .work-integration-sources { grid-template-columns: 1fr 1fr; gap: 7px; }
  .work-integration-sources span { min-height: 56px; border-radius: 13px; }
  .work-integration-hub { aspect-ratio: auto; min-height: 210px; border-radius: 24px; }
  .work-integration-hub::before { inset: 10px; border-radius: 18px; }
  .work-integration-results { gap: 7px; }
  .work-integration-results p { min-height: 76px; border-radius: 14px; }
  .work-ready--light li,.work-ready--light li:nth-child(even) { border-color: rgba(13,26,61,.12); }
  .work-cta { padding-top: 100px; padding-bottom: 100px; }
  footer { display: block; padding: 50px 14px 30px; }
  footer nav { justify-content: flex-start; margin-top: 38px; }
  footer > p { margin-top: 50px; }
  .reveal { opacity: 1; transform: none; transition: none; }
}
@media (update: slow) {
  .hero-wave--three { display: none; }
  .hero-wave::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
  .hero-copy, .dashboard-frame { transform: none !important; opacity: 1 !important; }
  .hero-field, .hero-field__symbol { transform: none !important; opacity: 1 !important; }
  .hero-wave, .hero-field__wash, .hero-field__grid, .hero-field__symbol img, .hero-field__sweep, .hero-field__traces i, .hero-field__traces i::after, .hero-scroll-cue > span, .hero-scroll-cue .icon-arrow { animation: none !important; }
  .work-wire path,.work-integration-wire path { stroke-dashoffset: 0 !important; transition: none !important; }
  .work-wire__signal,.work-note,.work-demo-cursor,.work-demo-cursor i,.work-sequence__line i { animation: none !important; }
  .kinetic-track { animation: none !important; }
  .closing__ticker-track { animation: none !important; transform: none !important; }
  .chart-bars i { transform: scaleY(1) !important; }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* Como trabalhamos — editorial process story */
.route-comotrabalhamos { --process-blue: #416dff; --process-night: #07090c; --process-panel: #101319; --process-paper: #eceeea; }
.process-main { width: 100%; overflow: clip; background: var(--process-night); }
.process-main h1,.process-main h2,.process-main h3,.process-main strong { font-family: "DM Sans",system-ui,sans-serif; }
.process-kicker { margin: 0; color: #7896ff; font-size: 9px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.process-hero { position: relative; min-height: 100svh; padding: clamp(138px,14vh,190px) max(22px,calc((100vw - 1240px)/2)) 52px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.07); background: radial-gradient(55% 62% at 76% 28%,rgba(65,109,255,.11),transparent 74%),linear-gradient(180deg,#090c13,#07090c 78%); }
.process-hero::before { content: ""; position: absolute; top: -34vw; right: -12vw; width: min(92vw,1320px); aspect-ratio: 1; border: 1px solid rgba(91,126,242,.18); border-radius: 50%; box-shadow: 0 0 90px rgba(65,109,255,.05); pointer-events: none; }
.process-hero::after { content: ""; position: absolute; top: 24%; right: 7%; width: 34%; height: 1px; background: linear-gradient(90deg,transparent,rgba(109,143,255,.28),transparent); opacity: .62; animation: process-breathe 14s ease-in-out infinite alternate; pointer-events: none; }
.process-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.94fr) minmax(500px,.76fr); gap: 6vw; align-items: center; max-width: 1240px; margin: 0 auto; }
.process-hero__copy { padding-bottom: 48px; }
.process-hero h1 { max-width: 730px; margin: 24px 0 0; font-size: clamp(68px,7vw,108px); font-weight: 400; line-height: .88; letter-spacing: -.068em; text-wrap: balance; }
.process-hero__copy > span { display: block; max-width: 600px; margin-top: 34px; color: #9da5a1; font-size: 16px; line-height: 1.68; }
.process-hero__stage { position: relative; min-height: 560px; perspective: 1200px; }
.process-photo,.process-signal-card,.process-map-card,.process-chapter__scene > * { transition: transform 700ms cubic-bezier(.16,1,.3,1); }
.process-photo { position: absolute; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: #11151a; box-shadow: 0 28px 90px rgba(0,0,0,.34); }
.process-photo img,.process-chapter__photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.03); transition: transform 1s cubic-bezier(.16,1,.3,1),filter .5s ease; }
.process-photo figcaption { position: absolute; right: 0; bottom: 0; left: 0; display: grid; gap: 4px; padding: 48px 18px 17px; background: linear-gradient(transparent,rgba(5,8,12,.92)); }
.process-photo figcaption span,.process-signal-card > header span,.process-signal-card li b,.process-map-card > span,.process-chapter__scene span,.process-deliverables__grid article > span,.process-principles__grid article > span { color: #7f8b95; font-size: 8px; font-weight: 600; letter-spacing: .14em; }
.process-photo figcaption strong { font-size: 14px; font-weight: 500; }.process-photo figcaption small { color: #87908b; font-size: 9px; }
.process-photo--building { top: 2%; right: 0; width: 66%; height: 62%; }.process-photo--advisor { right: 47%; bottom: 2%; width: 34%; height: 38%; }
.process-signal-card { position: absolute; z-index: 3; right: 0; bottom: 3%; width: 54%; padding: 22px; border: 1px solid rgba(107,137,237,.24); border-radius: 24px; background: rgba(13,18,30,.94); box-shadow: 0 28px 80px rgba(0,0,0,.4); backdrop-filter: blur(12px); }
.process-signal-card header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.08); }.process-signal-card header i { width: 7px; height: 7px; border-radius: 50%; background: #416dff; box-shadow: 0 0 0 6px rgba(65,109,255,.1); }
.process-signal-card > strong { display: block; margin-top: 22px; font-size: 22px; font-weight: 400; line-height: 1.08; letter-spacing: -.035em; }
.process-signal-card ol { margin: 24px 0 0; padding: 0; list-style: none; }.process-signal-card li { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; min-height: 38px; border-top: 1px solid rgba(255,255,255,.065); color: #b9bfbb; font-size: 9px; }.process-signal-card li em { color: #8199ed; font-size: 8px; font-style: normal; }
.process-hero__rail { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3,1fr); max-width: 1240px; margin: 62px auto 0; padding: 0; border-top: 1px solid rgba(255,255,255,.09); list-style: none; }
.process-hero__rail li { display: grid; grid-template-columns: 30px 1fr; gap: 6px 15px; min-height: 90px; padding: 23px 22px 16px 0; border-right: 1px solid rgba(255,255,255,.07); }.process-hero__rail li:last-child { border-right: 0; padding-left: 22px; }.process-hero__rail li:nth-child(2) { padding-left: 22px; }
.process-hero__rail span { grid-row: 1 / 3; color: #617076; font-size: 8px; letter-spacing: .12em; }.process-hero__rail strong { font-size: 17px; font-weight: 500; }.process-hero__rail small { color: #747d78; font-size: 10px; }

.process-map-section { position: relative; padding: 150px max(22px,calc((100vw - 1240px)/2)) 170px; background: #080b10; }
.process-section-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.42fr); gap: 42px 8vw; align-items: end; max-width: 1240px; margin: 0 auto; }
.process-section-heading .process-kicker { grid-column: 1 / -1; }
.process-section-heading h2 { max-width: 850px; margin: 0; font-size: clamp(56px,6.5vw,94px); font-weight: 400; line-height: .91; letter-spacing: -.06em; text-wrap: balance; }
.process-section-heading > span { max-width: 430px; color: #949d98; font-size: 15px; line-height: 1.65; }
.process-map { position: relative; height: 700px; max-width: 1240px; margin: 90px auto 0; overflow: hidden; border: 1px solid rgba(255,255,255,.085); border-radius: 36px; background: radial-gradient(42% 54% at 55% 50%,rgba(65,109,255,.07),transparent 78%),#0b0e13; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.process-map::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 74px 74px; mask-image: radial-gradient(circle at 50% 50%,#000,transparent 82%); }
.process-map__mark { position: absolute; top: 50%; left: 50%; width: min(38vw,430px); opacity: .027; transform: translate(-50%,-50%); filter: grayscale(1) brightness(2.6); }
.process-map__wire { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(105,137,244,.32); stroke-width: 1; vector-effect: non-scaling-stroke; }.process-map__wire path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2s cubic-bezier(.16,1,.3,1); }.process-map.is-visible .process-map__wire path { stroke-dashoffset: 0; }.process-map__wire .process-map__signal { stroke: rgba(137,161,245,.78); stroke-width: 1.5; stroke-dasharray: 7 90; stroke-dashoffset: 0; animation: process-map-signal 12s linear infinite paused; }.process-map.is-visible .process-map__signal { animation-play-state: running; }
.process-map-card { position: absolute; z-index: 2; display: grid; align-content: start; gap: 10px; padding: 19px; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: rgba(17,21,27,.95); box-shadow: 0 24px 70px rgba(0,0,0,.3); backdrop-filter: blur(10px); }
.process-map-card > strong { font-size: 17px; font-weight: 500; line-height: 1.12; letter-spacing: -.03em; }.process-map-card > small { color: #737e79; font-size: 9px; line-height: 1.4; }
.process-map-card--origin { top: 50%; left: 3%; width: 190px; }.process-map-card--origin > i { position: absolute; top: 18px; right: 18px; width: 7px; height: 7px; border-radius: 50%; background: #416dff; box-shadow: 0 0 0 5px rgba(65,109,255,.12); }
.process-map-card--chat { top: 7%; left: 19%; width: 240px; }.process-mini-chat { display: grid; gap: 7px; margin-top: 8px; }.process-mini-chat p { max-width: 88%; margin: 0; padding: 10px 12px; border-radius: 12px 12px 12px 3px; background: #252b29; color: #cbd1cd; font-size: 9px; line-height: 1.4; }.process-mini-chat p:last-child { justify-self: end; border-radius: 12px 12px 3px 12px; background: #e8ebf5; color: #161d30; }
.process-map-card--profile { top: 38%; left: 41%; width: 230px; }.process-map-card--profile dl { margin: 7px 0 0; }.process-map-card--profile dl div { display: flex; justify-content: space-between; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.07); }.process-map-card--profile dt,.process-map-card--profile dd { margin: 0; color: #758079; font-size: 8px; }.process-map-card--profile dd { color: #c7ccc8; }
.process-map-card--crm { top: 5%; left: 68%; width: 235px; }.process-stagebar { display: grid; grid-template-columns: repeat(4,1fr); gap: 4px; margin: 10px 0 3px; }.process-stagebar i { height: 5px; border-radius: 99px; background: #263048; }.process-stagebar i:nth-child(-n+3) { background: #416dff; }
.process-map-card--visit { top: 48%; right: 4%; width: 210px; }.process-map-card--visit time { margin-top: 6px; color: #f0f1ec; font-size: 38px; font-weight: 400; letter-spacing: -.055em; }
.process-map-card--result { right: 20%; bottom: 5%; width: 275px; border-color: rgba(91,126,241,.34); background: #111a36; }.process-map-card--result > strong { font-size: 20px; }.process-map-card--result > small { display: flex; align-items: center; gap: 7px; color: #8ea6f3; }.process-map-card--result > small i { width: 6px; height: 6px; border-radius: 50%; background: #416dff; }

.process-chapters { background: #07090c; }
.process-chapter { display: grid; grid-template-columns: minmax(340px,.72fr) minmax(500px,1fr); gap: 7vw; align-items: center; min-height: 100svh; padding: 150px max(22px,calc((100vw - 1240px)/2)); border-top: 1px solid rgba(255,255,255,.07); }
.process-chapter--connect { grid-template-columns: minmax(500px,1fr) minmax(340px,.72fr); border-radius: 48px 48px 0 0; background: var(--process-paper); color: #0d1324; }
.process-chapter__copy h2 { margin: 24px 0 0; font-size: clamp(53px,5.8vw,84px); font-weight: 400; line-height: .92; letter-spacing: -.058em; text-wrap: balance; }
.process-chapter__copy > span { display: block; max-width: 570px; margin-top: 30px; color: #969f9a; font-size: 15px; line-height: 1.68; }.process-chapter--connect .process-chapter__copy > span { color: #65706c; }
.process-chapter__copy dl { margin: 48px 0 0; border-top: 1px solid rgba(255,255,255,.1); }.process-chapter--connect .process-chapter__copy dl { border-color: rgba(13,19,36,.14); }
.process-chapter__copy dl div { display: grid; grid-template-columns: 140px 1fr; gap: 24px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.08); }.process-chapter--connect .process-chapter__copy dl div { border-color: rgba(13,19,36,.11); }
.process-chapter__copy dt,.process-chapter__copy dd { margin: 0; font-size: 10px; line-height: 1.55; }.process-chapter__copy dt { color: #6e7873; }.process-chapter__copy dd { color: #bbc1bd; }.process-chapter--connect .process-chapter__copy dd { color: #3f4946; }
.process-chapter__scene { position: relative; min-height: 650px; }
.process-chapter__photo { position: absolute; inset: 7% 5% 7% 11%; margin: 0; overflow: hidden; border-radius: 34px; background: #15191d; box-shadow: 0 36px 100px rgba(0,0,0,.25); }.process-chapter--connect .process-chapter__photo { inset: 5% 14% 6% 2%; }
.process-chapter__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg,rgba(7,10,16,.06),rgba(7,10,16,.55)); pointer-events: none; }.process-chapter--connect .process-chapter__photo::after { background: linear-gradient(145deg,rgba(11,19,38,.02),rgba(11,19,38,.34)); }
.process-audit-card,.process-route-card,.process-rule-card,.process-scene-note,.process-match-card,.process-success-card { position: absolute; z-index: 2; display: grid; padding: 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: rgba(12,16,22,.94); box-shadow: 0 24px 70px rgba(0,0,0,.34); backdrop-filter: blur(12px); }
.process-audit-card { top: 1%; right: 0; width: 245px; }.process-audit-card > strong { margin-top: 15px; font-size: 25px; font-weight: 400; letter-spacing: -.045em; }.process-audit-card p { display: grid; gap: 6px; margin: 24px 0 12px; }.process-audit-card p i { width: var(--size); height: 5px; border-radius: 99px; background: linear-gradient(90deg,#416dff,rgba(65,109,255,.14)); }.process-audit-card > small { color: #7c8580; font-size: 9px; }
.process-scene-note { bottom: 1%; left: 0; width: 235px; }.process-scene-note strong { margin-top: 15px; font-size: 17px; font-weight: 400; line-height: 1.25; }
.process-route-card { top: 2%; right: 2%; width: 265px; border-color: rgba(13,19,36,.13); background: rgba(248,249,246,.95); color: #0d1324; }.process-route-card ol { margin: 18px 0 0; padding: 0; list-style: none; }.process-route-card li { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; min-height: 55px; border-top: 1px solid rgba(13,19,36,.1); }.process-route-card li i { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid rgba(30,58,137,.18); border-radius: 8px; color: #315bdf; font-size: 7px; font-style: normal; font-weight: 600; }.process-route-card li b { font-size: 10px; }.process-route-card li em { color: #68736e; font-size: 8px; font-style: normal; }
.process-match-card { bottom: 2%; left: 0; width: 220px; border-color: rgba(13,19,36,.13); background: #10235a; color: #f1f3fb; }.process-match-card strong { margin-top: 13px; font-size: 18px; font-weight: 500; }.process-match-card small { margin-top: 5px; color: #94a9e8; font-size: 9px; }
.process-rule-card { top: 1%; right: 0; width: 290px; }.process-rule-card header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.08); }.process-rule-card header i { width: 7px; height: 7px; border-radius: 50%; background: #416dff; }.process-rule-card p { display: grid; gap: 8px; margin: 16px 0; }.process-rule-card p small { color: #7594fd; font-size: 8px; letter-spacing: .12em; }.process-rule-card p strong { font-size: 13px; font-weight: 500; line-height: 1.35; }.process-rule-card > b { height: 1px; background: linear-gradient(90deg,#416dff,transparent); }
.process-success-card { bottom: 2%; left: 0; width: 250px; }.process-success-card > i { width: 9px; height: 9px; margin-bottom: 18px; border-radius: 50%; background: #416dff; box-shadow: 0 0 0 7px rgba(65,109,255,.12); }.process-success-card strong { margin-top: 12px; font-size: 17px; font-weight: 400; }

.process-deliverables { padding: 150px max(22px,calc((100vw - 1240px)/2)); border-radius: 48px 48px 0 0; background: var(--process-paper); color: #0d1324; }
.process-deliverables .process-kicker { color: #315bdf; }.process-deliverables .process-section-heading > span { color: #68736f; }
.process-deliverables__grid { display: grid; grid-template-columns: repeat(5,1fr); max-width: 1240px; margin: 86px auto 0; border-top: 1px solid rgba(13,19,36,.14); border-bottom: 1px solid rgba(13,19,36,.14); }
.process-deliverables__grid article { display: grid; align-content: start; min-height: 300px; padding: 26px 22px; border-left: 1px solid rgba(13,19,36,.12); }.process-deliverables__grid article:first-child { border-left: 0; }
.process-deliverables__grid article > span { margin-top: auto; color: #737b79; }.process-deliverables__grid article > strong { margin-top: 15px; font-size: 18px; font-weight: 500; line-height: 1.08; letter-spacing: -.025em; }.process-deliverables__grid article > small { margin-top: 10px; color: #69736f; font-size: 10px; line-height: 1.5; }
.process-icon { position: relative; display: block; width: 58px; height: 58px; border: 1px solid rgba(32,64,150,.2); border-radius: 16px; background: #f7f8f4; color: #315bdf; transition: transform 300ms cubic-bezier(.16,1,.3,1),background .3s ease; }
.process-icon::before,.process-icon::after { content: ""; position: absolute; border: 1px solid currentColor; }.process-icon--map::before { inset: 17px 14px; border-radius: 2px; transform: skewY(-15deg); }.process-icon--map::after { top: 17px; bottom: 17px; left: 27px; border-width: 0 0 0 1px; transform: rotate(15deg); }.process-icon--profile::before { top: 13px; left: 22px; width: 12px; height: 12px; border-radius: 50%; }.process-icon--profile::after { right: 14px; bottom: 12px; left: 14px; height: 16px; border-radius: 14px 14px 4px 4px; }.process-icon--rule::before { top: 16px; left: 14px; width: 28px; height: 7px; border-radius: 99px; box-shadow: 0 10px 0 -1px #f7f8f4,0 10px 0 0 currentColor,0 20px 0 -1px #f7f8f4,0 20px 0 0 currentColor; }.process-icon--rule::after { top: 13px; left: 20px; width: 6px; height: 6px; border-radius: 50%; background: #f7f8f4; box-shadow: 12px 10px 0 #f7f8f4,-2px 20px 0 #f7f8f4; }.process-icon--route::before { top: 16px; left: 14px; width: 8px; height: 8px; border-radius: 50%; box-shadow: 21px 0 0 -1px #f7f8f4,21px 0 0 0 currentColor,10px 20px 0 -1px #f7f8f4,10px 20px 0 0 currentColor; }.process-icon--route::after { top: 20px; left: 22px; width: 18px; height: 18px; border-width: 1px 1px 0 0; transform: rotate(45deg); }.process-icon--measure::before { right: 14px; bottom: 14px; left: 14px; height: 28px; border-width: 0 0 1px 1px; }.process-icon--measure::after { right: 16px; bottom: 18px; width: 23px; height: 16px; border-width: 1px 1px 0 0; transform: skewY(-32deg); }

.process-principles { padding: 150px max(22px,calc((100vw - 1240px)/2)); background: #080a0f; }
.process-principles .process-section-heading { grid-template-columns: 1fr; }.process-principles .process-section-heading h2 { max-width: 1040px; }
.process-principles__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; max-width: 1240px; margin: 82px auto 0; }
.process-principles__grid > article { display: grid; min-height: 470px; padding: 26px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 28px; background: linear-gradient(155deg,#12161d,#0c0f14); }
.process-principles__grid article > strong { max-width: 330px; margin-top: 24px; font-size: 28px; font-weight: 400; line-height: 1.02; letter-spacing: -.04em; }
.process-principle-ui { align-self: end; min-height: 190px; margin-top: 54px; border: 1px solid rgba(255,255,255,.08); border-radius: 19px; background: #0a0d12; }
.process-principle-ui--trace { display: grid; align-content: center; gap: 18px; padding: 28px; }.process-principle-ui--trace i { position: relative; height: 1px; background: rgba(255,255,255,.11); }.process-principle-ui--trace i::before { content: ""; position: absolute; top: -4px; left: var(--dot,15%); width: 9px; height: 9px; border-radius: 50%; background: #416dff; }.process-principle-ui--trace i:nth-child(2)::before { --dot:38%; }.process-principle-ui--trace i:nth-child(3)::before { --dot:67%; }.process-principle-ui--trace i:nth-child(4)::before { --dot:89%; }
.process-principle-ui--exception { display: grid; grid-template-columns: 10px 1fr; align-items: center; gap: 16px; padding: 24px; }.process-principle-ui--exception > i { width: 8px; height: 8px; border-radius: 50%; background: #416dff; box-shadow: 0 0 0 8px rgba(65,109,255,.1); }.process-principle-ui--exception p { display: grid; gap: 8px; }.process-principle-ui--exception p b { font-size: 13px; }.process-principle-ui--exception p small { color: #737d78; font-size: 9px; }
.process-principle-ui--history { display: grid; align-content: center; gap: 0; padding: 20px 24px; }.process-principle-ui--history p { display: grid; grid-template-columns: 9px 1fr; align-items: center; gap: 13px; min-height: 48px; margin: 0; border-top: 1px solid rgba(255,255,255,.07); }.process-principle-ui--history p:first-child { border-top: 0; }.process-principle-ui--history p i { width: 7px; height: 7px; border: 1px solid #6384ed; border-radius: 50%; }.process-principle-ui--history p b { color: #aeb6b1; font-size: 10px; font-weight: 500; }
.process-cta { background: radial-gradient(50% 80% at 86% 40%,rgba(65,109,255,.1),transparent 72%),#07090c; }
.process-hero:not(.is-process-active)::after { animation-play-state: paused; }

@media (hover:hover) and (pointer:fine) {
  .process-photo:hover img,.process-chapter__photo:hover img { transform: scale(1.045); filter: saturate(.9) contrast(1.03); }
  .process-map-card:hover { z-index: 6; border-color: rgba(111,145,255,.36); box-shadow: 0 32px 90px rgba(0,0,0,.42); }
  .process-deliverables__grid article:hover .process-icon { background: #fff; transform: translateY(-5px) rotate(-2deg); }
  .process-principles__grid > article { transition: transform 320ms cubic-bezier(.16,1,.3,1),border-color .3s ease; }
  .process-principles__grid > article:hover { border-color: rgba(107,139,245,.25); transform: translateY(-6px); }
}

@keyframes process-breathe { from { opacity: .38; transform: translate3d(-18px,-2px,0) scaleX(.96); } to { opacity: .82; transform: translate3d(18px,3px,0) scaleX(1.04); } }
@keyframes process-map-signal { to { stroke-dashoffset: -194; } }

@media (min-width:721px) and (max-width:1040px) {
  .process-hero__grid { grid-template-columns: minmax(0,.82fr) minmax(420px,.9fr); gap: 3vw; }.process-hero h1 { font-size: clamp(61px,7.8vw,82px); }
  .process-map-card--chat { left: 16%; }.process-map-card--profile { left: 38%; }.process-map-card--result { right: 14%; }
  .process-chapter,.process-chapter--connect { grid-template-columns: minmax(290px,.7fr) minmax(420px,1fr); gap: 4vw; }.process-chapter--connect { grid-template-columns: minmax(420px,1fr) minmax(290px,.7fr); }.process-chapter__scene { min-height: 580px; }
  .process-deliverables__grid article { min-height: 270px; padding: 20px 14px; }.process-deliverables__grid article > strong { font-size: 16px; }
}

@media (max-width:720px) {
  .process-hero { min-height: auto; padding: 120px 14px 38px; }.process-hero::before { top: -16vw; right: -76vw; width: 172vw; }.process-hero::after { top: 42%; right: -15%; width: 72%; }
  .process-hero__grid { display: block; }.process-hero__copy { padding: 0; }.process-hero h1 { margin-top: 20px; font-size: clamp(51px,14.7vw,66px); line-height: .9; letter-spacing: -.062em; }.process-hero__copy > span { margin-top: 27px; font-size: 14px; line-height: 1.62; }
  .process-hero__stage { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; min-height: 0; margin-top: 58px; }.process-photo,.process-signal-card { position: relative; inset: auto; width: auto; transform: none !important; }.process-photo { border-radius: 20px; }.process-photo--building { grid-column: 1 / -1; height: 290px; }.process-photo--advisor { height: 210px; }.process-signal-card { padding: 16px; border-radius: 18px; backdrop-filter: none; }.process-signal-card > strong { font-size: 17px; }.process-signal-card ol { margin-top: 16px; }.process-signal-card li { grid-template-columns: 18px 1fr; min-height: 34px; }.process-signal-card li em { display: none; }
  .process-hero__rail { margin-top: 42px; }.process-hero__rail li { display: grid; grid-template-columns: 1fr; min-height: 86px; gap: 6px; padding: 18px 10px 14px 0; }.process-hero__rail li:nth-child(2),.process-hero__rail li:last-child { padding-left: 10px; }.process-hero__rail span { grid-row: auto; }.process-hero__rail strong { font-size: 14px; }.process-hero__rail small { font-size: 8px; }
  .process-map-section { padding: 96px 14px 108px; }.process-section-heading { display: block; }.process-section-heading h2 { margin-top: 20px; font-size: clamp(46px,12.8vw,60px); line-height: .92; }.process-section-heading > span { display: block; margin-top: 25px; font-size: 14px; }
  .process-map { display: grid; gap: 8px; height: auto; margin-top: 58px; padding: 18px; border-radius: 25px; }.process-map::before { background-size: 48px 48px; }.process-map__wire { display: none; }.process-map__mark { width: 90%; opacity: .02; }.process-map-card { position: relative; inset: auto; width: auto; min-height: 122px; padding: 17px; border-radius: 17px; transform: none !important; backdrop-filter: none; }.process-map-card--origin,.process-map-card--visit { min-height: 106px; }.process-map-card--chat { margin-left: 8%; }.process-map-card--profile { margin-right: 8%; }.process-map-card--crm { margin-left: 4%; }.process-map-card--visit { margin-right: 5%; }.process-map-card--result { min-height: 150px; margin-left: 11%; }
  .process-chapter,.process-chapter--connect { display: flex; flex-direction: column; gap: 58px; min-height: 0; padding: 104px 14px; }.process-chapter--connect { border-radius: 28px 28px 0 0; }.process-chapter--connect .process-chapter__scene { order: 2; }.process-chapter__copy h2 { margin-top: 20px; font-size: clamp(45px,12.5vw,59px); line-height: .92; }.process-chapter__copy > span { margin-top: 25px; font-size: 14px; }.process-chapter__copy dl { margin-top: 38px; }.process-chapter__copy dl div { grid-template-columns: 102px 1fr; gap: 14px; }
  .process-chapter__scene { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; min-height: 0; }.process-chapter__scene > * { position: relative; inset: auto; width: auto; transform: none !important; backdrop-filter: none; }.process-chapter__photo { grid-column: 1 / -1; height: 330px; border-radius: 24px; }.process-audit-card,.process-route-card,.process-rule-card { min-height: 230px; padding: 16px; border-radius: 18px; }.process-scene-note,.process-match-card,.process-success-card { min-height: 150px; padding: 16px; border-radius: 18px; }.process-audit-card > strong { font-size: 21px; }.process-route-card li { grid-template-columns: 31px 1fr; }.process-route-card li em { display: none; }.process-rule-card p strong { font-size: 11px; }
  .process-deliverables { padding: 104px 14px; border-radius: 28px 28px 0 0; }.process-deliverables__grid { grid-template-columns: 1fr 1fr; margin-top: 56px; }.process-deliverables__grid article { min-height: 230px; padding: 18px 14px; border-top: 1px solid rgba(13,19,36,.12); }.process-deliverables__grid article:nth-child(odd) { border-left: 0; }.process-deliverables__grid article:first-child,.process-deliverables__grid article:nth-child(2) { border-top: 0; }.process-deliverables__grid article:last-child { grid-column: 1 / -1; }.process-icon { width: 50px; height: 50px; transform: scale(.88); transform-origin: 0 0; }
  .process-principles { padding: 104px 14px; }.process-principles__grid { grid-template-columns: 1fr; gap: 9px; margin-top: 58px; }.process-principles__grid > article { min-height: 390px; padding: 21px; border-radius: 22px; }.process-principles__grid article > strong { font-size: 25px; }.process-principle-ui { min-height: 155px; }
  .process-cta { padding-top: 100px; padding-bottom: 100px; }
}

@media (prefers-reduced-motion:reduce) {
  .process-hero::after,.process-map__signal { animation: none !important; }
  [data-depth] { transform: none !important; }
}

/* Refino visual: profundidade, camadas e brilho */
:root {
  --depth-1: 0 1px 0 rgba(255,255,255,.05) inset, 0 18px 40px -22px rgba(0,0,0,.65);
  --depth-2: 0 1px 0 rgba(255,255,255,.06) inset, 0 34px 80px -34px rgba(0,0,0,.78);
  --depth-light-1: 0 1px 0 rgba(255,255,255,.9) inset, 0 18px 44px -24px rgba(18,26,44,.28);
  --depth-light-2: 0 1px 0 rgba(255,255,255,.95) inset, 0 42px 96px -40px rgba(18,26,44,.34);
  --glow-accent: 0 0 0 1px rgba(65,109,255,.22), 0 26px 70px -30px rgba(65,109,255,.45);
}
.interface-card { background: linear-gradient(168deg,#14181a 0%,#0f1211 58%,#0d100f 100%); border-color: rgba(255,255,255,.085); box-shadow: var(--depth-2); }
.demo-metrics article,.demo-chart,.demo-priority,.demo-board article,.demo-calendar { background: linear-gradient(166deg,#15191a,#101413 62%,#0e1211); box-shadow: var(--depth-1); }
.demo-board article > div { box-shadow: 0 1px 0 rgba(255,255,255,.04) inset,0 10px 24px -16px rgba(0,0,0,.8); }
.demo-metrics article strong { text-shadow: 0 1px 14px rgba(118,149,255,.18); }
.demo-health { box-shadow: 0 0 0 1px rgba(65,109,255,.1),0 18px 40px -26px rgba(65,109,255,.4); }
.integration-card { background: linear-gradient(168deg,#fdfdfb 0%,#f6f7f3 62%,#f1f3ee 100%); border-color: rgba(14,21,37,.075); box-shadow: var(--depth-light-1); }
.integration-card::before { height: 3px; border-radius: 0 0 3px 3px; background: linear-gradient(90deg,var(--vast-blue),rgba(65,109,255,.15)); box-shadow: 0 6px 18px -4px rgba(65,109,255,.55); }
.integration-card__foot > i { background: linear-gradient(160deg,#f4f6f2,#dfe3df); box-shadow: 0 1px 0 rgba(255,255,255,.9) inset,0 10px 22px -14px rgba(18,26,44,.5); }
.integration-logo-row > span { background: linear-gradient(165deg,#fdfdfb,#f2f4f0); box-shadow: var(--depth-light-1); }
.plan { background: linear-gradient(168deg,#f4f6f5 0%,#e9ecea 100%); border-color: rgba(17,24,42,.11); box-shadow: var(--depth-light-1); }
.plan--enterprise { background: linear-gradient(168deg,#eef1f0 0%,#dfe4e4 100%); }
.plan--professional { background: radial-gradient(circle at 88% 4%,rgba(92,126,229,.26),transparent 32%),linear-gradient(155deg,#090e1b,#13234d); border-color: #2b4790; box-shadow: var(--glow-accent),0 46px 110px -44px rgba(9,18,44,.72); }
.plan--professional::after { border-color: rgba(120,152,255,.28); box-shadow: 0 0 60px rgba(65,109,255,.18); }
.plan__top > span { box-shadow: 0 1px 0 rgba(255,255,255,.85) inset; }
.process-list li,.faq-list > * { transition: background 260ms ease,border-color 260ms ease; }
.process-list li > span { color: #7d8aa8; }
.contact-form input,.contact-form textarea { box-shadow: 0 1px 0 rgba(255,255,255,.04) inset,0 12px 30px -22px rgba(0,0,0,.9); }
.contact-form button { box-shadow: var(--glow-accent); }
@media (hover:hover) and (pointer:fine) {
  .interface-card { transition: border-color 220ms ease,transform 260ms cubic-bezier(.16,1,.3,1),box-shadow 260ms ease; }
  .interface-card:hover { box-shadow: var(--depth-2),0 0 0 1px rgba(65,109,255,.18); }
  .integration-card:hover { border-color: rgba(65,109,255,.2); box-shadow: var(--depth-light-2),0 0 0 1px rgba(65,109,255,.14); }
  .integration-card:hover .integration-card__foot > i { background: linear-gradient(160deg,#eaeff9,#d8e0f5); }
  .plan { transition: transform 260ms cubic-bezier(.16,1,.3,1),box-shadow 260ms ease,border-color 220ms ease; }
  .plan:hover { transform: translateY(-4px); box-shadow: var(--depth-light-2); }
  .plan--professional:hover { box-shadow: var(--glow-accent),0 54px 120px -44px rgba(9,18,44,.8); }
  .process-list li:hover { border-top-color: rgba(111,145,255,.32); background: linear-gradient(90deg,rgba(65,109,255,.07),transparent 62%); }
  .demo-metrics article,.demo-board article > div { transition: box-shadow 240ms ease,border-color 240ms ease; }
  .demo-metrics article:hover,.demo-board article > div:hover { border-color: rgba(111,145,255,.26); box-shadow: 0 0 0 1px rgba(65,109,255,.12),0 22px 48px -24px rgba(65,109,255,.35); }
}
@media (prefers-reduced-motion:reduce) { .plan:hover,.interface-card:hover { transform: none; } }

/* Purposeful product scenes for Como trabalhamos */
.process-device-card,.process-mini-phone { color: #edf0eb; }
.process-device-card > header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; min-height: 43px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.08); background: #11151b; }
.process-device-card > header > span { display: flex; gap: 4px; }.process-device-card > header > span i { width: 5px; height: 5px; border-radius: 50%; background: #4a515b; }.process-device-card > header small { overflow: hidden; color: #69737c; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.process-device-card > header b { color: #7896ff; font-size: 7px; letter-spacing: .12em; }
.process-device-card__lead { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 11px; padding: 18px 18px 13px; }.process-device-card__lead > i,.process-context-person > b { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(101,133,239,.28); border-radius: 50%; background: #15214a; color: #a7b9f7; font-size: 9px; font-style: normal; }.process-device-card__lead p,.process-context-person p { display: grid; gap: 4px; margin: 0; }.process-device-card__lead strong,.process-context-person strong { font-size: 11px; font-weight: 500; }.process-device-card__lead small,.process-context-person small { color: #68737b; font-size: 7px; }.process-device-card__lead em { padding: 5px 7px; border: 1px solid rgba(65,109,255,.25); border-radius: 999px; color: #87a1f6; font-size: 6px; font-style: normal; }
.process-device-card__interest { margin: 0 18px; padding: 18px; border: 1px solid rgba(104,136,241,.2); border-radius: 18px; background: linear-gradient(145deg,#121a31,#0e131e); }.process-device-card__interest > span { color: #7288cb; font-size: 7px; letter-spacing: .13em; }.process-device-card__interest > strong { display: block; margin-top: 12px; font-size: 22px; font-weight: 400; line-height: 1.02; letter-spacing: -.045em; }.process-device-card__interest > div { display: flex; gap: 5px; margin-top: 22px; }.process-device-card__interest > div i { flex: 1; height: 4px; border-radius: 99px; background: #416dff; }.process-device-card__interest > div i:last-child { background: #283149; }
.process-device-card > footer { display: flex; justify-content: space-between; padding: 15px 18px; color: #68737b; font-size: 7px; }.process-device-card > footer strong { color: #aeb8b2; font-size: 8px; font-weight: 500; }
.process-mini-phone { padding: 13px; background: linear-gradient(160deg,#171c23,#0d1117); }.process-mini-phone > header { display: flex; justify-content: space-between; color: #8f9994; font-size: 7px; }.process-mini-phone > header i { width: 32px; height: 8px; border-radius: 99px; background: #050709; }.process-mini-phone__contact { display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 9px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.07); }.process-mini-phone__contact > b { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #e8eae6; color: #11161d; font-size: 8px; }.process-mini-phone__contact p { display: grid; gap: 3px; margin: 0; }.process-mini-phone__contact strong { font-size: 10px; }.process-mini-phone__contact small { color: #6e7872; font-size: 6px; }.process-mini-phone__messages { display: grid; gap: 7px; padding: 15px 0 12px; }.process-mini-phone__messages p { max-width: 86%; margin: 0; padding: 9px 10px; border-radius: 11px 11px 11px 3px; background: #252b29; color: #cbd1cd; font-size: 7px; line-height: 1.35; }.process-mini-phone__messages p:last-child { justify-self: end; border-radius: 11px 11px 3px 11px; background: #e8ebf5; color: #111a2c; }.process-mini-phone > footer { display: grid; grid-template-columns: 8px 1fr 24px; align-items: center; min-height: 30px; padding: 0 7px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: #69736e; font-size: 7px; }.process-mini-phone > footer > i { width: 6px; height: 6px; border: 1px solid #69736e; border-radius: 50%; }.process-mini-phone > footer > b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #416dff; color: #fff; }

.process-map.process-story { height: 760px; padding: 0; background: radial-gradient(40% 55% at 50% 44%,rgba(65,109,255,.09),transparent 78%),#090c11; }
.process-story__wire { z-index: 1; }.process-story__pulse { fill: #8ea7ff; filter: drop-shadow(0 0 7px #416dff); }
.process-story__steps { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(30px,5vw,74px); height: 100%; padding: 62px 54px 34px; }
.process-story-step { display: grid; align-content: start; min-width: 0; }.process-story-step--context { padding-top: 52px; }.process-story-step--action { padding-top: 4px; }
.process-story-phone { position: relative; display: flex; flex-direction: column; width: min(100%,310px); min-height: 382px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 34px; background: linear-gradient(165deg,#181c22,#0e1116); box-shadow: 0 28px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04); }
.process-story-phone::before { content: ""; position: absolute; z-index: 5; top: 9px; left: 50%; width: 72px; height: 19px; border-radius: 99px; background: #06080a; transform: translateX(-50%); }
.process-story-phone > header { display: flex; justify-content: space-between; align-items: center; min-height: 42px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.07); color: #8f9994; font-size: 7px; letter-spacing: .08em; }.process-story-phone > header > i { width: 25px; height: 7px; border-radius: 99px; background: linear-gradient(90deg,#5a6260 62%,#343a39 62%); }.process-story-phone > header > em { padding: 4px 7px; border-radius: 99px; background: rgba(65,109,255,.14); color: #88a2f9; font-size: 6px; font-style: normal; }
.process-story-contact,.process-context-person,.process-action-owner { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; padding: 19px 17px 13px; }.process-story-contact > b,.process-action-owner > b { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(65,109,255,.24); border-radius: 50%; background: #e8eae6; color: #10151d; font-size: 9px; }.process-story-contact p,.process-action-owner p { display: grid; gap: 4px; margin: 0; }.process-story-contact strong,.process-action-owner strong { font-size: 11px; }.process-story-contact small,.process-action-owner small { color: #6d7772; font-size: 7px; }
.process-story-chat { display: grid; gap: 8px; padding: 5px 17px 16px; }.process-story-chat p { max-width: 86%; margin: 0; padding: 11px 12px; border-radius: 13px 13px 13px 4px; background: #252b29; color: #cbd1cd; font-size: 8px; line-height: 1.42; }.process-story-chat p:nth-child(2) { justify-self: end; border-radius: 13px 13px 4px 13px; background: #e8ebf5; color: #111a2c; }.process-story-phone > footer { margin: auto 13px 13px; }
.process-story-step--capture .process-story-phone > footer { display: grid; grid-template-columns: 8px 1fr 27px; align-items: center; min-height: 38px; padding: 0 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; color: #69736e; font-size: 8px; }.process-story-step--capture .process-story-phone > footer i { width: 7px; height: 7px; border: 1px solid #69736e; border-radius: 50%; }.process-story-step--capture .process-story-phone > footer b { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #416dff; color: #fff; }
.process-context-person { grid-template-columns: 38px 1fr; }.process-story-step--context .process-story-phone { background: linear-gradient(160deg,#131a2b,#0c1018); }.process-story-step--context dl { margin: 4px 17px 0; }.process-story-step--context dl div { display: flex; justify-content: space-between; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.07); }.process-story-step--context dt,.process-story-step--context dd { margin: 0; color: #727d78; font-size: 8px; }.process-story-step--context dd { color: #d7dbd7; }
.process-match { margin: 15px 17px; padding: 13px; border: 1px solid rgba(65,109,255,.2); border-radius: 15px; background: rgba(65,109,255,.07); }.process-match span { display: block; color: #8da6f7; font-size: 7px; letter-spacing: .11em; }.process-match i { display: inline-block; width: 52px; height: 36px; margin: 11px 4px 0 0; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; background: linear-gradient(145deg,#29334d,#121723); }.process-match i:nth-of-type(2) { background: linear-gradient(145deg,#303949,#171c23); }.process-match i:nth-of-type(3) { background: linear-gradient(145deg,#203155,#101725); }
.process-action-owner { grid-template-columns: 38px 1fr auto; }.process-action-owner > em { padding: 5px 7px; border: 1px solid rgba(65,109,255,.25); border-radius: 999px; color: #89a3f7; font-size: 6px; font-style: normal; }.process-action-visit { margin: 5px 17px; padding: 21px 18px; border: 1px solid rgba(95,128,239,.28); border-radius: 19px; background: linear-gradient(145deg,#12204a,#101729); }.process-action-visit > small { color: #8099ed; font-size: 7px; letter-spacing: .12em; }.process-action-visit time { display: block; margin-top: 16px; font-size: 45px; line-height: .9; letter-spacing: -.06em; }.process-action-visit strong { display: block; margin-top: 15px; font-size: 13px; }.process-action-visit span { display: block; margin-top: 5px; color: #8290a7; font-size: 8px; }.process-story-step--action .process-story-phone > footer { display: grid; grid-template-columns: 8px 1fr; align-items: center; gap: 10px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.07); }.process-story-step--action .process-story-phone > footer > i { width: 7px; height: 7px; border-radius: 50%; background: #416dff; box-shadow: 0 0 0 5px rgba(65,109,255,.1); }.process-story-step--action .process-story-phone > footer p { display: grid; gap: 4px; margin: 0; }.process-story-step--action .process-story-phone > footer strong { font-size: 9px; }.process-story-step--action .process-story-phone > footer small { color: #6d7772; font-size: 7px; }
.process-story-copy { max-width: 330px; margin: 25px auto 0; }.process-story-copy > span { color: #7896ff; font-size: 8px; font-weight: 600; letter-spacing: .14em; }.process-story-copy > strong { display: block; margin-top: 13px; font-size: 22px; font-weight: 400; line-height: 1.04; letter-spacing: -.035em; }.process-story-copy > p { margin: 12px 0 0; color: #747e79; font-size: 10px; line-height: 1.55; }

.process-chapter__photo:is(.process-operation-board,.process-sync-board,.process-automation-board)::after { display: none; }
.process-operation-board,.process-sync-board,.process-automation-board { padding: 25px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(160deg,#151a21,#0c1015); color: #e9ece7; }
.process-operation-board > header,.process-sync-board > header,.process-automation-board > header { display: flex; justify-content: space-between; align-items: start; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.08); }.process-operation-board > header span,.process-sync-board > header span,.process-automation-board > header span { color: #758078; font-size: 8px; letter-spacing: .13em; }.process-operation-board > header strong,.process-sync-board > header strong,.process-automation-board > header strong { max-width: 250px; font-size: 22px; font-weight: 400; line-height: 1.05; text-align: right; }.process-operation-board > header i { width: 8px; height: 8px; border-radius: 50%; background: #416dff; }
.process-operation-board__channels { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 30px; }.process-operation-board__channels p { display: grid; justify-items: start; gap: 8px; margin: 0; padding: 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: #11161c; }.process-operation-board__channels b { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(65,109,255,.25); border-radius: 9px; color: #8ca4f5; font-size: 8px; }.process-operation-board__channels span { color: #c4cac5; font-size: 9px; }.process-operation-board__channels em { color: #6f7974; font-size: 7px; font-style: normal; }
.process-operation-board__flow { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; align-items: center; gap: 7px; margin-top: 55px; }.process-operation-board__flow span { display: grid; place-items: center; min-height: 58px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; color: #aeb6b1; font-size: 9px; }.process-operation-board__flow i { height: 1px; background: #416dff; }.process-operation-board__flow i.is-broken { background: repeating-linear-gradient(90deg,#416dff 0 5px,transparent 5px 10px); }.process-operation-board > footer { position: absolute; right: 25px; bottom: 25px; left: 25px; display: flex; justify-content: space-between; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); }.process-operation-board > footer strong { font-size: 10px; }.process-operation-board > footer span { color: #758078; font-size: 8px; }
.process-sync-board { border-color: rgba(13,19,36,.13); background: linear-gradient(150deg,#f8f9f5,#dde2df); color: #0e162a; }.process-sync-board > header { border-color: rgba(13,19,36,.11); }.process-sync-board > header span { color: #64706b; }.process-sync-board__hub { position: absolute; top: 44%; left: 50%; display: grid; place-items: center; width: 112px; aspect-ratio: 1; border: 1px solid rgba(37,75,181,.2); border-radius: 32px; background: #11275f; box-shadow: 0 20px 50px rgba(18,42,101,.18); transform: translate(-50%,-50%); }.process-sync-board__hub img { width: 45px; filter: brightness(0) invert(1); opacity: .9; }.process-sync-board__hub span { margin-top: 6px; color: #a9baf0; font-size: 7px; letter-spacing: .16em; }.process-sync-board__nodes { display: grid; grid-template-columns: repeat(3,1fr); gap: 128px; align-items: center; margin-top: 110px; }.process-sync-board__nodes p { position: relative; z-index: 2; display: grid; justify-items: center; gap: 6px; margin: 0; }.process-sync-board__nodes p::after { content: ""; position: absolute; z-index: -1; top: 20px; left: 50%; width: 190px; height: 1px; background: rgba(49,91,223,.28); transform: translateX(-50%); }.process-sync-board__nodes b { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(31,60,142,.15); border-radius: 14px; background: #fff; color: #315bdf; font-size: 9px; }.process-sync-board__nodes span { color: #273248; font-size: 9px; }.process-sync-board__nodes em { color: #707a76; font-size: 7px; font-style: normal; }.process-sync-board > footer { position: absolute; right: 25px; bottom: 25px; left: 25px; display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 9px; padding-top: 17px; border-top: 1px solid rgba(13,19,36,.12); }.process-sync-board > footer i { width: 7px; height: 7px; border-radius: 50%; background: #315bdf; }.process-sync-board > footer span { color: #273248; font-size: 9px; }.process-sync-board > footer small { color: #707a76; font-size: 8px; }
.process-automation-board > header { display: grid; grid-template-columns: 1fr auto; gap: 9px; }.process-automation-board > header strong { grid-column: 1 / -1; max-width: none; text-align: left; }.process-automation-board > header em { grid-column: 2; grid-row: 1; padding: 5px 8px; border: 1px solid rgba(65,109,255,.22); border-radius: 999px; color: #89a3f7; font-size: 6px; font-style: normal; }.process-automation-board ol { margin: 26px 0 0; padding: 0; list-style: none; }.process-automation-board li { display: grid; grid-template-columns: 42px 8px 1fr auto; align-items: center; gap: 11px; min-height: 74px; border-top: 1px solid rgba(255,255,255,.07); }.process-automation-board li time { color: #737d78; font-size: 8px; }.process-automation-board li > i { width: 7px; height: 7px; border-radius: 50%; background: #416dff; box-shadow: 0 0 0 5px rgba(65,109,255,.08); }.process-automation-board li p { display: grid; gap: 5px; margin: 0; }.process-automation-board li p strong { font-size: 10px; }.process-automation-board li p small { color: #6f7974; font-size: 7px; }.process-automation-board li > em { color: #7d97ec; font-size: 7px; font-style: normal; }.process-automation-board > footer { position: absolute; right: 25px; bottom: 25px; left: 25px; display: grid; grid-template-columns: 1fr auto; align-items: end; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.08); }.process-automation-board > footer span { color: #78827d; font-size: 8px; }.process-automation-board > footer strong { font-size: 28px; font-weight: 400; }.process-automation-board > footer small { grid-column: 2; color: #6f7974; font-size: 7px; }

@media (hover:hover) and (pointer:fine) {
  .process-story-phone { transition: transform 360ms cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease; }
  .process-story-step:hover .process-story-phone { border-color: rgba(107,139,245,.35); box-shadow: 0 34px 95px rgba(0,0,0,.42),0 0 0 1px rgba(65,109,255,.05); transform: translateY(-8px); }
}

@media (max-width:720px) {
  .process-device-card__interest > strong { font-size: 18px; }.process-device-card__lead { grid-template-columns: 32px 1fr; }.process-device-card__lead > em { display: none; }
  .process-map.process-story { display: block; height: auto; padding: 18px; }.process-story__wire { display: none; }.process-story__steps { display: grid; grid-template-columns: 1fr; gap: 52px; height: auto; padding: 18px 0; }.process-story__steps::before { content: ""; position: absolute; top: 48px; bottom: 48px; left: 50%; width: 1px; background: rgba(65,109,255,.25); }.process-story__steps::after { content: ""; position: absolute; top: 48px; left: calc(50% - 3px); width: 7px; height: 7px; border-radius: 50%; background: #8ea7ff; box-shadow: 0 0 10px #416dff; animation: process-story-mobile-pulse 7s linear infinite; }.process-story-step,.process-story-step--context,.process-story-step--action { position: relative; z-index: 2; padding-top: 0; transform: none !important; }.process-story-phone { min-height: 370px; background-color: #0e1116; }.process-story-copy { margin-top: 22px; padding: 0 6px; }.process-story-copy > strong { font-size: 21px; }.process-story-copy > p { font-size: 10px; }
  .process-operation-board,.process-sync-board,.process-automation-board { height: 390px !important; padding: 17px; }.process-operation-board > header strong,.process-sync-board > header strong,.process-automation-board > header strong { font-size: 17px; }.process-operation-board__channels { gap: 5px; }.process-operation-board__channels p { padding: 10px; }.process-operation-board__channels em { display: none; }.process-operation-board__flow { grid-template-columns: 1fr 20px 1fr 20px 1fr; margin-top: 38px; }.process-operation-board > footer,.process-sync-board > footer,.process-automation-board > footer { right: 17px; bottom: 17px; left: 17px; }.process-operation-board > footer span { max-width: 150px; text-align: right; }
  .process-sync-board__nodes { gap: 52px; margin-top: 90px; }.process-sync-board__nodes p::after { width: 90px; }.process-sync-board__hub { width: 92px; }.process-sync-board__hub img { width: 36px; }
  .process-automation-board li { grid-template-columns: 35px 7px 1fr; min-height: 66px; }.process-automation-board li > em { display: none; }
}

@keyframes process-story-mobile-pulse { from { transform: translateY(0); } to { transform: translateY(calc(100% + 1110px)); } }
@media (prefers-reduced-motion:reduce) { .process-story__pulse,.process-story__steps::after { display: none !important; } }

/* Operational states — four deliberately different compositions. */
.operation-stage { min-height: 640px; background: #0a0c0c; }
.operation-panel { min-height: 638px; }
.conversation-editorial { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(180px,.55fr); grid-template-rows: auto 1fr; gap: 44px; min-height: 550px; }
.conversation-editorial__copy { align-self: start; max-width: 520px; }
.conversation-editorial__copy > span { display: block; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.12); color: #7b8580; font-size: 11px; }
.conversation-editorial__copy h3 { margin: 42px 0 0; font: 500 clamp(48px,5.1vw,76px)/.89 "Manrope",sans-serif; letter-spacing: -.07em; }
.conversation-editorial__copy p { max-width: 440px; margin: 30px 0 0; color: #878f8b; font-size: 14px; line-height: 1.6; }
.conversation-editorial__signal { align-self: start; padding-top: 4px; border-top: 1px solid #416dff; }
.conversation-editorial__signal strong { display: block; margin-top: 22px; color: #edf0eb; font: 500 clamp(86px,9vw,132px)/.72 "Manrope",sans-serif; letter-spacing: -.08em; }
.conversation-editorial__signal span { display: block; max-width: 150px; margin-top: 28px; color: #747d78; font-size: 11px; line-height: 1.45; }
.conversation-editorial ol { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); align-self: end; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.12); list-style: none; }
.conversation-editorial li { display: grid; gap: 25px; min-height: 105px; padding: 18px 16px 0 0; border-right: 1px solid rgba(255,255,255,.08); }
.conversation-editorial li + li { padding-left: 16px; }.conversation-editorial li:last-child { border-right: 0; }
.conversation-editorial li span { color: #5c6661; font-size: 9px; }.conversation-editorial li b { align-self: end; color: #d9ded9; font-size: 12px; font-weight: 500; }

.funnel-architecture { display: grid; grid-template-columns: minmax(0,.78fr) minmax(260px,1fr); grid-template-rows: auto 1fr; gap: 34px 58px; min-height: 550px; }
.funnel-architecture__intro h3 { max-width: 420px; margin: 0; font: 500 clamp(45px,4.8vw,70px)/.9 "Manrope",sans-serif; letter-spacing: -.068em; }
.funnel-architecture__intro p { max-width: 390px; margin: 28px 0 0; color: #838b87; font-size: 14px; line-height: 1.58; }
.funnel-architecture__total { align-self: end; text-align: right; }.funnel-architecture__total strong { display: block; font: 500 clamp(92px,11vw,150px)/.7 "Manrope",sans-serif; letter-spacing: -.09em; }.funnel-architecture__total span { display: block; margin-top: 32px; color: #747d78; font-size: 11px; }
.funnel-architecture ol { grid-column: 1 / -1; display: grid; gap: 10px; align-self: end; margin: 0; padding: 0; list-style: none; }
.funnel-architecture li { display: grid; grid-template-columns: 112px 1fr 30px; align-items: center; gap: 15px; color: #afb6b2; font-size: 11px; }
.funnel-architecture li::before { content: ""; grid-column: 2; grid-row: 1; width: calc(var(--stage) * 100%); height: clamp(14px,2vw,26px); border-left: 2px solid #416dff; background: rgba(255,255,255,.065); }
.funnel-architecture li b { grid-column: 1; grid-row: 1; font-weight: 500; }.funnel-architecture li span { grid-column: 3; grid-row: 1; color: #6e7772; text-align: right; }
.funnel-architecture__note { position: absolute; top: 44px; right: 42px; display: flex; align-items: start; gap: 12px; }.funnel-architecture__note i { width: 28px; height: 1px; margin-top: 7px; background: #416dff; }.funnel-architecture__note p { display: grid; gap: 5px; margin: 0; }.funnel-architecture__note strong { font-size: 10px; font-weight: 500; }.funnel-architecture__note span { color: #6e7772; font-size: 9px; }

.agenda-composition { position: relative; display: grid; grid-template-columns: minmax(310px,.9fr) minmax(250px,.7fr); gap: 58px; align-items: center; min-height: 550px; }
.agenda-composition__clock { position: relative; display: grid; place-content: center; width: min(100%,410px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.agenda-composition__clock::before { content: ""; position: absolute; inset: 10%; border: 1px solid rgba(65,109,255,.3); border-radius: 50%; }
.agenda-composition__clock > span { color: #747d78; font-size: 11px; }.agenda-composition__clock > strong { margin-top: 12px; font: 500 clamp(70px,8vw,112px)/.8 "Manrope",sans-serif; letter-spacing: -.09em; }.agenda-composition__clock > p { margin: 24px 0 0; color: #d7dcd7; font-size: 13px; }
.agenda-composition__clock > i { position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #416dff; transform: rotate(var(--turn)) translateY(-192px); transform-origin: 0 0; }.agenda-composition__clock > i:nth-of-type(1) { --turn:38deg; }.agenda-composition__clock > i:nth-of-type(2) { --turn:153deg; }.agenda-composition__clock > i:nth-of-type(3) { --turn:278deg; }
.agenda-composition ol { margin: 0; padding: 0; list-style: none; }.agenda-composition li { display: grid; grid-template-columns: 58px 1fr; gap: 18px; min-height: 86px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.1); color: #7b837f; }.agenda-composition li time { font: 500 14px/1 "Manrope",sans-serif; }.agenda-composition li span { font-size: 12px; }.agenda-composition li.is-current { color: #edf0eb; }.agenda-composition li.is-current time { color: #7896ff; }
.agenda-composition .agenda-line { position: absolute; right: 0; bottom: 4px; width: 45%; margin: 0; padding: 13px 0; border: 0; border-top: 1px solid rgba(255,255,255,.16); background: transparent; color: #d6dbd6; font-size: 10px; text-transform: none; }.agenda-composition .agenda-line b { color: #7896ff; font-size: 14px; }

.routing-composition { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 180px; gap: 32px 54px; min-height: 550px; }
.routing-composition::before { content: ""; position: absolute; right: -18%; bottom: -48%; width: 72%; aspect-ratio: 1; border: 1px solid rgba(65,109,255,.22); border-radius: 50%; }
.routing-composition__intro { position: relative; z-index: 1; }.routing-composition__intro h3 { max-width: 540px; margin: 0; font: 500 clamp(48px,5.2vw,76px)/.89 "Manrope",sans-serif; letter-spacing: -.07em; }.routing-composition__intro p { max-width: 480px; margin: 28px 0 0; color: #858d89; font-size: 14px; line-height: 1.58; }
.routing-composition__metric { position: relative; z-index: 1; align-self: start; padding-top: 14px; border-top: 1px solid #416dff; }.routing-composition__metric strong { display: block; font: 500 68px/.8 "Manrope",sans-serif; letter-spacing: -.08em; }.routing-composition__metric span { display: block; margin-top: 22px; color: #737c77; font-size: 10px; line-height: 1.4; }
.routing-composition .route-demo { position: relative; z-index: 1; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 70px 1fr 70px 1fr; align-items: end; gap: 0; margin: 30px 0 0; padding: 0 0 55px; border-bottom: 1px solid rgba(255,255,255,.12); }
.routing-composition .route-demo > div { display: grid; gap: 12px; min-width: 0; padding: 0; border: 0; background: transparent; }.routing-composition .route-demo > div span { color: #65706a; font-size: 9px; }.routing-composition .route-demo b { color: #e4e8e4; font: 500 clamp(21px,2.2vw,31px)/1 "Manrope",sans-serif; letter-spacing: -.04em; }
.routing-composition .route-demo > i { height: 1px; margin: 0 14px 10px; background: linear-gradient(90deg,#416dff,rgba(65,109,255,.18)); }
.routing-composition .route-trigger { position: relative; z-index: 1; grid-column: 1 / -1; align-self: end; width: fit-content; margin: 0; padding: 10px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.25); text-transform: none; }
.routing-card.is-routing .route-demo > div { animation: route-swap 700ms cubic-bezier(.16,1,.3,1); }

/* Process-page repair: component footers and actual tool marks. */
.process-main footer { background: transparent; }
.process-device-card > header small { display: flex; align-items: center; gap: 6px; }.process-device-card > header small img { width: 11px; height: 11px; object-fit: contain; }
.process-mini-phone__contact > b { overflow: hidden; background: #fff; }.process-mini-phone__contact > b img { width: 18px; height: 18px; object-fit: contain; }
.process-operation-board__channels b { background: #f6f7f3; }.process-operation-board__channels b img { width: 17px; height: 17px; object-fit: contain; }
.process-tool-glyph { grid-template-columns: repeat(3,3px); align-content: end; justify-content: center; gap: 2px; }.process-tool-glyph > i { display: block; width: 3px; border-radius: 2px 2px 0 0; background: #416dff; }.process-tool-glyph > i:nth-child(1) { height: 8px; }.process-tool-glyph > i:nth-child(2) { height: 14px; }.process-tool-glyph > i:nth-child(3) { height: 11px; }
.process-sync-board__hub { overflow: hidden; }.process-sync-board__hub img { display: block; width: 48px; height: 48px; object-fit: contain; filter: none; }
.process-sync-board__nodes b { overflow: hidden; }.process-sync-board__nodes b img { display: block; width: 24px; height: 24px; object-fit: contain; }.process-sync-board__nodes p:nth-child(2) b img { width: 27px; height: 27px; }
.process-route-card li > i { display: grid; place-items: center; overflow: hidden; }.process-route-card li > i img { display: block; width: 17px; height: 17px; object-fit: contain; }.process-route-card li:nth-child(2) > i img { width: 20px; height: 20px; }
.process-sync-board > footer,.process-automation-board > footer,.process-operation-board > footer,.process-device-card > footer,.process-mini-phone > footer,.process-story-phone > footer { background: transparent; }

@media (max-width:720px) {
  .operation-stage { min-height: 590px; border-radius: 24px; }.operation-panel { min-height: 588px; padding: 24px 20px; }
  .conversation-editorial { display: flex; flex-direction: column; gap: 28px; min-height: 540px; }.conversation-editorial__copy h3 { margin-top: 28px; font-size: clamp(43px,12.5vw,56px); }.conversation-editorial__copy p { margin-top: 20px; font-size: 12px; }.conversation-editorial__signal { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 18px; }.conversation-editorial__signal strong { margin-top: 15px; font-size: 72px; }.conversation-editorial__signal span { margin: 0 0 4px; }.conversation-editorial ol { grid-template-columns: 1fr 1fr; margin-top: auto; }.conversation-editorial li { min-height: 70px; gap: 12px; padding-top: 12px; }.conversation-editorial li:nth-child(2) { border-right: 0; }.conversation-editorial li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.08); }
  .funnel-architecture { display: flex; flex-direction: column; gap: 28px; min-height: 540px; }.funnel-architecture__intro h3 { font-size: 44px; }.funnel-architecture__intro p { margin-top: 20px; font-size: 12px; }.funnel-architecture__total { text-align: left; }.funnel-architecture__total strong { font-size: 86px; }.funnel-architecture__total span { margin-top: 18px; }.funnel-architecture ol { width: 100%; margin-top: auto; }.funnel-architecture li { grid-template-columns: 78px 1fr 22px; }.funnel-architecture__note { display: none; }
  .agenda-composition { display: flex; flex-direction: column; gap: 24px; min-height: 540px; }.agenda-composition__clock { width: 280px; }.agenda-composition__clock > strong { font-size: 74px; }.agenda-composition__clock > i { transform: rotate(var(--turn)) translateY(-131px); }.agenda-composition ol { width: 100%; }.agenda-composition li { min-height: 58px; padding: 14px 0; }.agenda-composition .agenda-line { position: static; width: 100%; margin-top: auto; }
  .routing-composition { display: flex; flex-direction: column; min-height: 540px; }.routing-composition__intro h3 { font-size: 43px; }.routing-composition__intro p { margin-top: 20px; font-size: 12px; }.routing-composition__metric { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 18px; }.routing-composition__metric strong { font-size: 58px; }.routing-composition__metric span { margin: 0 0 3px; }.routing-composition .route-demo { grid-template-columns: 1fr; gap: 13px; width: 100%; margin-top: auto; padding-bottom: 24px; }.routing-composition .route-demo > i { width: 1px; height: 16px; margin: 0 0 0 4px; background: #416dff; }.routing-composition .route-demo b { font-size: 22px; }.routing-composition .route-trigger { margin-top: 0; }
}

/* Typography, rhythm and automatic 01—04 progression. */
.operation-workbench { --operation-duration: 4800ms; }
.operation-index { display: grid; gap: 9px; border: 0; }
.operation-index button { min-height: 112px; overflow: hidden; padding: 18px 20px; border: 1px solid rgba(255,255,255,.075); border-radius: 22px; background: #0c0f0f; }
.operation-index button::before { top: 0; left: 20px; width: 58px; }
.operation-index button::after { content: ""; position: absolute; top: 0; left: 20px; width: calc(100% - 40px); height: 1px; background: #416dff; transform: scaleX(0); transform-origin: left; }
.operation-index button[aria-selected="true"] { background: #121616; }
.operation-index button[aria-selected="true"]::before { transform: none; }
.operation-workbench.is-cycling .operation-index button[aria-selected="true"]::after { animation: operation-progress var(--operation-duration) linear both; }
.operation-index button > span { padding-top: 2px; font-size: 12px; }
.operation-index button[aria-selected="true"] > span { animation: operation-number-in 420ms cubic-bezier(.16,1,.3,1); }
.operation-index strong { font-size: clamp(19px,1.55vw,23px); line-height: 1.08; letter-spacing: -.035em; }
.operation-index small { margin-top: 2px; font-size: 12px; line-height: 1.42; }
@keyframes operation-progress { to { transform: scaleX(1); } }
@keyframes operation-number-in { from { opacity: .25; transform: translateY(8px); } }
.operation-stage { border-radius: 34px; }
.operation-panel { padding: clamp(30px,3.2vw,48px); }
.conversation-editorial__copy h3,.funnel-architecture__intro h3,.routing-composition__intro h3 { font-size: clamp(42px,3.65vw,58px); line-height: .94; letter-spacing: -.058em; }
.conversation-editorial__copy > span { font-size: 13px; }.conversation-editorial__copy p,.funnel-architecture__intro p,.routing-composition__intro p { font-size: 15px; }
.conversation-editorial__signal strong { font-size: clamp(78px,7.2vw,106px); }
.conversation-editorial ol { gap: 10px; border: 0; }
.conversation-editorial li,.conversation-editorial li + li { min-height: 112px; padding: 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: #121616; }
.conversation-editorial li span { font-size: 11px; }.conversation-editorial li b { font-size: 13px; }
.funnel-architecture__total strong { font-size: clamp(82px,8vw,118px); }
.agenda-composition__clock > strong { font-size: clamp(66px,6.7vw,94px); }

@media (max-width:720px) {
  .operation-index { gap: 7px; }.operation-index button { min-height: 102px; padding: 16px; border-radius: 18px; }.operation-index button::after { left: 16px; width: calc(100% - 32px); }.operation-index strong { font-size: 19px; }.operation-index small { font-size: 11px; }
  .conversation-editorial__copy h3,.funnel-architecture__intro h3,.routing-composition__intro h3 { font-size: clamp(38px,10.8vw,48px); }
  .conversation-editorial__copy > span { font-size: 11px; }.conversation-editorial__copy p,.funnel-architecture__intro p,.routing-composition__intro p { font-size: 13px; }
  .conversation-editorial ol { gap: 7px; }.conversation-editorial li,.conversation-editorial li + li { min-height: 78px; padding: 12px; border-radius: 14px; }
}
@media (prefers-reduced-motion:reduce) { .operation-workbench.is-cycling .operation-index button[aria-selected="true"]::after { animation: none; transform: scaleX(1); } }

/* Process typography and metric cards. */
.process-hero h1 { font-size: clamp(64px,6.3vw,96px); line-height: .91; letter-spacing: -.058em; }
.process-section-heading h2 { font-size: clamp(54px,5.7vw,84px); line-height: .94; letter-spacing: -.058em; }
.process-chapter__copy h2 { font-size: clamp(50px,5.2vw,78px); line-height: .94; letter-spacing: -.058em; }
.process-kicker { font-size: 10px; letter-spacing: .13em; }
.process-hero__copy > span,.process-section-heading > span,.process-chapter__copy > span { font-size: 16px; line-height: 1.62; }
.process-chapter__copy dt { font-size: 11px; }.process-chapter__copy dd { font-size: 13px; line-height: 1.45; }
.process-operation-board > header span,.process-sync-board > header span,.process-automation-board > header span { font-size: 10px; }
.process-operation-board > header strong,.process-sync-board > header strong,.process-automation-board > header strong { font-size: 24px; }
.process-operation-board__channels span { font-size: 11px; }.process-operation-board__channels em { font-size: 9px; }
.process-operation-board__flow span { font-size: 11px; }
.process-operation-board > footer { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0; border: 0; }
.process-operation-board > footer > strong,.process-operation-board > footer > span { display: grid; align-content: end; min-height: 82px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 16px; background: #13181d; }
.process-operation-board > footer b { color: #edf0eb; font: 500 26px/.9 "Manrope",sans-serif; letter-spacing: -.055em; }
.process-operation-board > footer strong span,.process-operation-board > footer small { margin-top: 9px; color: #818b86; font-size: 10px; font-weight: 400; line-height: 1.25; }
.process-sync-board > footer span { font-size: 11px; }.process-sync-board > footer small { font-size: 10px; }
.process-automation-board li p strong { font-size: 12px; }.process-automation-board li p small,.process-automation-board li > em,.process-automation-board li time { font-size: 9px; }
.process-route-card > span,.process-audit-card > span,.process-rule-card > header span { font-size: 9px; }.process-route-card li b { font-size: 11px; }.process-route-card li em { font-size: 9px; }

@media (max-width:720px) {
  .process-hero h1 { font-size: clamp(48px,13.2vw,62px); }.process-section-heading h2,.process-chapter__copy h2 { font-size: clamp(42px,11.8vw,56px); }
  .process-hero__copy > span,.process-section-heading > span,.process-chapter__copy > span { font-size: 14px; }
  .process-operation-board > footer > strong,.process-operation-board > footer > span { min-height: 72px; padding: 11px; }.process-operation-board > footer b { font-size: 22px; }.process-operation-board > footer strong span,.process-operation-board > footer small { font-size: 8px; }
}

/* ===== Como trabalhamos — correções de composição (2026-08) ===== */
@media (min-width: 769px) {
  .route-comotrabalhamos .process-chapter { min-height: 0; padding-block: 120px; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) { display: flex; flex-direction: column; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > header { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 10px; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > header strong { grid-column: 1; max-width: 62%; text-align: left; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > header span { grid-column: 1; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > header :is(i,b,em) { grid-column: 2; grid-row: 1; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > footer { position: static; margin-top: auto; right: auto; bottom: auto; left: auto; }
  .route-comotrabalhamos :is(.process-operation-board__channels,.process-operation-board__flow,.process-automation-board ol,.process-sync-board__nodes) { flex: none; }
  .route-comotrabalhamos .process-automation-board ol { margin-top: 18px; margin-bottom: auto; }
  .route-comotrabalhamos .process-operation-board__flow { margin-block: auto; }
  .route-comotrabalhamos .process-automation-board > footer { grid-template-columns: 1fr auto; align-items: end; row-gap: 2px; padding-top: 16px; }
  .route-comotrabalhamos .process-automation-board > footer span { justify-self: start; align-self: end; text-align: left; }
  .route-comotrabalhamos .process-automation-board > footer strong { justify-self: end; line-height: 1; }
  .route-comotrabalhamos .process-automation-board > footer small { justify-self: end; }
  .route-comotrabalhamos :is(.process-audit-card,.process-route-card,.process-rule-card) { top: -3%; right: -2%; }
  .route-comotrabalhamos :is(.process-scene-note,.process-match-card,.process-success-card) { bottom: -7%; left: -1%; }
  .route-comotrabalhamos .process-sync-board__hub { position: relative; top: auto; left: auto; align-self: center; margin: auto auto 0; transform: none; }
  .route-comotrabalhamos .process-sync-board__nodes { margin: 34px 0 auto; align-items: start; }
}

@media (max-width: 768px) {
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) { display: flex; flex-direction: column; height: auto !important; min-height: 390px; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > footer { position: static; margin-top: auto; right: auto; bottom: auto; left: auto; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > header { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > header strong { grid-column: 1 / -1; text-align: left; max-width: none; }
  .route-comotrabalhamos :is(.process-operation-board,.process-sync-board,.process-automation-board) > header :is(i,em) { grid-column: 2; grid-row: 1; }
  .route-comotrabalhamos .process-automation-board > footer { grid-template-columns: 1fr auto; align-items: end; row-gap: 2px; margin-top: 18px; padding-top: 14px; }
  .route-comotrabalhamos .process-automation-board > footer span { justify-self: start; text-align: left; }
  .route-comotrabalhamos .process-automation-board > footer :is(strong,small) { justify-self: end; }
  .route-comotrabalhamos .process-sync-board__hub { position: relative; top: auto; left: auto; align-self: center; margin: 26px auto 0; transform: none; }
  .route-comotrabalhamos .process-sync-board__nodes { margin-top: 26px; }
  .route-comotrabalhamos .process-operation-board > footer :is(strong,span) { display: grid; gap: 4px; justify-items: start; }
  .route-comotrabalhamos .process-operation-board > footer :is(span,small) { max-width: none; text-align: left; }
}

/* Flow legibility: a direct three-step path, without the decorative center tile. */
.process-sync-board__nodes {
  position: relative;
  gap: clamp(28px,7vw,96px);
  margin-top: clamp(78px,16%,112px);
}
.process-sync-board__nodes::before {
  content: "";
  position: absolute;
  top: 22px;
  right: 11%;
  left: 11%;
  height: 1px;
  background: linear-gradient(90deg,rgba(49,91,223,.08),rgba(49,91,223,.52),rgba(49,91,223,.08));
}
.process-sync-board__nodes p::after { display: none; }
.process-sync-board__nodes b { position: relative; z-index: 1; }
.process-sync-board > footer { grid-template-columns: 8px auto 1fr; }
.process-sync-board > footer span,.process-sync-board > footer small { white-space: nowrap; }
.process-sync-board > footer small { justify-self: end; text-align: right; }

.process-automation-board > footer {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  padding: 0;
  border: 0;
}
.route-comotrabalhamos .process-automation-board > footer {
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: stretch;
  gap: 10px;
  margin-top: auto;
  padding: 0;
}
.process-automation-board > footer > span {
  display: grid;
  align-content: end;
  min-width: 0;
  min-height: 74px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: #13181d;
  text-align: left;
}
.process-automation-board > footer b {
  color: #edf0eb;
  font: 500 25px/.95 "Manrope",sans-serif;
  letter-spacing: -.045em;
  white-space: nowrap;
}
.process-automation-board > footer small {
  grid-column: auto;
  margin-top: 8px;
  color: #818b86;
  font-size: 9px;
  line-height: 1.25;
  white-space: normal;
}
.route-comotrabalhamos .process-automation-board > footer > span {
  justify-self: stretch;
  align-self: stretch;
}
.route-comotrabalhamos .process-automation-board > footer small { justify-self: start; }

@media (max-width:720px) {
  .process-sync-board__nodes { gap: 16px; margin-top: 78px; }
  .process-sync-board__nodes::before { right: 13%; left: 13%; }
  .process-sync-board > footer { grid-template-columns: 7px auto 1fr; gap: 7px; }
  .process-sync-board > footer span,.process-sync-board > footer small { font-size: 8px; }
  .process-automation-board > footer > span { min-height: 65px; padding: 10px 11px; border-radius: 13px; }
  .process-automation-board > footer b { font-size: 21px; }
  .process-automation-board > footer small { font-size: 8px; }
  .route-comotrabalhamos .process-automation-board > footer { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; padding: 0; }
  .route-comotrabalhamos .process-automation-board > footer > span { justify-self: stretch; text-align: left; }
  .route-comotrabalhamos .process-automation-board > footer small { justify-self: start; }
}

/* Como trabalhamos — editorial operation story. */
.process-narrative {
  position: relative;
  padding: clamp(110px,12vw,180px) max(22px,calc((100vw - 1240px)/2));
  overflow: clip;
  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #07090c;
  color: #eef0ec;
}
.process-narrative::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 1px);
  width: 1px;
  background: rgba(65,109,255,.08);
  pointer-events: none;
}
.process-narrative__intro { position: relative; z-index: 1; max-width: 930px; margin: 0 0 clamp(54px,7vw,92px); }
.process-narrative__intro h2 { max-width: 860px; }
.process-narrative__intro > span { max-width: 630px; }
.process-narrative__frame {
  --story-duration: 4800ms;
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 36px;
  background: #0b0e13;
  box-shadow: 0 34px 100px rgba(0,0,0,.34);
}
.process-narrative__rail { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 28px; border-bottom: 1px solid rgba(255,255,255,.08); }
.process-narrative__rail button {
  position: relative;
  display: grid;
  gap: 8px;
  min-width: 0;
  min-height: 86px;
  padding: 22px 8px 17px;
  border: 0;
  background: transparent;
  color: #626b68;
  cursor: pointer;
  text-align: left;
}
.process-narrative__rail button::before,.process-narrative__rail button::after { content: ""; position: absolute; right: 8px; bottom: -1px; left: 8px; height: 1px; }
.process-narrative__rail button::before { background: rgba(255,255,255,.1); }
.process-narrative__rail button::after { background: #416dff; transform: scaleX(0); transform-origin: left; }
.process-narrative__rail button span { font-size: 9px; letter-spacing: .13em; }
.process-narrative__rail button strong { overflow: hidden; font: 500 13px/1.1 "Manrope",sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.process-narrative__rail button[aria-selected="true"] { color: #eef0ec; }
.process-narrative__rail button[aria-selected="true"]::after { transform: scaleX(1); }
.process-narrative__frame.is-playing .process-narrative__rail button[aria-selected="true"]::after { animation: process-story-progress var(--story-duration) linear both; }
.process-narrative__viewport { position: relative; min-height: clamp(590px,49vw,680px); touch-action: pan-y; }
.process-story-panel {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0,.84fr) minmax(420px,1.16fr);
  align-items: center;
  gap: clamp(42px,6vw,94px);
  padding: clamp(44px,5.5vw,78px);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(22px,0,0);
  transition: opacity 480ms ease,transform 660ms cubic-bezier(.16,1,.3,1);
}
.process-story-panel.is-active { z-index: 2; opacity: 1; pointer-events: auto; transform: none; }
.process-story-panel__copy { position: relative; z-index: 2; align-self: center; }
.process-story-panel__copy > span { display: block; color: #7896ff; font-size: 9px; font-weight: 600; letter-spacing: .15em; }
.process-story-panel__copy h3 { max-width: 570px; margin: 26px 0 0; font: 500 clamp(42px,4.4vw,68px)/.92 "Manrope",sans-serif; letter-spacing: -.062em; text-wrap: balance; }
.process-story-panel__copy p { max-width: 500px; margin: 30px 0 0; color: #8a938e; font-size: 14px; line-height: 1.62; }

.process-story-panel--opening { grid-template-columns: minmax(0,1fr) minmax(390px,.82fr); }
.story-mark { position: relative; display: grid; place-items: center; width: min(100%,470px); aspect-ratio: 1; justify-self: end; }
.story-mark::before,.story-mark::after,.story-mark > i { content: ""; position: absolute; border: 1px solid rgba(65,109,255,.16); border-radius: 50%; }
.story-mark::before { inset: 1%; }.story-mark::after { inset: 13%; }.story-mark > i:nth-of-type(1) { inset: 26%; border-color: rgba(255,255,255,.08); }
.story-mark > i:nth-of-type(2) { top: 50%; right: 1%; left: 1%; border: 0; border-top: 1px solid rgba(65,109,255,.18); border-radius: 0; }
.story-mark > i:nth-of-type(3) { top: 1%; bottom: 1%; left: 50%; border: 0; border-left: 1px solid rgba(65,109,255,.1); border-radius: 0; }
.story-mark img { position: relative; z-index: 1; width: 54%; height: 54%; object-fit: contain; opacity: .18; animation: process-mark-breathe 14s ease-in-out infinite alternate; }

.story-response { align-self: center; min-width: 0; padding: clamp(26px,3vw,42px); border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: #10141a; }
.story-response header { display: flex; justify-content: space-between; align-items: end; gap: 28px; padding-bottom: 28px; border-bottom: 1px solid rgba(255,255,255,.09); }
.story-response header span { max-width: 150px; color: #76807b; font-size: 10px; line-height: 1.4; }
.story-response header strong { color: #eef0ec; font: 500 clamp(52px,5.3vw,82px)/.78 "Manrope",sans-serif; letter-spacing: -.075em; }
.story-response ol { display: grid; margin: 0; padding: 10px 0 0; list-style: none; }
.story-response li { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.story-response li:last-child { border-bottom: 0; }
.story-response time { color: #65706b; font-size: 9px; }
.story-response p { margin: 0; color: #c9cec9; font-size: 13px; line-height: 1.4; }
.story-response li.is-vast { position: relative; }
.story-response li.is-vast::before { content: ""; position: absolute; top: 15px; bottom: 15px; left: -1px; width: 2px; background: #416dff; }
.story-response li.is-vast p { color: #eef0ec; }

.story-context-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-self: center; }
.story-context-grid article { display: grid; align-content: space-between; min-height: 174px; padding: 23px; border: 1px solid rgba(255,255,255,.09); border-radius: 24px; background: #10141a; }
.story-context-grid article:nth-child(2),.story-context-grid article:nth-child(3) { background: #0e1217; }
.story-context-grid article span { color: #707a75; font-size: 9px; letter-spacing: .1em; }
.story-context-grid article strong { align-self: end; color: #eef0ec; font: 500 clamp(29px,3vw,44px)/.95 "Manrope",sans-serif; letter-spacing: -.055em; }
.story-context-grid > div { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 17px; border-top: 1px solid rgba(65,109,255,.36); color: #89938e; font-size: 10px; }
.story-context-grid > div i { width: 7px; height: 7px; border-radius: 50%; background: #416dff; animation: process-status-pulse 2.6s ease-in-out infinite; }

.story-automation-path { position: relative; align-self: center; padding: 32px; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: #10141a; }
.story-automation-path ol { position: relative; z-index: 1; display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.story-automation-path ol::before { content: ""; position: absolute; top: 29px; bottom: 29px; left: 27px; width: 1px; background: rgba(65,109,255,.3); }
.story-automation-path li { display: grid; grid-template-columns: 56px 1fr; align-items: center; gap: 20px; min-height: 112px; }
.story-automation-path li > span { position: relative; z-index: 2; display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid rgba(65,109,255,.45); border-radius: 50%; background: #10141a; color: #84a0ff; font: 500 16px/1 "Manrope",sans-serif; }
.story-automation-path p { display: grid; gap: 7px; margin: 0; }
.story-automation-path strong { color: #e5e9e4; font-size: 15px; font-weight: 500; }
.story-automation-path small { color: #737d78; font-size: 10px; }
.story-automation-path__signal { position: absolute; z-index: 3; top: 59px; left: 57px; width: 5px; height: 5px; border-radius: 50%; background: #b7c5ff; box-shadow: 0 0 0 5px rgba(65,109,255,.12); animation: process-route-signal 5.4s ease-in-out infinite; }

.story-result { align-self: center; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: #10141a; }
.story-result > div { position: relative; min-height: 330px; padding: 38px; }
.story-result > div::after { content: ""; position: absolute; right: -60px; bottom: -120px; width: 300px; aspect-ratio: 1; border: 1px solid rgba(65,109,255,.22); border-radius: 50%; }
.story-result > div > span { color: #7896ff; font-size: 9px; letter-spacing: .15em; }
.story-result > div > strong { display: block; margin-top: 52px; font: 500 clamp(76px,8.4vw,126px)/.72 "Manrope",sans-serif; letter-spacing: -.09em; }
.story-result > div > p { margin: 32px 0 0; color: #cfd4cf; font-size: 15px; line-height: 1.45; }
.story-result ol { display: grid; grid-template-columns: repeat(3,1fr); margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.08); list-style: none; }
.story-result li { display: grid; gap: 7px; min-width: 0; padding: 19px; border-right: 1px solid rgba(255,255,255,.07); }
.story-result li:last-child { border-right: 0; }
.story-result li strong { font: 500 24px/1 "Manrope",sans-serif; }
.story-result li span { overflow: hidden; color: #737d78; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.process-narrative__footer { display: flex; justify-content: space-between; align-items: center; min-height: 76px; padding: 0 30px; border-top: 1px solid rgba(255,255,255,.08); color: #69736e; font-size: 9px; }
.process-narrative__footer > div { display: flex; gap: 8px; }
.process-narrative__footer button { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: transparent; color: #d6dbd6; cursor: pointer; }
.process-narrative__footer .icon-arrow { width: 11px; height: 11px; }

@media (hover:hover) and (pointer:fine) {
  .process-narrative__rail button:hover { color: #cfd4cf; }
  .process-narrative__footer button:hover { border-color: rgba(120,150,255,.5); background: #121722; }
  .story-context-grid article { transition: transform 360ms cubic-bezier(.16,1,.3,1),border-color .3s ease; }
  .story-context-grid article:hover { border-color: rgba(65,109,255,.35); transform: translateY(-5px); }
}

@keyframes process-story-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes process-mark-breathe { from { opacity: .12; transform: scale(.985); } to { opacity: .23; transform: scale(1.015); } }
@keyframes process-status-pulse { 50% { opacity: .35; transform: scale(.72); } }
@keyframes process-route-signal { 0%,8% { transform: translateY(0); opacity: 0; } 16% { opacity: 1; } 82% { opacity: 1; } 92%,100% { transform: translateY(224px); opacity: 0; } }

@media (max-width:900px) {
  .process-story-panel { grid-template-columns: minmax(0,.9fr) minmax(330px,1.1fr); gap: 34px; padding: 42px; }
  .process-story-panel__copy h3 { font-size: clamp(38px,5.4vw,52px); }
  .story-context-grid article { min-height: 150px; }
}

@media (max-width:720px) {
  .process-narrative { padding: 92px 16px; }
  .process-narrative::before { display: none; }
  .process-narrative__intro { margin-bottom: 42px; padding: 0 6px; }
  .process-narrative__frame { border-radius: 26px; }
  .process-narrative__rail { grid-template-columns: repeat(4,116px); padding: 0 10px; overflow-x: auto; scrollbar-width: none; }
  .process-narrative__rail::-webkit-scrollbar { display: none; }
  .process-narrative__rail button { min-height: 72px; padding: 18px 7px 14px; }
  .process-narrative__rail button strong { font-size: 11px; }
  .process-narrative__viewport { min-height: 700px; }
  .process-story-panel,.process-story-panel--opening { display: flex; flex-direction: column; justify-content: space-between; gap: 34px; padding: 38px 22px 30px; transform: translate3d(16px,0,0); }
  .process-story-panel.is-active { transform: none; }
  .process-story-panel__copy { align-self: stretch; }
  .process-story-panel__copy h3 { margin-top: 20px; font-size: clamp(37px,10.8vw,48px); line-height: .94; }
  .process-story-panel__copy p { margin-top: 21px; font-size: 12px; }
  .story-mark { width: min(100%,340px); margin: auto; }
  .story-response,.story-automation-path,.story-result { width: 100%; padding: 20px; border-radius: 22px; }
  .story-response header { padding-bottom: 20px; }.story-response header strong { font-size: 52px; }
  .story-response li { grid-template-columns: 40px 1fr; gap: 12px; padding: 15px 0; }.story-response p { font-size: 11px; }
  .story-context-grid { width: 100%; gap: 7px; }.story-context-grid article { min-height: 118px; padding: 16px; border-radius: 17px; }.story-context-grid article strong { font-size: 25px; }
  .story-automation-path ol::before { left: 23px; }.story-automation-path li { grid-template-columns: 48px 1fr; gap: 14px; min-height: 91px; }.story-automation-path li > span { width: 48px; height: 48px; }.story-automation-path__signal { top: 48px; left: 43px; animation-name: process-route-signal-mobile; }
  .story-result { padding: 0; }.story-result > div { min-height: 285px; padding: 28px; }.story-result > div > strong { margin-top: 48px; font-size: 78px; }.story-result > div > p { margin-top: 28px; font-size: 13px; }.story-result li { padding: 14px 10px; }.story-result li strong { font-size: 19px; }.story-result li span { font-size: 7px; }
  .process-narrative__footer { min-height: 66px; padding: 0 18px; }.process-narrative__footer > span { max-width: 180px; line-height: 1.35; }
}

@keyframes process-route-signal-mobile { 0%,8% { transform: translateY(0); opacity: 0; } 16% { opacity: 1; } 82% { opacity: 1; } 92%,100% { transform: translateY(182px); opacity: 0; } }

@media (prefers-reduced-motion:reduce) {
  .process-narrative__frame.is-playing .process-narrative__rail button[aria-selected="true"]::after,.story-mark img,.story-context-grid > div i,.story-automation-path__signal { animation: none !important; }
  .process-story-panel { transition: none; }
}

/* Funnel analytics: volume and conversion are read together. */
.funnel-architecture li { grid-template-columns: 132px 1fr 78px; }
.funnel-architecture li > span { display: flex; grid-column: 3; grid-row: 1; justify-content: flex-end; align-items: baseline; gap: 8px; min-width: 0; color: #dfe4df; text-align: right; }
.funnel-architecture li > span strong { font-size: 12px; font-weight: 500; }
.funnel-architecture li > span small { color: #69736e; font-size: 9px; }
.funnel-architecture__note p { min-width: 0; }

@media (max-width:720px) {
  .funnel-architecture li { grid-template-columns: 92px 1fr 62px; gap: 10px; }
  .funnel-architecture li > span { gap: 5px; }
  .funnel-architecture li > span strong { font-size: 11px; }
  .funnel-architecture li > span small { font-size: 8px; }
}

@media (max-width:900px) {
  .notebook-wrap { padding-right: 28px; }
  .crm-shell { grid-template-columns: 126px 1fr; }
  .crm-stage { padding: 18px; }
  .work-context { grid-template-columns: 1fr; gap: 62px; }
  .context-composition { min-height: 600px; }
  .work-connections__copy { grid-template-columns: 1fr; }
  .automation-score { grid-template-columns: 1fr; }
  .automation-score > aside { min-height: 270px; }
}

@media (max-width:720px) {
  .work-notebook,.work-context,.work-automation { padding: 96px 14px; }
  .work-section-copy { grid-template-columns: 1fr; gap: 28px; padding: 0 6px; }
  .work-section-copy h2,.work-context__copy h2,.work-connections__copy h2 { font-size: clamp(46px,13vw,62px); line-height: .94; }
  .notebook-wrap { margin-top: 58px; padding: 0 0 35px; }
  .notebook { padding: 7px; border-radius: 22px 22px 14px 14px; }
  .notebook__screen { height: 570px; aspect-ratio: auto; border-radius: 15px 15px 9px 9px; }
  .notebook-base { right: -8px; bottom: 23px; left: -8px; height: 18px; }
  .notebook-base::after { width: 88px; height: 6px; }
  .concept-mouse { display: none; }
  .crm-shell { grid-template-columns: 72px 1fr; }
  .crm-nav { gap: 8px; padding: 12px 8px; }
  .crm-brand { justify-content: center; min-height: 44px; padding: 0 0 10px; }.crm-brand img { width: 25px; height: 25px; }.crm-brand span,.crm-nav button span,.crm-nav__pulse span { display: none; }
  .crm-nav button { display: grid; grid-template-columns: 1fr; place-items: center; min-height: 48px; padding: 0; }
  .crm-nav__pulse { justify-content: center; padding: 10px 0; }
  .crm-stage { padding: 14px 12px; }
  .crm-topbar { min-height: 56px; }.crm-topbar strong { font-size: 14px; }.crm-topbar > button { display: none; }
  .crm-view { min-height: calc(100% - 56px); padding-top: 14px; }
  .crm-command { grid-template-columns: 1fr; min-height: 96px; padding: 15px; }.crm-command > strong { font-size: 24px; }.crm-command > p { grid-column: 1; grid-row: auto; margin-top: 8px; }
  .crm-metric-row { gap: 5px; }.crm-metric-row > div { padding: 10px 8px; }.crm-metric-row strong { font-size: 18px; }.crm-metric-row span { font-size: 6px; }
  .crm-overview-grid { grid-template-columns: 1fr; gap: 7px; }.crm-bars { min-height: 148px; }.crm-bars > p { height: 82px; }.crm-overview-grid > ol { display: none; }
  .crm-lead-head { display: grid; gap: 12px; min-height: 120px; }.crm-lead-head strong { font-size: 21px; }.crm-lead-head > b { font-size: 36px; }
  .crm-signal-sheet { grid-template-columns: 1fr 1fr; }.crm-signal-sheet > div { min-height: 74px; padding: 11px; border-bottom: 1px solid rgba(255,255,255,.07); }.crm-signal-sheet strong { font-size: 9px; }
  .crm-transcript p { grid-template-columns: 38px 1fr; padding: 11px 0; }.crm-transcript span { font-size: 8px; }
  .crm-pipeline { grid-template-columns: 1fr; }.crm-pipeline section { min-height: 0; }.crm-pipeline section:nth-child(3) { display: none; }.crm-pipeline article { padding: 11px; }
  .crm-day li { grid-template-columns: 48px 1fr; min-height: 86px; }.crm-day li em { display: none; }.crm-day time { font-size: 14px; }
  .notebook[data-work-state="overview"] .concept-cursor { transform: translate(35px,78px); }.notebook[data-work-state="lead"] .concept-cursor { transform: translate(35px,134px); }.notebook[data-work-state="funnel"] .concept-cursor { transform: translate(35px,190px); }.notebook[data-work-state="agenda"] .concept-cursor { transform: translate(35px,246px); }
  .work-context { gap: 50px; }.work-context__copy { padding: 0 6px; }.work-context__copy > p { margin-top: 24px; }
  .context-composition { min-height: 690px; border-radius: 24px; }.context-quote { top: 24px; left: 20px; width: calc(100% - 40px); padding: 20px; }.context-quote p { font-size: 17px; }.context-thread { top: 175px; left: 10%; width: 80%; height: 120px; }.context-reading { top: 292px; right: 20px; width: calc(100% - 40px); }.context-reading article { min-height: 94px; padding: 14px; }.context-reading strong { font-size: 17px; }.context-result { right: 20px; bottom: 24px; left: 20px; grid-template-columns: 1fr; gap: 12px; }.context-result strong { font-size: 14px; }
  .work-connections { padding: 96px 14px 110px; border-radius: 28px 28px 0 0; }.work-connections__copy { gap: 26px; padding: 0 6px; }.connection-board { min-height: 740px; margin-top: 58px; border-radius: 24px; }.connection-source { top: 28px; left: 22px; grid-template-columns: 46px 1fr; max-width: calc(100% - 44px); }.connection-source img { width: 46px; height: 46px; }.connection-source strong { font-size: 18px; }.connection-line { top: 120px; }
  .connection-tools { top: 154px; display: grid; grid-template-columns: repeat(4,1fr); justify-items: center; gap: 14px 5px; }.connection-tools span,.connection-tools span.is-large,.connection-tools span.is-small { width: 58px; height: 58px; border-radius: 18px; }.connection-tools img,.connection-tools .is-large img,.connection-tools .is-small img { width: 30px; height: 30px; }
  .connection-board > ol { grid-template-columns: 1fr; bottom: 20px; }.connection-board > ol li { min-height: 0; padding: 19px 8px; border-right: 0; border-bottom: 1px solid rgba(13,20,36,.1); }.connection-board > ol strong { font-size: 19px; }.connection-board > ol span { font-size: 10px; }
  .automation-score { gap: 44px; margin-top: 58px; }.automation-score li { grid-template-columns: 54px 1fr; gap: 18px; min-height: 142px; }.automation-score li > div { grid-template-columns: 1fr; gap: 12px; }.automation-score li strong { font-size: 25px; }.automation-score__rail { left: 52px; }.automation-score > aside { min-height: 250px; padding: 26px; border-radius: 22px; }.automation-score aside strong { font-size: 62px; }
}

@media (prefers-reduced-motion:reduce) {
  .crm-nav__pulse i,.connection-line i,.automation-score__rail i { animation: none !important; }
  .concept-cursor { transition: none; }
}

/* Consolidated site architecture — fewer labels, tighter cards, one visual language. */
.integration-cards {
  width: min(100%,1180px);
  gap: 18px;
  margin: 72px auto 0;
}
.integration-card {
  min-height: 310px;
  padding: clamp(26px,2.5vw,36px);
  border-radius: 26px;
  box-shadow: 0 18px 46px rgba(23,31,48,.075);
}
.integration-card:nth-child(even) { margin-top: 0; }
.integration-card::before { left: clamp(26px,2.5vw,36px); width: 64px; }
.integration-card h3 {
  max-width: 480px;
  margin-top: 0;
  font-size: clamp(31px,3vw,44px);
  line-height: .99;
}
.integration-card > p { margin-top: 20px; font-size: 13px; line-height: 1.55; }
.integration-card__foot { justify-content: flex-end; padding-top: 24px; }
.integration-card__foot > i { width: 38px; height: 38px; border-radius: 12px; }

.detail-hero__copy > p,
.detail-overview__heading > p,
.detail-section-heading > p,
.detail-flow-card > span,
.detail-result-card > span,
.detail-side-card__head,
.detail-side-card__outcome > span { display: none; }
.detail-overview__heading,.detail-section-heading { grid-template-columns: minmax(0,1fr); }
.detail-overview__heading > span { grid-column: 1; }

.contact {
  grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr);
  gap: clamp(64px,8vw,120px);
  padding-top: 140px;
  padding-bottom: 150px;
  background: #07090d;
}
.contact::before {
  content: "";
  position: absolute;
  right: max(20px,calc((100vw - 1180px)/2));
  left: max(20px,calc((100vw - 1180px)/2));
  top: 0;
  height: 1px;
  background: rgba(255,255,255,.09);
}
.contact-form {
  gap: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.contact-form label { gap: 10px; color: #848d88; font-size: 10px; }
.contact-form input,.contact-form textarea {
  min-height: 58px;
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.16);
  border-radius: 0;
  background: transparent;
}
.contact-form textarea { min-height: 132px; }
.contact-form input:focus,.contact-form textarea:focus {
  border-color: #416dff;
  background: transparent;
  box-shadow: none;
}
.contact-form button {
  min-height: 58px;
  padding: 0 24px;
  border-radius: 999px;
  background: #eff0eb;
  color: #0a0d12;
}
.contact-form > p { margin-top: -6px; }
.contact-orbit { display: none; }

.work-main { overflow: clip; background: #080a0a; }
.work-hero {
  position: relative;
  min-height: 92svh;
  padding: clamp(150px,18vh,220px) max(22px,calc((100vw - 1180px)/2)) 110px;
  overflow: hidden;
  background: #080a0a;
}
.work-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(112deg,transparent 0 58%,rgba(65,109,255,.08) 58.2%,transparent 73%),
    radial-gradient(44% 66% at 86% 36%,rgba(65,109,255,.1),transparent 72%);
  pointer-events: none;
}
.work-hero__copy,.work-hero__sequence { position: relative; z-index: 1; }
.work-hero__copy { max-width: 1080px; }
.work-hero h1 {
  max-width: 1050px;
  margin: 0;
  font: 500 clamp(64px,7.9vw,116px)/.88 "Manrope",sans-serif;
  letter-spacing: -.072em;
  text-wrap: balance;
}
.work-hero__copy > p {
  max-width: 610px;
  margin: 38px 0 0;
  color: #9da5a0;
  font-size: 17px;
  line-height: 1.62;
}
.work-hero__sequence {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  margin-top: 92px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.work-hero__sequence article {
  min-height: 118px;
  padding: 26px 28px 20px 0;
  border-right: 1px solid rgba(255,255,255,.08);
}
.work-hero__sequence article + article { padding-left: 28px; }
.work-hero__sequence article:last-child { border-right: 0; }
.work-hero__sequence strong { display: block; font: 500 20px/1.15 "Manrope",sans-serif; }
.work-hero__sequence span { display: block; max-width: 290px; margin-top: 11px; color: #737c77; font-size: 12px; line-height: 1.5; }
.work-page-v2 .product-stage,
.work-page-v2 .operations,
.work-page-v2 .integrations,
.work-page-v2 .contact { position: relative; border-radius: 38px 38px 0 0; }

/* Como trabalhamos — conceptual CRM notebook */
.work-page-v3 .work-hero { min-height: 96svh; }
.work-page-v3 .work-hero::after { content: ""; position: absolute; right: 7%; bottom: 8%; width: 38%; height: 1px; background: rgba(65,109,255,.34); transform: rotate(-8deg); transform-origin: right; }
.work-notebook,.work-context,.work-automation { padding: 150px max(20px,calc((100vw - 1280px)/2)); background: #080a0a; }
.work-section-copy { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.48fr); gap: 64px; align-items: end; max-width: 1180px; margin: 0 auto; }
.work-section-copy h2,.work-context__copy h2,.work-connections__copy h2 { margin: 0; font: 500 clamp(56px,6.3vw,92px)/.91 "Manrope",sans-serif; letter-spacing: -.066em; text-wrap: balance; }
.work-section-copy > p,.work-context__copy > p,.work-connections__copy > p { max-width: 440px; margin: 0; color: #89928d; font-size: 15px; line-height: 1.65; }

.notebook-wrap { position: relative; width: min(100%,1280px); margin: 92px auto 0; padding: 0 72px 82px 0; }
.notebook { position: relative; z-index: 2; padding: 12px; border: 1px solid #2a2f33; border-radius: 30px 30px 20px 20px; background: #111417; box-shadow: 0 46px 100px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.05); }
.notebook__camera { position: absolute; z-index: 4; top: 5px; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #30363a; transform: translateX(-50%); }
.notebook__screen { aspect-ratio: 16/9; overflow: hidden; border-radius: 20px 20px 12px 12px; background: #0c100f; }
.notebook-base { position: absolute; z-index: 1; right: 44px; bottom: 63px; left: -32px; height: 28px; border-radius: 2px 2px 55% 55%; background: #24292c; box-shadow: 0 18px 32px rgba(0,0,0,.34); }
.notebook-base::after { content: ""; position: absolute; top: 0; left: 50%; width: 150px; height: 8px; border-radius: 0 0 14px 14px; background: #111518; transform: translateX(-50%); }
.notebook-base i { position: absolute; right: 8%; bottom: -5px; left: 8%; height: 5px; border-radius: 0 0 50% 50%; background: #171a1c; }
.concept-mouse { position: absolute; z-index: 3; right: -10px; bottom: 5px; width: 58px; height: 84px; border: 1px solid #384046; border-radius: 30px 30px 25px 25px; background: #15191c; box-shadow: 0 20px 38px rgba(0,0,0,.34); transform: rotate(9deg); }
.concept-mouse::before { content: ""; position: absolute; top: 0; bottom: 52%; left: 50%; width: 1px; background: #343a3e; }
.concept-mouse i { position: absolute; top: 14px; left: 50%; width: 3px; height: 14px; border-radius: 3px; background: #667078; transform: translateX(-50%); transition: transform 150ms ease; }
.concept-mouse span { position: absolute; right: 12px; bottom: 12px; left: 12px; height: 1px; background: #416dff; opacity: .38; }
.notebook.is-clicking ~ .concept-mouse i { transform: translate(-50%,3px); }

.crm-shell { position: relative; display: grid; grid-template-columns: 168px 1fr; height: 100%; overflow: hidden; background: #0b0f0e; color: #edf0eb; }
.crm-nav { display: flex; flex-direction: column; gap: 7px; padding: 20px 14px; border-right: 1px solid rgba(255,255,255,.075); background: #101512; }
.crm-brand { display: flex; align-items: center; gap: 10px; min-height: 48px; margin-bottom: 10px; padding: 0 10px 14px; border-bottom: 1px solid rgba(255,255,255,.07); }
.crm-brand img { width: 28px; height: 28px; object-fit: contain; }.crm-brand span { font: 500 13px/1 "Manrope",sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.crm-nav button { display: grid; grid-template-columns: 22px 1fr; align-items: center; min-height: 46px; padding: 0 12px; border: 0; border-radius: 11px; background: transparent; color: #79837e; cursor: pointer; text-align: left; transition: background .24s ease,color .24s ease; }
.crm-nav button i { width: 8px; height: 8px; border: 1px solid currentColor; transform: rotate(45deg); }.crm-nav button span { font-size: 10px; }
.crm-nav button[aria-pressed="true"] { background: #182136; color: #8da7ff; }
.crm-nav__pulse { display: flex; align-items: center; gap: 8px; margin-top: auto; padding: 14px 10px; color: #69736e; font-size: 8px; }.crm-nav__pulse i { width: 6px; height: 6px; border-radius: 50%; background: #416dff; animation: crm-pulse 2.4s ease-in-out infinite; }
.crm-stage { min-width: 0; padding: 24px 28px 26px; }
.crm-topbar { display: flex; justify-content: space-between; align-items: center; min-height: 58px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.075); }
.crm-topbar > div { display: grid; gap: 6px; }.crm-topbar span { color: #67716c; font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }.crm-topbar strong { font: 500 20px/1.1 "Manrope",sans-serif; }
.crm-topbar > button { padding: 9px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: transparent; color: #69736e; font-size: 7px; }.crm-topbar kbd { margin-left: 18px; color: #4d5651; font: inherit; }
.crm-view { display: none; min-height: calc(100% - 59px); padding-top: 23px; opacity: 0; transform: translateY(8px); }.crm-view.is-active { display: block; animation: crm-view-in .52s cubic-bezier(.16,1,.3,1) forwards; }
.crm-command { display: grid; grid-template-columns: 1fr auto; min-height: 105px; padding: 20px 24px; border: 1px solid rgba(65,109,255,.26); border-radius: 17px; background: #101622; }.crm-command > span { grid-column: 1; color: #77817c; font-size: 7px; text-transform: uppercase; }.crm-command > strong { grid-column: 1; margin-top: 4px; font: 500 28px/1 "Manrope",sans-serif; letter-spacing: -.055em; }.crm-command > p { grid-column: 2; grid-row: 1/3; align-self: center; margin: 0; color: #7e8b85; font-size: 8px; }.crm-command p i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #6f8fff; }
.crm-metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 11px; }.crm-metric-row > div { display: grid; gap: 6px; padding: 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; }.crm-metric-row span,.crm-metric-row small { color: #68726d; font-size: 7px; }.crm-metric-row strong { font: 500 22px/1 "Manrope",sans-serif; }.crm-metric-row small { color: #7896ff; }
.crm-overview-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10px; margin-top: 11px; }.crm-bars,.crm-overview-grid > ol { min-height: 175px; margin: 0; padding: 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; }.crm-bars header { display: flex; justify-content: space-between; }.crm-bars header strong { font-size: 9px; }.crm-bars header span { color: #68726d; font-size: 7px; }.crm-bars > p { display: flex; align-items: end; gap: 9px; height: 110px; margin: 16px 0 0; border-bottom: 1px solid rgba(255,255,255,.07); }.crm-bars p i { flex: 1; height: var(--h); border-radius: 3px 3px 0 0; background: #416dff; opacity: .75; }.crm-overview-grid > ol { list-style: none; }.crm-overview-grid li { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 9px; min-height: 46px; border-bottom: 1px solid rgba(255,255,255,.06); }.crm-overview-grid li:last-child { border-bottom: 0; }.crm-overview-grid li > i { width: 5px; height: 5px; border-radius: 50%; background: #416dff; }.crm-overview-grid li span { display: grid; gap: 3px; }.crm-overview-grid li b { font-size: 8px; }.crm-overview-grid li small,.crm-overview-grid time { color: #67716c; font-size: 6px; }
.crm-lead-head { display: flex; justify-content: space-between; align-items: end; min-height: 102px; padding: 18px 0 22px; border-bottom: 1px solid rgba(255,255,255,.08); }.crm-lead-head > div { display: grid; gap: 10px; }.crm-lead-head span { color: #718078; font-size: 8px; }.crm-lead-head strong { max-width: 460px; font: 500 27px/1.05 "Manrope",sans-serif; }.crm-lead-head > b { font: 500 48px/.9 "Manrope",sans-serif; color: #88a2ff; }
.crm-signal-sheet { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 24px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; }.crm-signal-sheet > div { display: grid; gap: 22px; min-height: 100px; padding: 18px; border-right: 1px solid rgba(255,255,255,.07); }.crm-signal-sheet > div:last-child { border-right: 0; }.crm-signal-sheet span { color: #65706a; font-size: 7px; }.crm-signal-sheet strong { align-self: end; font-size: 11px; }
.crm-transcript { margin-top: 24px; }.crm-transcript p { display: grid; grid-template-columns: 48px 1fr; gap: 14px; margin: 0; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.07); }.crm-transcript time { color: #66706b; font-size: 7px; }.crm-transcript span { font-size: 10px; }
.crm-pipeline { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.crm-pipeline section { min-height: 390px; padding: 14px; border: 1px solid rgba(255,255,255,.075); border-radius: 15px; }.crm-pipeline header { display: flex; justify-content: space-between; padding: 5px 3px 14px; color: #758079; font-size: 7px; text-transform: uppercase; }.crm-pipeline article { display: grid; gap: 5px; margin-top: 8px; padding: 14px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: #121714; }.crm-pipeline article.is-focus { border-color: rgba(65,109,255,.38); background: #121a2b; }.crm-pipeline article strong { font-size: 9px; }.crm-pipeline article small { color: #69736e; font-size: 7px; }
.crm-day header { display: flex; justify-content: space-between; align-items: center; padding: 6px 0 21px; border-bottom: 1px solid rgba(255,255,255,.08); }.crm-day header button { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; background: transparent; color: #a4aca7; }.crm-day header strong { font-size: 11px; }.crm-day ol { margin: 0; padding: 0; list-style: none; }.crm-day li { display: grid; grid-template-columns: 72px 1fr auto; align-items: center; min-height: 90px; border-bottom: 1px solid rgba(255,255,255,.07); }.crm-day li.is-current { background: linear-gradient(90deg,rgba(65,109,255,.11),transparent); }.crm-day time { font: 500 18px/1 "Manrope",sans-serif; }.crm-day p { display: grid; gap: 6px; margin: 0; }.crm-day p strong { font-size: 10px; }.crm-day p span { color: #69736e; font-size: 8px; }.crm-day em { color: #809cff; font-size: 7px; font-style: normal; }
.concept-cursor { position: absolute; z-index: 9; top: 0; left: 0; width: 22px; height: 29px; pointer-events: none; transition: transform 780ms cubic-bezier(.22,1,.36,1); filter: drop-shadow(0 5px 6px rgba(0,0,0,.55)); }.concept-cursor::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 18px solid #f0f1ed; border-right: 12px solid transparent; transform: rotate(-16deg); transform-origin: top left; }.concept-cursor::after { content: ""; position: absolute; top: 13px; left: 8px; width: 7px; height: 13px; border-radius: 5px; background: #f0f1ed; transform: rotate(-34deg); }.concept-cursor span { position: absolute; top: -8px; left: -8px; width: 34px; height: 34px; border: 1px solid rgba(116,149,255,.55); border-radius: 50%; opacity: 0; transform: scale(.45); }.notebook.is-clicking .concept-cursor span { animation: cursor-click .48s ease-out; }
.notebook[data-work-state="overview"] .concept-cursor { transform: translate(86px,93px); }.notebook[data-work-state="lead"] .concept-cursor { transform: translate(86px,146px); }.notebook[data-work-state="funnel"] .concept-cursor { transform: translate(86px,199px); }.notebook[data-work-state="agenda"] .concept-cursor { transform: translate(86px,252px); }

.work-context { display: grid; grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr); gap: 8vw; align-items: center; padding-top: 180px; padding-bottom: 180px; }
.work-context__copy > p { margin-top: 30px; }.context-composition { position: relative; min-height: 620px; border: 1px solid rgba(255,255,255,.09); border-radius: 34px; background: #0d1115; overflow: hidden; }
.context-quote { position: absolute; top: 46px; left: 42px; width: 52%; padding: 26px; border-left: 2px solid #416dff; background: #14191f; }.context-quote p { margin: 0; font: 500 20px/1.35 "Manrope",sans-serif; }.context-quote span { display: block; margin-top: 20px; color: #6e7973; font-size: 9px; }
.context-thread { position: absolute; top: 184px; left: 29%; width: 46%; height: 215px; }.context-thread i { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: rgba(65,109,255,.35); }.context-thread i:not(:first-child) { width: 45%; height: 1px; transform-origin: left; }.context-thread i:nth-child(2) { top: 38%; transform: rotate(18deg); }.context-thread i:nth-child(3) { top: 48%; transform: rotate(5deg); }.context-thread i:nth-child(4) { top: 58%; transform: rotate(-12deg); }
.context-reading { position: absolute; top: 235px; right: 36px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 54%; }.context-reading article { display: grid; gap: 24px; min-height: 110px; padding: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: #11161b; }.context-reading span { color: #68736d; font-size: 8px; }.context-reading strong { align-self: end; font: 500 20px/1 "Manrope",sans-serif; }
.context-result { position: absolute; right: 36px; bottom: 35px; left: 36px; display: grid; grid-template-columns: .45fr 1fr; gap: 24px; align-items: center; margin: 0; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.09); }.context-result span { color: #718078; font-size: 9px; }.context-result strong { font: 500 16px/1.35 "Manrope",sans-serif; }

.work-connections { padding: 160px max(20px,calc((100vw - 1280px)/2)) 180px; border-radius: 40px 40px 0 0; background: #e7eae8; color: #0c1223; }
.work-connections__copy { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.48fr); gap: 64px; align-items: end; }.work-connections__copy > p { color: #616a66; }
.connection-board { position: relative; min-height: 600px; margin-top: 92px; overflow: hidden; border: 1px solid rgba(13,20,36,.1); border-radius: 34px; background: #f5f6f2; }
.connection-source { position: absolute; top: 66px; left: 60px; display: grid; grid-template-columns: 58px 1fr; gap: 7px 18px; align-items: center; max-width: 410px; }.connection-source img { grid-row: 1/3; width: 58px; height: 58px; object-fit: contain; }.connection-source strong { font: 500 22px/1.1 "Manrope",sans-serif; }.connection-source span { color: #6e7772; font-size: 10px; }
.connection-line { position: absolute; top: 154px; right: 8%; left: 8%; height: 1px; background: rgba(31,56,114,.14); }.connection-line i { position: absolute; top: -1px; left: 0; width: 18%; height: 2px; background: #315bdf; animation: connection-signal 7s ease-in-out infinite; }
.connection-tools { position: absolute; top: 205px; right: 5%; left: 5%; display: flex; justify-content: space-between; align-items: center; gap: 15px; }.connection-tools span { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid rgba(13,20,36,.1); border-radius: 23px; background: #fff; box-shadow: 0 18px 34px rgba(24,31,46,.07); }.connection-tools span.is-large { width: 96px; height: 96px; border-radius: 30px; }.connection-tools span.is-small { width: 58px; height: 58px; border-radius: 18px; }.connection-tools img { width: 38px; height: 38px; object-fit: contain; }.connection-tools .is-large img { width: 50px; height: 50px; }.connection-tools .is-small img { width: 28px; height: 28px; }
.connection-board > ol { position: absolute; right: 5%; bottom: 44px; left: 5%; display: grid; grid-template-columns: repeat(3,1fr); margin: 0; padding: 0; border-top: 1px solid rgba(13,20,36,.12); list-style: none; }.connection-board > ol li { min-height: 130px; padding: 28px 26px; border-right: 1px solid rgba(13,20,36,.1); }.connection-board > ol li:last-child { border-right: 0; }.connection-board > ol strong { display: block; font: 500 24px/1 "Manrope",sans-serif; }.connection-board > ol span { display: block; margin-top: 12px; color: #69726e; font-size: 11px; }

.work-automation { padding-top: 180px; padding-bottom: 190px; }.automation-score { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 70px; max-width: 1180px; margin: 90px auto 0; }.automation-score > ol { position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; }.automation-score li { display: grid; grid-template-columns: 90px 1fr; gap: 32px; min-height: 126px; padding: 28px 0; border-top: 1px solid rgba(255,255,255,.09); }.automation-score li > span { color: #67716c; font-size: 10px; }.automation-score li > div { display: grid; grid-template-columns: minmax(220px,.72fr) 1fr; gap: 30px; }.automation-score li strong { font: 500 clamp(25px,2.2vw,34px)/1 "Manrope",sans-serif; }.automation-score li p { max-width: 370px; margin: 0; color: #77817c; font-size: 13px; line-height: 1.55; }
.automation-score__rail { position: absolute; z-index: 2; top: 0; bottom: 0; left: 88px; width: 1px; background: rgba(255,255,255,.09); }.automation-score__rail i { position: absolute; top: 0; left: 0; width: 1px; height: 32%; background: #416dff; animation: automation-run 8s ease-in-out infinite; }
.automation-score > aside { align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; padding: 34px; border: 1px solid rgba(65,109,255,.25); border-radius: 28px; background: #101622; }.automation-score aside strong { font: 500 72px/.84 "Manrope",sans-serif; letter-spacing: -.08em; }.automation-score aside span { max-width: 190px; margin-top: 26px; color: #a4aca7; font-size: 13px; line-height: 1.45; }.automation-score aside p { margin: 42px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.09); color: #7896ff; font-size: 10px; }

@keyframes crm-view-in { to { opacity: 1; transform: none; } }
@keyframes crm-pulse { 50% { opacity: .35; transform: scale(.72); } }
@keyframes cursor-click { 0% { opacity: 0; transform: scale(.35); } 35% { opacity: 1; } 100% { opacity: 0; transform: scale(1.25); } }
@keyframes connection-signal { 0% { transform: translateX(0); } 50% { transform: translateX(455%); } 100% { transform: translateX(0); } }
@keyframes automation-run { 0%,8% { transform: translateY(0); } 50%,58% { transform: translateY(212%); } 100% { transform: translateY(0); } }

@media (hover:hover) and (pointer:fine) {
  .connection-tools span { transition: transform 450ms cubic-bezier(.16,1,.3,1),box-shadow .35s ease; }
  .connection-tools span:hover { transform: translateY(-10px) scale(1.08); box-shadow: 0 28px 48px rgba(24,31,46,.12); }
}

@media (max-width:720px) {
  .integration-cards { grid-template-columns: 1fr; gap: 12px; margin-top: 48px; }
  .integration-card { min-height: 260px; padding: 24px; border-radius: 22px; }
  .integration-card h3 { font-size: clamp(31px,10vw,42px); }
  .contact { grid-template-columns: 1fr; gap: 58px; padding: 92px 18px 104px; }
  .contact .field-row { grid-template-columns: 1fr; }
  .contact-intro h2 { font-size: clamp(48px,14vw,66px); }
  .work-hero { min-height: auto; padding: 140px 18px 82px; }
  .work-hero h1 { font-size: clamp(52px,15.2vw,70px); line-height: .91; }
  .work-hero__copy > p { margin-top: 28px; font-size: 15px; }
  .work-hero__sequence { grid-template-columns: 1fr; margin-top: 62px; }
  .work-hero__sequence article,.work-hero__sequence article + article { min-height: 0; padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .work-hero__sequence article:last-child { border-bottom: 0; }
  .work-page-v2 .product-stage,.work-page-v2 .operations,.work-page-v2 .integrations,.work-page-v2 .contact { border-radius: 28px 28px 0 0; }
}

@media (max-width:900px) {
  .work-page-v3 .work-section-copy,.work-page-v3 .work-connections__copy { grid-template-columns: 1fr; }
  .work-page-v3 .notebook-wrap { padding-right: 28px; }
  .work-page-v3 .crm-shell { grid-template-columns: 126px 1fr; }
  .work-page-v3 .crm-stage { padding: 18px; }
  .work-page-v3 .work-context { grid-template-columns: 1fr; gap: 62px; }
  .work-page-v3 .automation-score { grid-template-columns: 1fr; }
}

@media (max-width:720px) {
  .work-page-v3 .work-notebook,.work-page-v3 .work-context,.work-page-v3 .work-automation { padding: 96px 14px; }
  .work-page-v3 .work-section-copy { gap: 28px; padding: 0 6px; }
  .work-page-v3 .work-section-copy h2,.work-page-v3 .work-context__copy h2,.work-page-v3 .work-connections__copy h2 { font-size: clamp(46px,13vw,62px); line-height: .94; }
  .work-page-v3 .notebook-wrap { margin-top: 58px; padding: 0 0 35px; }
  .work-page-v3 .notebook { padding: 7px; border-radius: 22px 22px 14px 14px; }
  .work-page-v3 .notebook__screen { height: 570px; aspect-ratio: auto; border-radius: 15px 15px 9px 9px; }
  .work-page-v3 .notebook-base { right: -8px; bottom: 23px; left: -8px; height: 18px; }
  .work-page-v3 .notebook-base::after { width: 88px; height: 6px; }
  .work-page-v3 .concept-mouse { display: none; }
  .work-page-v3 .crm-shell { grid-template-columns: 72px 1fr; }
  .work-page-v3 .crm-nav { gap: 8px; padding: 12px 8px; }
  .work-page-v3 .crm-brand { justify-content: center; min-height: 44px; padding: 0 0 10px; }
  .work-page-v3 .crm-brand img { width: 25px; height: 25px; }
  .work-page-v3 .crm-brand span,.work-page-v3 .crm-nav button span,.work-page-v3 .crm-nav__pulse span { display: none; }
  .work-page-v3 .crm-nav button { grid-template-columns: 1fr; place-items: center; min-height: 48px; padding: 0; }
  .work-page-v3 .crm-nav__pulse { justify-content: center; padding: 10px 0; }
  .work-page-v3 .crm-stage { padding: 14px 12px; }
  .work-page-v3 .crm-topbar { min-height: 56px; }.work-page-v3 .crm-topbar strong { font-size: 14px; }.work-page-v3 .crm-topbar > button { display: none; }
  .work-page-v3 .crm-view { min-height: calc(100% - 56px); padding-top: 14px; }
  .work-page-v3 .crm-command { grid-template-columns: 1fr; min-height: 96px; padding: 15px; }.work-page-v3 .crm-command > strong { font-size: 24px; }.work-page-v3 .crm-command > p { grid-column: 1; grid-row: auto; margin-top: 8px; }
  .work-page-v3 .crm-metric-row { gap: 5px; }.work-page-v3 .crm-metric-row > div { padding: 10px 8px; }.work-page-v3 .crm-metric-row strong { font-size: 18px; }.work-page-v3 .crm-metric-row span { font-size: 6px; }
  .work-page-v3 .crm-overview-grid { grid-template-columns: 1fr; gap: 7px; }.work-page-v3 .crm-bars { min-height: 148px; }.work-page-v3 .crm-bars > p { height: 82px; }.work-page-v3 .crm-overview-grid > ol { display: none; }
  .work-page-v3 .crm-lead-head { display: grid; gap: 12px; min-height: 120px; }.work-page-v3 .crm-lead-head strong { font-size: 21px; }.work-page-v3 .crm-lead-head > b { font-size: 36px; }
  .work-page-v3 .crm-signal-sheet { grid-template-columns: 1fr 1fr; }.work-page-v3 .crm-signal-sheet > div { min-height: 74px; padding: 11px; }.work-page-v3 .crm-transcript p { grid-template-columns: 38px 1fr; padding: 11px 0; }
  .work-page-v3 .crm-pipeline { grid-template-columns: 1fr; }.work-page-v3 .crm-pipeline section { min-height: 0; }.work-page-v3 .crm-pipeline section:nth-child(3) { display: none; }.work-page-v3 .crm-pipeline article { padding: 11px; }
  .work-page-v3 .crm-day li { grid-template-columns: 48px 1fr; min-height: 86px; }.work-page-v3 .crm-day li em { display: none; }.work-page-v3 .crm-day time { font-size: 14px; }
  .work-page-v3 .notebook[data-work-state="overview"] .concept-cursor { transform: translate(35px,78px); }.work-page-v3 .notebook[data-work-state="lead"] .concept-cursor { transform: translate(35px,134px); }.work-page-v3 .notebook[data-work-state="funnel"] .concept-cursor { transform: translate(35px,190px); }.work-page-v3 .notebook[data-work-state="agenda"] .concept-cursor { transform: translate(35px,246px); }
  .work-page-v3 .work-context { gap: 50px; }.work-page-v3 .work-context__copy { padding: 0 6px; }
  .work-page-v3 .context-composition { min-height: 690px; border-radius: 24px; }.work-page-v3 .context-quote { top: 24px; left: 20px; width: calc(100% - 40px); padding: 20px; }.work-page-v3 .context-quote p { font-size: 17px; }.work-page-v3 .context-thread { top: 175px; left: 10%; width: 80%; height: 120px; }.work-page-v3 .context-reading { top: 292px; right: 20px; width: calc(100% - 40px); }.work-page-v3 .context-reading article { min-height: 94px; padding: 14px; }.work-page-v3 .context-result { right: 20px; bottom: 24px; left: 20px; grid-template-columns: 1fr; gap: 12px; }
  .work-page-v3 .work-connections { padding: 96px 14px 110px; border-radius: 28px 28px 0 0; }.work-page-v3 .work-connections__copy { gap: 26px; padding: 0 6px; }.work-page-v3 .connection-board { min-height: 740px; margin-top: 58px; border-radius: 24px; }.work-page-v3 .connection-source { top: 28px; left: 22px; grid-template-columns: 46px 1fr; max-width: calc(100% - 44px); }.work-page-v3 .connection-source img { width: 46px; height: 46px; }.work-page-v3 .connection-line { top: 120px; }
  .work-page-v3 .connection-tools { top: 154px; display: grid; grid-template-columns: repeat(4,1fr); justify-items: center; gap: 14px 5px; }.work-page-v3 .connection-tools span,.work-page-v3 .connection-tools span.is-large,.work-page-v3 .connection-tools span.is-small { width: 58px; height: 58px; border-radius: 18px; }.work-page-v3 .connection-tools img,.work-page-v3 .connection-tools .is-large img,.work-page-v3 .connection-tools .is-small img { width: 30px; height: 30px; }
  .work-page-v3 .connection-board > ol { grid-template-columns: 1fr; bottom: 20px; }.work-page-v3 .connection-board > ol li { min-height: 0; padding: 19px 8px; border-right: 0; border-bottom: 1px solid rgba(13,20,36,.1); }
  .work-page-v3 .automation-score { gap: 44px; margin-top: 58px; }.work-page-v3 .automation-score li { grid-template-columns: 54px 1fr; gap: 18px; min-height: 142px; }.work-page-v3 .automation-score li > div { grid-template-columns: 1fr; gap: 12px; }.work-page-v3 .automation-score__rail { left: 52px; }.work-page-v3 .automation-score > aside { min-height: 250px; padding: 26px; border-radius: 22px; }
}



/* Vast Logic contact redesign only */
.contact-form--reference{width:min(100%,620px)!important;margin-inline:auto!important;padding:28px!important;border-radius:28px!important;background:#111212!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important;display:grid!important;gap:21px!important;color:#f4f4f3!important}
.contact-reference__block{display:grid!important;gap:9px!important;margin:0!important;min-width:0!important}.contact-reference__label{margin:0 0 7px!important;color:#a1a3a6!important;font-size:13px!important;line-height:1.25!important;font-weight:400!important;letter-spacing:-.015em!important}
.contact-mode-switch{width:min(100%,430px)!important;min-height:54px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:5px!important;border-radius:17px!important;background:#202122!important;border:1px solid rgba(255,255,255,.025)!important;overflow:hidden!important}.contact-mode-switch button{min-width:0!important;min-height:44px!important;padding:0 18px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#85878b!important;font:inherit!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:background-color .22s cubic-bezier(.2,.8,.2,1),color .22s ease,transform .16s ease,box-shadow .22s ease!important}.contact-mode-switch button[aria-pressed="true"]{background:#f4f4f3!important;color:#101112!important;box-shadow:0 5px 14px rgba(0,0,0,.17)!important}.contact-mode-switch button:active{transform:scale(.975)!important}.contact-mode-switch button:focus-visible{outline:2px solid rgba(255,255,255,.72)!important;outline-offset:-3px!important}
.contact-reference__row-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:14px!important}.contact-reference__row-head>a{color:#e4e4e3!important;text-decoration:underline!important;text-underline-offset:4px!important;font-size:11px!important;white-space:nowrap!important}
.contact-plan-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.contact-plan-options button{min-width:0!important;min-height:58px!important;padding:9px 6px!important;border:1px solid rgba(255,255,255,.035)!important;border-radius:13px!important;background:#202122!important;color:#8d8f93!important;display:grid!important;place-content:center!important;text-align:center!important;font:inherit!important;cursor:pointer!important;transition:background-color .2s cubic-bezier(.2,.8,.2,1),color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease!important}.contact-plan-options button span{font-size:12px!important;font-weight:500!important;white-space:nowrap!important}.contact-plan-options button.is-selected,.contact-plan-options button[aria-checked="true"]{background:#f4f4f3!important;color:#101112!important;border-color:#f4f4f3!important;box-shadow:0 5px 14px rgba(0,0,0,.14)!important}.contact-plan-options button:active{transform:scale(.965)!important}.contact-plan-options button:focus-visible{outline:2px solid rgba(255,255,255,.72)!important;outline-offset:2px!important}
.contact-form--reference .field-row,.contact-form--reference .contact-reference__personal{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.contact-form--reference label{display:block!important;min-width:0!important;margin:0!important}.contact-form--reference input,.contact-form--reference textarea{width:100%!important;border:1px solid rgba(255,255,255,.035)!important;background:#202122!important;color:#f1f1f0!important;box-shadow:none!important;outline:none!important;font:inherit!important;transition:background-color .18s ease,border-color .18s ease,transform .16s ease!important}.contact-form--reference input{height:54px!important;min-height:54px!important;border-radius:16px!important;padding:0 17px!important;font-size:15px!important}.contact-form--reference textarea{min-height:132px!important;border-radius:18px!important;padding:16px 17px!important;font-size:15px!important;line-height:1.45!important;resize:vertical!important}.contact-form--reference input::placeholder,.contact-form--reference textarea::placeholder{color:#7b7e82!important;opacity:1!important}.contact-form--reference input:focus,.contact-form--reference textarea:focus{background:#242526!important;border-color:rgba(255,255,255,.18)!important}
.contact-choice-group{border:0!important;padding:0!important;margin:0!important}.contact-choice-group>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.contact-choice-group label{position:relative!important}.contact-choice-group input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.contact-choice-group span{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:9px 8px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.035)!important;background:#202122!important;color:#8b8d91!important;font-size:12px!important;cursor:pointer!important;text-align:center!important;transition:background-color .2s cubic-bezier(.2,.8,.2,1),color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease!important}.contact-choice-group label:active span{transform:scale(.97)!important}.contact-choice-group input:checked+span{background:#f4f4f3!important;color:#101112!important;border-color:#f4f4f3!important;box-shadow:0 5px 14px rgba(0,0,0,.13)!important}.contact-choice-group input:focus-visible+span{outline:2px solid rgba(255,255,255,.72)!important;outline-offset:2px!important}
.contact-reference__submit{height:56px!important;min-height:56px!important;border:0!important;border-radius:16px!important;background:#f4f4f3!important;color:#101112!important;font:inherit!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;margin-top:2px!important;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .18s ease,box-shadow .18s ease!important}.contact-reference__submit:hover{background:#fff!important}.contact-reference__submit:active{transform:scale(.985)!important}.contact-reference__submit:focus-visible{outline:2px solid rgba(255,255,255,.76)!important;outline-offset:3px!important}.contact-reference__submit:disabled{opacity:.65!important;cursor:wait!important}.contact-reference__legal{margin:0 auto!important;max-width:480px!important;text-align:center!important;color:#6e7175!important;font-size:11px!important;line-height:1.35!important}.contact-plan-picker[hidden],.contact-diagnostic-options[hidden]{display:none!important}.contact-panel-enter{animation:contactPanelIn .24s cubic-bezier(.2,.8,.2,1) both}@keyframes contactPanelIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.contact-form--reference{width:calc(100% - 24px)!important;max-width:430px!important;padding:18px!important;border-radius:24px!important;gap:17px!important}.contact-reference__label{font-size:12px!important;margin-bottom:6px!important}.contact-mode-switch{width:100%!important;min-height:50px!important;padding:4px!important;border-radius:16px!important}.contact-mode-switch button{min-height:42px!important;padding:0 10px!important;border-radius:13px!important;font-size:13px!important}.contact-form--reference input{height:50px!important;min-height:50px!important;border-radius:15px!important;padding:0 14px!important;font-size:14px!important}.contact-form--reference textarea{min-height:118px!important;border-radius:16px!important;padding:14px!important;font-size:14px!important}.contact-plan-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.contact-plan-options button{min-height:48px!important;padding:8px 4px!important}.contact-plan-options button span{font-size:11px!important}.contact-choice-group>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-reference__submit{height:52px!important;min-height:52px!important;border-radius:15px!important;font-size:15px!important}.contact-reference__legal{font-size:10px!important;padding-inline:4px!important}}
@media(max-width:360px){.contact-form--reference{width:calc(100% - 16px)!important;padding:14px!important;gap:15px!important}.contact-plan-options{gap:4px!important}.contact-plan-options button span{font-size:10px!important}.contact-form--reference .field-row,.contact-form--reference .contact-reference__personal{gap:6px!important}.contact-form--reference input{padding-inline:11px!important;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.contact-mode-switch button,.contact-plan-options button,.contact-choice-group span,.contact-reference__submit,.contact-form--reference input,.contact-form--reference textarea{transition:none!important}.contact-panel-enter{animation:none!important}}


/* mobile pricing order only */
@media (max-width: 760px) {
  .plan--essential { order: 1; }
  .plan--professional { order: 2; }
  .plan--enterprise { order: 3; }
  .plan { scroll-snap-align: center; }
}


/* team size selector in contact + current plan capacity ranges */
.contact-form--reference .contact-team-size[hidden]{display:none!important}
.contact-form--reference .contact-team-size .contact-choice-group>div{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.contact-form--reference .contact-team-size .contact-choice-group span{min-height:48px!important;padding:9px 4px!important;font-size:12px!important}
@media(max-width:760px){.contact-form--reference .contact-team-size .contact-choice-group>div{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.contact-form--reference .contact-team-size .contact-choice-group span{min-height:44px!important;padding:8px 3px!important;font-size:11px!important}}
@media(max-width:360px){.contact-form--reference .contact-team-size .contact-choice-group>div{gap:4px!important}.contact-form--reference .contact-team-size .contact-choice-group span{font-size:10px!important}}


/* editorial integration galleries */
.integration-card-modal{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:22px;visibility:hidden;pointer-events:none}
.integration-card-modal[aria-hidden="false"]{visibility:visible;pointer-events:auto}
.integration-card-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(32,33,34,.56);opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:opacity .26s ease,backdrop-filter .34s ease,-webkit-backdrop-filter .34s ease}
.integration-card-modal__dialog{position:relative;width:min(850px,calc(100vw - 44px));max-height:calc(100dvh - 44px);overflow:hidden;border-radius:31px;background:#e7e7e4;color:#0b0c0e;box-shadow:0 34px 90px rgba(0,0,0,.24);opacity:0;transform:translateY(15px) scale(.975);transition:opacity .27s ease,transform .38s cubic-bezier(.2,.78,.18,1)}
.integration-card-modal__panel{display:grid;grid-template-rows:auto auto auto;padding:16px}
.integration-card-modal__art{position:relative;margin:0;aspect-ratio:1.42/1;border-radius:23px;overflow:hidden;background:#f4f4f2;border:1px solid rgba(14,16,20,.055)}
.integration-card-modal__art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;transform:scale(1);transition:opacity .17s ease,transform .22s ease}
.integration-card-modal__art.is-switching img{opacity:.18;transform:scale(.992)}
.integration-card-modal__gallery{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:13px 10px 4px;opacity:0;transform:translateY(6px);transition:opacity .25s ease .11s,transform .32s cubic-bezier(.2,.78,.18,1) .1s}
.integration-card-modal__thumbs{display:flex;gap:9px;min-width:0;overflow:hidden}
.integration-card-modal__thumb{flex:0 0 74px;height:50px;padding:0;border:0;border-radius:9px;overflow:hidden;background:#f5f5f3;opacity:.58;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(12,14,17,.08);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}
.integration-card-modal__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.integration-card-modal__thumb:hover{opacity:.82}.integration-card-modal__thumb:active{transform:scale(.96)}.integration-card-modal__thumb.is-active{opacity:1;box-shadow:inset 0 0 0 2px rgba(12,14,17,.42)}
.integration-card-modal__gallery-arrow{width:26px;height:38px;padding:0;border:0;background:transparent;color:#818181;display:grid;place-items:center;cursor:pointer}.integration-card-modal__gallery-arrow span{font:400 34px/1 Arial,sans-serif;transform:translateY(-2px)}.integration-card-modal__gallery-arrow:active{transform:scale(.9)}
.integration-card-modal__copy{padding:19px 20px 10px;opacity:0;transform:translateY(9px);transition:opacity .27s ease .14s,transform .34s cubic-bezier(.2,.78,.18,1) .13s}
.integration-card-modal__copy h2{margin:0;font:600 clamp(34px,4.8vw,54px)/1 "DM Sans",sans-serif;letter-spacing:-.052em;color:#07080a}
.integration-card-modal__copy p{margin:12px 0 0;max-width:760px;font:400 clamp(15px,1.65vw,19px)/1.4 "DM Sans",sans-serif;letter-spacing:-.018em;color:#626365}
.integration-card-modal__close{position:absolute;right:20px;top:20px;z-index:5;width:50px;height:50px;border:0;border-radius:16px;background:#fff;color:#0d0e10;box-shadow:0 8px 24px rgba(0,0,0,.08);cursor:pointer;opacity:0;transform:scale(.91) rotate(-4deg);transition:opacity .22s ease .08s,transform .31s cubic-bezier(.2,.78,.18,1) .07s}
.integration-card-modal__close span{position:absolute;left:15px;right:15px;top:24px;height:2px;border-radius:2px;background:currentColor}.integration-card-modal__close span:first-child{transform:rotate(45deg)}.integration-card-modal__close span:last-child{transform:rotate(-45deg)}
.integration-card-modal__close:active{transform:scale(.94)!important}.integration-card-modal__close:focus-visible,.integration-card-modal__thumb:focus-visible,.integration-card-modal__gallery-arrow:focus-visible{outline:2px solid #111;outline-offset:2px}
.integration-card-modal.is-open .integration-card-modal__backdrop{opacity:1;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.integration-card-modal.is-open .integration-card-modal__dialog{opacity:1;transform:none}
.integration-card-modal.is-open .integration-card-modal__gallery,.integration-card-modal.is-open .integration-card-modal__copy{opacity:1;transform:none}
.integration-card-modal.is-open .integration-card-modal__close{opacity:1;transform:none}
.integration-card-modal.is-closing .integration-card-modal__backdrop{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
.integration-card-modal.is-closing .integration-card-modal__dialog{opacity:0;transform:translateY(9px) scale(.982);transition-duration:.22s}
.integration-card-modal.is-closing .integration-card-modal__gallery,.integration-card-modal.is-closing .integration-card-modal__copy,.integration-card-modal.is-closing .integration-card-modal__close{opacity:0;transition-delay:0s;transition-duration:.16s}
body.integration-card-modal-open{overflow:hidden}

@media(max-width:760px){
  .integration-card-modal{padding:11px}
  .integration-card-modal__dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 70px);border-radius:27px}
  .integration-card-modal__panel{padding:11px}
  .integration-card-modal__art{aspect-ratio:1.16/1;border-radius:20px}
  .integration-card-modal__gallery{grid-template-columns:20px minmax(0,1fr) 20px;gap:5px;padding:9px 4px 2px}
  .integration-card-modal__thumbs{gap:7px}
  .integration-card-modal__thumb{flex-basis:58px;height:43px;border-radius:8px}
  .integration-card-modal__gallery-arrow{width:20px;height:32px}.integration-card-modal__gallery-arrow span{font-size:29px}
  .integration-card-modal__copy{padding:15px 8px 6px}
  .integration-card-modal__copy h2{font-size:clamp(30px,8.8vw,39px)}
  .integration-card-modal__copy p{font-size:13.5px;line-height:1.38;margin-top:8px}
  .integration-card-modal__close{right:15px;top:15px;width:46px;height:46px;border-radius:15px}.integration-card-modal__close span{left:13px;right:13px;top:22px}
}
@media(max-height:700px) and (max-width:760px){
  .integration-card-modal__dialog{max-height:calc(100dvh - 52px)}
  .integration-card-modal__art{aspect-ratio:1.28/1}
  .integration-card-modal__copy{padding-top:10px}.integration-card-modal__copy h2{font-size:28px}.integration-card-modal__copy p{font-size:12px;margin-top:6px}.integration-card-modal__gallery{padding-top:6px}.integration-card-modal__thumb{height:36px}
}
@media(prefers-reduced-motion:reduce){.integration-card-modal__backdrop,.integration-card-modal__dialog,.integration-card-modal__gallery,.integration-card-modal__copy,.integration-card-modal__close,.integration-card-modal__art img,.integration-card-modal__thumb{transition:none!important}}



/* integration layout refinement */
@media (min-width: 761px) {
  .integration-cards {
    width: min(980px, calc(100% - 80px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    column-gap: 48px !important;
    row-gap: 48px !important;
    margin: 72px auto 128px !important;
    align-items: start !important;
  }

  .integration-card {
    min-height: 358px !important;
    padding: 38px 48px 30px !important;
    border: 1px solid rgba(12, 18, 35, .055) !important;
    border-radius: 38px !important;
    background: #fafaf8 !important;
    box-shadow: 0 18px 42px rgba(28, 34, 45, .10) !important;
    overflow: hidden !important;
  }

  .integration-card::before { display: none !important; }

  .integration-card:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    margin-top: 96px !important;
  }

  .integration-card:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0 !important;
    min-height: 390px !important;
  }

  .integration-card:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0 !important;
    min-height: 390px !important;
  }

  .integration-card:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    margin-top: -72px !important;
    min-height: 364px !important;
  }

  .integration-card h3 {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 30px !important;
    border-bottom: 1px solid rgba(16, 20, 30, .11) !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: clamp(34px, 3vw, 42px) !important;
    font-weight: 600 !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
  }

  .integration-card > p {
    max-width: none !important;
    margin: 29px 0 0 !important;
    color: #292b30 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.46 !important;
    letter-spacing: -.022em !important;
  }

  .integration-card > p::before {
    content: "Info";
    display: block;
    margin-bottom: 15px;
    color: #9a9b9d;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.015em;
  }

  .integration-card__foot {
    justify-content: flex-end !important;
    padding-top: 28px !important;
  }

  .integration-card__foot > i {
    width: 48px !important;
    height: 48px !important;
    border-radius: 17px !important;
    background: #e7e7e5 !important;
    box-shadow: none !important;
  }

  .integration-card__foot .icon-arrow {
    width: 13px !important;
    height: 13px !important;
  }

  .integration-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 24px 52px rgba(28, 34, 45, .12) !important;
  }

  .integration-card-modal {
    padding: 28px !important;
  }

  .integration-card-modal__dialog {
    width: min(760px, calc(100vw - 72px)) !important;
    max-height: calc(100dvh - 56px) !important;
    border-radius: 30px !important;
  }

  .integration-card-modal__panel {
    padding: 15px !important;
  }

  .integration-card-modal__art {
    aspect-ratio: 1.68 / 1 !important;
    border-radius: 22px !important;
  }

  .integration-card-modal__gallery {
    padding: 11px 8px 2px !important;
  }

  .integration-card-modal__thumb {
    flex-basis: 68px !important;
    height: 46px !important;
  }

  .integration-card-modal__copy {
    padding: 15px 18px 9px !important;
  }

  .integration-card-modal__copy h2 {
    font-size: clamp(34px, 3.2vw, 44px) !important;
  }

  .integration-card-modal__copy p {
    margin-top: 9px !important;
    font-size: 16px !important;
    line-height: 1.38 !important;
  }

  .integration-card-modal__close {
    right: 18px !important;
    top: 18px !important;
    width: 48px !important;
    height: 48px !important;
  }
}

@media (min-width: 761px) and (max-height: 760px) {
  .integration-card-modal__dialog {
    width: min(700px, calc(100vw - 72px)) !important;
  }

  .integration-card-modal__art {
    aspect-ratio: 1.82 / 1 !important;
  }

  .integration-card-modal__gallery {
    padding-top: 7px !important;
  }

  .integration-card-modal__thumb {
    height: 40px !important;
  }

  .integration-card-modal__copy {
    padding-top: 10px !important;
  }

  .integration-card-modal__copy h2 {
    font-size: 34px !important;
  }

  .integration-card-modal__copy p {
    font-size: 14px !important;
  }
}

/* same visual treatment on mobile; keep the existing one-column placement/order */
@media (max-width: 760px) {
  .integration-card {
    min-height: 276px !important;
    padding: 27px 26px 23px !important;
    border: 1px solid rgba(12, 18, 35, .055) !important;
    border-radius: 28px !important;
    background: #fafaf8 !important;
    box-shadow: 0 15px 34px rgba(28, 34, 45, .09) !important;
  }

  .integration-card::before { display: none !important; }

  .integration-card h3 {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 23px !important;
    border-bottom: 1px solid rgba(16, 20, 30, .105) !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: clamp(31px, 9vw, 38px) !important;
    font-weight: 600 !important;
    line-height: 1.02 !important;
    letter-spacing: -.052em !important;
  }

  .integration-card > p {
    max-width: none !important;
    margin: 22px 0 0 !important;
    color: #292b30 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.46 !important;
    letter-spacing: -.02em !important;
  }

  .integration-card > p::before {
    content: "Info";
    display: block;
    margin-bottom: 12px;
    color: #9a9b9d;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.012em;
  }

  .integration-card__foot {
    justify-content: flex-end !important;
    padding-top: 22px !important;
  }

  .integration-card__foot > i {
    width: 45px !important;
    height: 45px !important;
    border-radius: 16px !important;
    background: #e7e7e5 !important;
    box-shadow: none !important;
  }

  .integration-card__foot .icon-arrow {
    width: 12px !important;
    height: 12px !important;
  }
}



/* desktop contact sizing refinement only */
@font-face{font-family:"Inter Vast";src:url("/fonts/inter-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Inter Vast";src:url("/fonts/inter-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Inter Vast";src:url("/fonts/inter-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Inter Vast";src:url("/fonts/inter-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

.contact-form--reference,
.contact-form--reference * {
  font-family: "Inter Vast", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  letter-spacing: -0.018em !important;
}

.contact-form--reference {
  font-weight: 400 !important;
}

/* Section labels/titles: stronger visual hierarchy */
.contact-form--reference .contact-reference__label {
  font-weight: 700 !important;
  letter-spacing: -0.022em !important;
}

/* Main mode switch and submit button: bold, iOS-like emphasis */
.contact-form--reference .contact-mode-switch button,
.contact-form--reference .contact-reference__submit {
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* Secondary selectable options stay softer than headings */
.contact-form--reference .contact-plan-options button {
  font-weight: 600 !important;
}

.contact-form--reference .contact-choice-group span {
  font-weight: 500 !important;
}

/* User-entered text and placeholders stay clean, never bold */
.contact-form--reference input,
.contact-form--reference textarea {
  font-weight: 400 !important;
  letter-spacing: -0.012em !important;
}

.contact-form--reference input::placeholder,
.contact-form--reference textarea::placeholder {
  font-family: "Inter Vast", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.012em !important;
}

.contact-form--reference .contact-reference__legal {
  font-weight: 400 !important;
}

.contact-form--reference .contact-reference__row-head > a {
  font-weight: 600 !important;
}

.contact-form--reference .contact-mode-switch,
.contact-form--reference .contact-plan-options button:not(.is-selected):not([aria-checked="true"]),
.contact-form--reference .contact-choice-group input:not(:checked) + span,
.contact-form--reference input,
.contact-form--reference textarea {
  border-color: rgba(255,255,255,.045) !important;
  outline-color: transparent !important;
}

.contact-form--reference .contact-mode-switch button:not([aria-pressed="true"]),
.contact-form--reference .contact-plan-options button:not(.is-selected):not([aria-checked="true"]),
.contact-form--reference .contact-choice-group input:not(:checked) + span {
  box-shadow: none !important;
}

@media (min-width: 761px) {
  .contact-form--reference {
    width: min(100%, 540px) !important;
    max-width: 540px !important;
    padding: 22px !important;
    border-radius: 24px !important;
    gap: 15px !important;
  }

  .contact-reference__block {
    gap: 7px !important;
  }

  .contact-reference__label {
    margin-bottom: 4px !important;
    font-size: 12px !important;
  }

  .contact-mode-switch {
    width: min(100%, 395px) !important;
    min-height: 48px !important;
    padding: 4px !important;
    border-radius: 15px !important;
  }

  .contact-mode-switch button {
    min-height: 40px !important;
    padding-inline: 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .contact-reference__row-head > a {
    font-size: 10px !important;
  }

  .contact-plan-options {
    gap: 6px !important;
  }

  .contact-plan-options button {
    min-height: 50px !important;
    padding: 7px 5px !important;
    border-radius: 12px !important;
  }

  .contact-plan-options button span {
    font-size: 11px !important;
  }

  .contact-form--reference .field-row,
  .contact-form--reference .contact-reference__personal {
    gap: 8px !important;
  }

  .contact-form--reference input {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    padding-inline: 15px !important;
    font-size: 14px !important;
  }

  .contact-form--reference textarea {
    min-height: 108px !important;
    max-height: 150px !important;
    border-radius: 15px !important;
    padding: 14px 15px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .contact-choice-group > div {
    gap: 6px !important;
  }

  .contact-choice-group span {
    min-height: 38px !important;
    padding: 7px 7px !important;
    border-radius: 11px !important;
    font-size: 11px !important;
  }

  .contact-form--reference .contact-team-size .contact-choice-group > div {
    gap: 6px !important;
  }

  .contact-form--reference .contact-team-size .contact-choice-group span {
    min-height: 42px !important;
    padding: 7px 3px !important;
    font-size: 11px !important;
  }

  .contact-reference__submit {
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    margin-top: 0 !important;
  }

  .contact-reference__legal {
    max-width: 430px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}

@media (min-width: 761px) and (max-height: 760px) {
  .contact-form--reference {
    width: min(100%, 510px) !important;
    max-width: 510px !important;
    padding: 18px !important;
    gap: 12px !important;
  }

  .contact-mode-switch {
    min-height: 44px !important;
  }

  .contact-mode-switch button {
    min-height: 36px !important;
  }

  .contact-plan-options button,
  .contact-form--reference input {
    min-height: 44px !important;
    height: 44px !important;
  }

  .contact-form--reference .contact-team-size .contact-choice-group span {
    min-height: 38px !important;
  }

  .contact-form--reference textarea {
    min-height: 92px !important;
  }

  .contact-reference__submit {
    min-height: 46px !important;
    height: 46px !important;
  }
}



/* nav-integration-motion-v1 */
/* Four-square menu motion inspired by the supplied reference. */
.menu-pill .menu-icon--grid {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.menu-pill .menu-icon--grid i {
  position: absolute;
  width: 5px;
  height: 5px;
  margin: 0;
  border: 0;
  border-radius: 1.5px;
  background: currentColor;
  opacity: 1;
  transform: rotate(0deg) scale(1);
  transition: top .34s cubic-bezier(.2,.8,.2,1), right .34s cubic-bezier(.2,.8,.2,1), bottom .34s cubic-bezier(.2,.8,.2,1), left .34s cubic-bezier(.2,.8,.2,1), transform .34s cubic-bezier(.2,.8,.2,1), border-radius .34s ease;
}
.menu-pill .menu-icon--grid i:nth-child(1) { top: 2px; left: 2px; }
.menu-pill .menu-icon--grid i:nth-child(2) { top: 2px; right: 2px; }
.menu-pill .menu-icon--grid i:nth-child(3) { bottom: 2px; left: 2px; }
.menu-pill .menu-icon--grid i:nth-child(4) { right: 2px; bottom: 2px; }
.menu-pill:hover .menu-icon--grid i { border-radius: 1px; transform: rotate(45deg) scale(.94); }
.menu-pill[aria-expanded="true"] .menu-icon--grid i:nth-child(1) { top: 3px; left: 3px; transform: rotate(45deg) scale(.94); }
.menu-pill[aria-expanded="true"] .menu-icon--grid i:nth-child(2) { top: 3px; right: 3px; transform: rotate(45deg) scale(.94); }
.menu-pill[aria-expanded="true"] .menu-icon--grid i:nth-child(3) { bottom: 3px; left: 3px; transform: rotate(45deg) scale(.94); }
.menu-pill[aria-expanded="true"] .menu-icon--grid i:nth-child(4) { right: 3px; bottom: 3px; transform: rotate(45deg) scale(.94); }
.menu-pill { gap: 9px; }

/* Header CTA closer to the supplied Get in touch pill. */
.nav-cta {
  gap: 10px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 999px;
  background: #f7f7f5;
  color: #090a0a;
  box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 8px 26px rgba(0,0,0,.08);
  transition: transform .28s cubic-bezier(.2,.8,.2,1), background-color .25s ease, box-shadow .25s ease;
}
.nav-cta:hover { transform: translateY(-1px) scale(1.025); background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.nav-cta .nav-cta__spark {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  flex: 0 0 18px;
  font-size: 16px;
  line-height: 1;
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.nav-cta:hover .nav-cta__spark { transform: rotate(45deg) scale(1.08); }
.nav-cta .nav-cta__label { font-weight: 600; letter-spacing: -.018em; }

/* App icons: own brand tiles, larger desktop hover and mobile marquee. */
.integration-logo-row--motion {
  width: 100%;
  margin-top: 34px;
  overflow: visible;
}
.integration-logo-track { display: flex; justify-content: center; width: 100%; }
.integration-logo-set { display: flex; align-items: flex-start; justify-content: center; gap: 16px; }
.integration-logo-set[aria-hidden="true"] { display: none; }
.integration-app {
  position: relative;
  display: grid;
  justify-items: center;
  flex: 0 0 auto;
  outline: none;
}
.integration-app__icon {
  display: grid;
  width: 68px;
  height: 68px;
  place-items: center;
  overflow: hidden;
  border-radius: 16px;
  background: var(--app-bg, #111);
  box-shadow: 0 10px 28px rgba(20,30,45,.10), 0 1px 0 rgba(255,255,255,.18) inset;
  transform: translateZ(0) scale(1);
  transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, filter .32s ease;
}
.integration-app__icon img { display: block; width: 52%; height: 52%; object-fit: contain; }
.integration-app__name {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  width: max-content;
  max-width: 110px;
  margin: 0;
  color: currentColor;
  font: 600 11px/1.2 "DM Sans", system-ui, sans-serif;
  letter-spacing: -.01em;
  opacity: 0;
  transform: translate(-50%, -4px);
  transition: opacity .22s ease, transform .28s cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
}
.integration-app:hover .integration-app__icon,
.integration-app:focus-visible .integration-app__icon {
  transform: translateY(-6px) scale(1.13);
  box-shadow: 0 18px 36px rgba(20,30,45,.18), 0 1px 0 rgba(255,255,255,.22) inset;
}
.integration-app:hover .integration-app__name,
.integration-app:focus-visible .integration-app__name { opacity: 1; transform: translate(-50%, 0); }
.integration-logo-row--motion { padding-bottom: 28px; }
.integration-app--whatsapp { --app-bg: #25d366; }
.integration-app--instagram .integration-app__icon { background: radial-gradient(circle at 32% 104%,#ffd600 0 18%,#ff7a00 34%,#ff0169 57%,#d300c5 76%,#7638fa 100%); }
.integration-app--facebook { --app-bg: #1877f2; }
.integration-app--gmail { --app-bg: #fff; }
.integration-app--gmail .integration-app__icon { border: 1px solid rgba(10,20,30,.08); }
.integration-app--gmail .integration-app__icon img { width: 58%; height: 58%; }
.integration-app--sheets { --app-bg: #34a853; }
.integration-app--calendar { --app-bg: #4285f4; }
.integration-app--hubspot { --app-bg: #ff7a59; }
.integration-app--zapier { --app-bg: #ff4f00; }
.integration-app--mercadopago { --app-bg: #009ee3; }

@media (max-width: 760px) {
  .integration-logo-row--motion {
    width: calc(100% + 40px);
    margin-inline: -20px;
    margin-top: 26px;
    padding: 8px 0 12px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
  }
  .integration-logo-track {
    width: max-content;
    justify-content: flex-start;
    animation: integration-app-marquee 13s linear infinite;
    will-change: transform;
  }
  .integration-logo-set,
  .integration-logo-set[aria-hidden="true"] {
    display: flex;
    flex: none;
    justify-content: flex-start;
    gap: 12px;
    padding-right: 12px;
  }
  .integration-app__icon { width: 54px; height: 54px; border-radius: 14px; box-shadow: 0 8px 20px rgba(20,30,45,.10); }
  .integration-app__name { display: none; }
  .integration-app:hover .integration-app__icon { transform: none; }
}
@keyframes integration-app-marquee { to { transform: translate3d(-50%,0,0); } }
@media (prefers-reduced-motion: reduce) {
  .integration-logo-track { animation: none !important; transform: none !important; }
  .integration-app__icon, .integration-app__name, .menu-icon--grid i, .nav-cta, .nav-cta__spark { transition: none !important; }
}


/* menu-square-motion-v2 */
/* Tight 2x2 menu mark. Squares rotate individually; the parent never spins. */
.menu-pill .menu-icon--grid {
  display: grid !important;
  grid-template-columns: repeat(2, 5px);
  grid-auto-rows: 5px;
  gap: 2px;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  transform: none !important;
  transform-origin: 50% 50%;
  transition: none !important;
}
.menu-pill .menu-icon--grid i,
.menu-pill .menu-icon--grid i:nth-child(1),
.menu-pill .menu-icon--grid i:nth-child(2),
.menu-pill .menu-icon--grid i:nth-child(3),
.menu-pill .menu-icon--grid i:nth-child(4) {
  position: static !important;
  inset: auto !important;
  width: 5px;
  height: 5px;
  margin: 0;
  border: 0;
  border-radius: 1.35px;
  background: currentColor;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform .62s cubic-bezier(.22,1,.36,1), border-radius .62s cubic-bezier(.22,1,.36,1) !important;
  will-change: transform;
}
.menu-pill .menu-icon--grid i:nth-child(1) { transition-delay: 0ms !important; }
.menu-pill .menu-icon--grid i:nth-child(2) { transition-delay: 35ms !important; }
.menu-pill .menu-icon--grid i:nth-child(3) { transition-delay: 70ms !important; }
.menu-pill .menu-icon--grid i:nth-child(4) { transition-delay: 105ms !important; }
.menu-pill:hover .menu-icon--grid i,
.menu-pill:focus-visible .menu-icon--grid i,
.menu-pill[aria-expanded="true"] .menu-icon--grid i,
body.menu-open .menu-pill .menu-icon--grid i {
  border-radius: 1px;
  transform: rotate(45deg);
}

@media (max-width: 760px) {
  .menu-pill .menu-icon--grid {
    display: grid !important;
    grid-template-columns: repeat(2, 5px);
    grid-auto-rows: 5px;
    gap: 2px;
    width: 12px;
    height: 12px;
    flex-basis: 12px;
    transform: none !important;
  }
  .menu-pill .menu-icon--grid i { transform: rotate(0deg); }
  .menu-pill[aria-expanded="true"] .menu-icon--grid i,
  body.menu-open .menu-pill .menu-icon--grid i { transform: rotate(45deg); }
}


/* platform-polish-v1 */
.icon-arrow {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  transform: rotate(var(--arrow-angle, -45deg));
  transform-origin: 50% 50%;
  transition: transform .46s cubic-bezier(.22,.74,.18,1), opacity .3s ease;
}
.icon-arrow::before,.icon-arrow::after { content:none !important; display:none !important; }
@media (hover:hover) {
  a:hover .icon-arrow,button:hover .icon-arrow { transform: rotate(0deg); }
  .detail-back:hover .icon-arrow--left,button:hover .icon-arrow--left { transform: rotate(180deg); }
}
.nav-cta,.nav-cta:hover { transform:none !important; }
.nav-cta:hover { background:#fff; }
.demo-sidebar nav { min-height:0; overflow-y:auto; scrollbar-width:none; }
.demo-sidebar nav::-webkit-scrollbar { display:none; }
.demo-sidebar nav button { flex:0 0 auto; }
.demo-nav-icon { width:13px; height:13px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.demo-rich-panel { padding-top:18px; min-height:520px; animation:demo-panel-enter .28s cubic-bezier(.22,.74,.18,1); }
@keyframes demo-panel-enter { from { opacity:0; transform:translateY(7px); } }
.demo-panel-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:58px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.075); }
.demo-panel-toolbar > div:first-child { display:grid; gap:4px; }
.demo-panel-toolbar b { color:#e3e8e4; font-size:12px; font-weight:600; }
.demo-panel-toolbar span { color:#65706a; font-size:8px; }
.demo-filter-pills { display:flex !important; gap:5px !important; }
.demo-filter-pills button,.demo-quiet-action { min-height:28px; padding:0 10px; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:#101513; color:#6f7973; cursor:pointer; font-size:7.5px; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.demo-filter-pills button.is-active { border-color:rgba(110,145,255,.26); background:rgba(65,109,255,.12); color:#a9bbff; }
.demo-quiet-action { color:#91a6ea; }
.demo-live-badge { display:inline-flex !important; align-items:center; gap:6px; white-space:nowrap; }
.demo-live-badge i { width:5px; height:5px; border-radius:50%; background:#6e91ff; box-shadow:0 0 10px rgba(110,145,255,.7); }
.demo-data-table { margin-top:12px; }
.demo-data-head,.demo-data-row { display:grid; grid-template-columns:1.3fr 1.15fr .72fr .46fr; gap:16px; align-items:center; }
.demo-data-head { min-height:30px; padding:0 12px; color:#59645e; font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.demo-data-row { width:100%; min-height:72px; padding:0 12px; border:0; border-top:1px solid rgba(255,255,255,.07); border-radius:0; background:transparent; color:#a8b0ab; cursor:pointer; text-align:left; transition:background .18s ease,padding .18s ease; }
.demo-data-row:hover,.demo-data-row.is-selected { padding-inline:16px; background:rgba(65,109,255,.055); }
.demo-data-row > span:first-child { display:grid; gap:5px; }
.demo-data-row b { color:#dce1dd; font-size:9px; font-weight:600; }
.demo-data-row small,.demo-data-row > span:nth-child(2),.demo-data-row time { color:#68726c; font-size:7.5px; }
.demo-data-row em { justify-self:start; padding:5px 7px; border:1px solid rgba(110,145,255,.17); border-radius:999px; color:#8fa7f2; font-size:7px; font-style:normal; }
.demo-data-row time { justify-self:end; }
.demo-inbox { display:grid; grid-template-columns:.42fr .58fr; min-height:420px; margin-top:12px; border:1px solid rgba(255,255,255,.07); border-radius:14px; overflow:hidden; }
.demo-inbox-list { border-right:1px solid rgba(255,255,255,.07); background:#0c100f; }
.demo-inbox-list button { display:grid; gap:5px; width:100%; min-height:92px; padding:15px; border:0; border-bottom:1px solid rgba(255,255,255,.06); background:transparent; color:#6f7973; cursor:pointer; text-align:left; }
.demo-inbox-list button.is-active { background:rgba(65,109,255,.08); }
.demo-inbox-list b { color:#d8ddda; font-size:9px; }.demo-inbox-list span { overflow:hidden; font-size:7.5px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }.demo-inbox-list small { color:#56615b; font-size:6.8px; }
.demo-thread-preview { padding:18px; background:#0a0e0d; }
.demo-thread-preview header { display:flex; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.07); }
.demo-thread-preview header div { display:grid; gap:4px; }.demo-thread-preview header b { font-size:9px; }.demo-thread-preview header span,.demo-thread-preview header em { color:#67716c; font-size:7px; font-style:normal; }.demo-thread-preview header em { color:#7fa0ff; }
.demo-message { max-width:78%; margin-top:14px; padding:10px 12px; border-radius:12px; background:#141a17; color:#a7b0aa; font-size:8px; line-height:1.45; }
.demo-message.is-client { margin-left:auto; background:#18213a; color:#c5d0f3; }.demo-message.is-system { max-width:92%; margin-inline:auto; border:1px solid rgba(110,145,255,.12); background:rgba(65,109,255,.045); color:#718079; font-size:7px; }.demo-message.is-agent { color:#b6bdb8; }
.demo-visit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:14px; }
.demo-visit-grid article { min-height:210px; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:#101513; }
.demo-visit-grid time { display:block; color:#dce2de; font:500 24px/1 "Manrope",sans-serif; letter-spacing:-.05em; }.demo-visit-grid article > span { display:inline-block; margin-top:12px; padding:4px 6px; border-radius:999px; background:rgba(78,173,126,.1); color:#6fa785; font-size:6.5px; }.demo-visit-grid article > span.is-pending { background:rgba(201,154,77,.09); color:#b08c53; }.demo-visit-grid h4 { margin:32px 0 0; color:#dce1de; font-size:10px; }.demo-visit-grid p { margin:7px 0 0; color:#737d77; font-size:7.5px; }.demo-visit-grid small { display:block; margin-top:17px; color:#59635e; font-size:7px; }
.demo-day-line { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; margin-top:18px; color:#555f5a; font-size:7px; }.demo-day-line > i { height:1px; background:rgba(255,255,255,.08); }.demo-day-line > b { position:absolute; left:var(--slot); top:50%; width:6px; height:6px; overflow:hidden; border-radius:50%; background:#6e91ff; color:transparent; transform:translate(-50%,-50%); }
.demo-progress-label { white-space:nowrap; color:#7e92d3 !important; }
.demo-task-list { margin-top:12px; border-top:1px solid rgba(255,255,255,.06); }
.demo-task-list > button { display:grid; grid-template-columns:18px 1fr auto; align-items:center; gap:10px; width:100%; min-height:76px; padding:0 10px; border:0; border-bottom:1px solid rgba(255,255,255,.065); background:transparent; color:#77817b; cursor:pointer; text-align:left; }
.demo-task-list > button > i { width:12px; height:12px; border:1px solid #59645e; border-radius:4px; }.demo-task-list > button.is-done > i { border-color:#6e91ff; background:radial-gradient(circle,#6e91ff 0 37%,transparent 42%); }.demo-task-list > button > span { display:grid; gap:5px; }.demo-task-list b { color:#d7dcda; font-size:8.5px; }.demo-task-list small { color:#5f6963; font-size:7px; }.demo-task-list em { padding:4px 6px; border-radius:999px; background:rgba(65,109,255,.08); color:#8298dd; font-size:6.5px; font-style:normal; }.demo-task-list > button.is-done { opacity:.55; }.demo-task-list > button.is-done b { text-decoration:line-through; }
.demo-property-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:14px; }
.demo-property-grid article { min-height:176px; padding:15px; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:linear-gradient(145deg,rgba(65,109,255,.035),transparent 55%),#101513; }.demo-property-grid span { color:#62706a; font-size:6.5px; letter-spacing:.08em; }.demo-property-grid b { display:block; margin-top:18px; color:#dce1de; font-size:10px; }.demo-property-grid p { margin:7px 0 0; color:#68736c; font-size:7px; }.demo-property-grid strong { display:block; margin-top:23px; color:#a7b8ef; font:500 15px/1 "Manrope",sans-serif; }.demo-property-grid small { display:block; margin-top:8px; color:#56615b; font-size:6.5px; }
.demo-report-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:14px; }.demo-report-metrics article { min-height:112px; padding:14px; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:#101513; }.demo-report-metrics span { color:#66716b; font-size:7px; }.demo-report-metrics strong { display:block; margin-top:13px; color:#dce1de; font:500 23px/1 "Manrope",sans-serif; letter-spacing:-.05em; }.demo-report-metrics small { display:block; margin-top:9px; color:#7791df; font-size:6.8px; }
.demo-report-bars { display:grid; gap:13px; margin-top:24px; }.demo-report-bars > div { display:grid; grid-template-columns:80px 1fr 24px; align-items:center; gap:11px; color:#6f7973; font-size:7.5px; }.demo-report-bars i { height:7px; overflow:hidden; border-radius:999px; background:#131917; }.demo-report-bars i b { display:block; width:var(--value); height:100%; border-radius:inherit; background:linear-gradient(90deg,#3155ba,#6e91ff); }.demo-report-bars em { color:#788781; font-size:7px; font-style:normal; text-align:right; }
.demo-automation-list { margin-top:12px; }.demo-automation-list article { display:grid; grid-template-columns:1fr auto 34px; align-items:center; gap:14px; min-height:88px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,.065); }.demo-automation-list article > div { display:grid; gap:5px; }.demo-automation-list b { color:#d8ddda; font-size:8.5px; }.demo-automation-list span,.demo-automation-list em { color:#626d67; font-size:7px; font-style:normal; }.demo-automation-list article > button { position:relative; width:30px; height:17px; padding:0; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:#151a18; cursor:pointer; }.demo-automation-list article > button i { position:absolute; top:2px; left:2px; width:11px; height:11px; border-radius:50%; background:#69726d; transition:transform .2s ease,background .2s ease; }.demo-automation-list article > button[aria-pressed="true"] { border-color:rgba(110,145,255,.3); background:rgba(65,109,255,.12); }.demo-automation-list article > button[aria-pressed="true"] i { background:#7f9fff; transform:translateX(13px); }
.demo-mini-toast { position:absolute; right:22px; bottom:18px; z-index:8; padding:8px 10px; border:1px solid rgba(110,145,255,.22); border-radius:8px; background:#121821; color:#9fb1ef; font-size:7px; opacity:0; transform:translateY(7px); transition:opacity .2s ease,transform .25s ease; pointer-events:none; }.demo-mini-toast.is-visible { opacity:1; transform:none; }
@media (max-width:760px) {
  .demo-sidebar nav { max-width:calc(100% - 42px); overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; }
  .demo-sidebar nav button { flex:0 0 34px; scroll-snap-align:center; }
  .demo-nav-icon { width:12px; height:12px; }
  .demo-rich-panel { min-height:330px; padding-top:9px; }
  .demo-panel-toolbar { min-height:46px; gap:8px; padding-bottom:8px; }.demo-panel-toolbar b { font-size:9px; }.demo-panel-toolbar span { font-size:6.5px; }.demo-filter-pills { gap:3px !important; }.demo-filter-pills button,.demo-quiet-action { min-height:23px; padding:0 7px; font-size:6px; }
  .demo-data-head { display:none; }.demo-data-row { grid-template-columns:1.35fr .8fr auto; gap:8px; min-height:58px; padding:0 7px; }.demo-data-row > span:nth-child(2) { display:none; }.demo-data-row b { font-size:7.5px; }.demo-data-row small,.demo-data-row time { font-size:6px; }.demo-data-row em { padding:4px 5px; font-size:5.5px; }.demo-data-row:hover,.demo-data-row.is-selected { padding-inline:9px; }
  .demo-inbox { grid-template-columns:.44fr .56fr; min-height:286px; margin-top:7px; border-radius:10px; }.demo-inbox-list button { min-height:70px; padding:9px; }.demo-inbox-list b { font-size:6.5px; }.demo-inbox-list span { font-size:5.5px; }.demo-inbox-list small { font-size:5px; }.demo-thread-preview { padding:9px; }.demo-thread-preview header { padding-bottom:8px; }.demo-thread-preview header b { font-size:6.5px; }.demo-thread-preview header span,.demo-thread-preview header em { font-size:5px; }.demo-message { max-width:92%; margin-top:8px; padding:7px 8px; border-radius:8px; font-size:5.5px; }.demo-message.is-system { font-size:5px; }
  .demo-visit-grid { grid-template-columns:repeat(3,1fr); gap:4px; margin-top:7px; }.demo-visit-grid article { min-height:145px; padding:8px; border-radius:9px; }.demo-visit-grid time { font-size:14px; }.demo-visit-grid article > span { margin-top:7px; padding:3px 4px; font-size:4.8px; }.demo-visit-grid h4 { margin-top:18px; font-size:6.5px; }.demo-visit-grid p { font-size:5px; }.demo-visit-grid small { margin-top:10px; font-size:4.6px; }.demo-day-line { margin-top:10px; font-size:5px; }
  .demo-task-list { margin-top:6px; }.demo-task-list > button { grid-template-columns:14px 1fr auto; gap:6px; min-height:57px; padding:0 5px; }.demo-task-list > button > i { width:9px; height:9px; }.demo-task-list b { font-size:6.3px; }.demo-task-list small { font-size:5px; }.demo-task-list em { font-size:4.8px; }
  .demo-property-grid { gap:5px; margin-top:7px; }.demo-property-grid article { min-height:120px; padding:8px; border-radius:9px; }.demo-property-grid span { font-size:4.8px; }.demo-property-grid b { margin-top:10px; font-size:6.5px; }.demo-property-grid p { font-size:5px; }.demo-property-grid strong { margin-top:13px; font-size:10px; }.demo-property-grid small { font-size:4.8px; }
  .demo-report-metrics { gap:4px; margin-top:7px; }.demo-report-metrics article { min-height:75px; padding:7px; border-radius:8px; }.demo-report-metrics span { font-size:5px; }.demo-report-metrics strong { margin-top:8px; font-size:14px; }.demo-report-metrics small { margin-top:6px; font-size:4.7px; }.demo-report-bars { gap:8px; margin-top:12px; }.demo-report-bars > div { grid-template-columns:50px 1fr 18px; gap:6px; font-size:5.5px; }.demo-report-bars i { height:5px; }.demo-report-bars em { font-size:5px; }
  .demo-automation-list { margin-top:5px; }.demo-automation-list article { grid-template-columns:1fr auto 28px; gap:7px; min-height:58px; padding:0 5px; }.demo-automation-list b { font-size:6px; }.demo-automation-list span,.demo-automation-list em { font-size:4.8px; }.demo-automation-list article > button { width:25px; height:14px; }.demo-automation-list article > button i { width:8px; height:8px; }.demo-automation-list article > button[aria-pressed="true"] i { transform:translateX(11px); }
}


/* platform-polish-final-v1 */
/* Keep the header CTA visually still: only the existing label blur animates. */
.nav-cta,
.nav-cta:hover {
  transform: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 8px 26px rgba(0,0,0,.08) !important;
}
.nav-cta:hover {
  background: #f7f7f5 !important;
  color: #090a0a !important;
}
.nav-cta:hover .nav-cta__spark { transform: none !important; }
.site-nav.is-over-light .nav-cta:hover {
  border-color: #111412 !important;
  background: #111412 !important;
  color: #f2f1eb !important;
}

/* Section hierarchy makes the richer CRM navigation easier to scan. */
.demo-nav-section-label {
  display: block;
  margin: 14px 10px 3px;
  color: #4f5a54;
  font-size: 6px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .15em;
  text-transform: uppercase;
  pointer-events: none;
}

/* On mobile, switch the logo color instantly. A filter tween is what caused
   the mark to visibly lag behind rapid light/dark section changes. */
@media (max-width: 760px) {
  .site-nav .brand img {
    transition: none !important;
    will-change: filter;
  }
  .site-nav.is-over-light .brand img { filter: brightness(0) !important; }
  .site-nav.is-over-dark .brand img { filter: brightness(0) invert(1) !important; }
  body.menu-open .site-nav .brand img { filter: brightness(0) invert(1) !important; }
  .demo-nav-section-label { display: none; }
}


/* platform-interactions-final-v1 */
.demo-message.is-client {
  margin-left:0 !important;
  margin-right:auto !important;
  background:#141a17 !important;
  color:#b6bdb8 !important;
}
.demo-message.is-agent {
  margin-left:auto !important;
  margin-right:0 !important;
  background:#18213a !important;
  color:#c5d0f3 !important;
}
.demo-inbox-list button { transition:background .2s ease,color .2s ease; }
.demo-inbox-list button:hover { background:rgba(255,255,255,.025); }
.demo-inbox-list button.is-active { background:rgba(65,109,255,.09); }
.demo-data-row[hidden], .demo-property-grid article[hidden] { display:none !important; }
.demo-report-metrics strong,
.demo-report-metrics small,
.demo-report-bars i b,
.demo-report-bars em { transition:width .32s cubic-bezier(.22,.74,.18,1), opacity .18s ease, color .18s ease; }
.demo-disclaimer {
  width:min(1180px,calc(100% - 48px));
  margin:14px auto 0;
  color:#68716c;
  font-size:11px;
  line-height:1.55;
  text-align:center;
}
.demo-disclaimer strong { color:#8d9691; font-weight:600; }
.demo-filter-feedback { animation:demo-filter-feedback .24s ease; }
@keyframes demo-filter-feedback { from { opacity:.58; transform:translateY(2px); } to { opacity:1; transform:none; } }
@media (max-width:760px) {
  .demo-panel-toolbar { align-items:flex-start; flex-wrap:wrap; }
  .demo-panel-toolbar > div:first-child { min-width:0; }
  .demo-filter-pills { max-width:100%; overflow-x:auto; scrollbar-width:none; }
  .demo-filter-pills::-webkit-scrollbar { display:none; }
  .demo-inbox { grid-template-columns:1fr !important; min-height:0 !important; overflow:visible; }
  .demo-inbox-list {
    display:flex;
    gap:0;
    overflow-x:auto;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.07);
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .demo-inbox-list::-webkit-scrollbar { display:none; }
  .demo-inbox-list button {
    flex:0 0 58%;
    min-height:72px !important;
    border-right:1px solid rgba(255,255,255,.06) !important;
    border-bottom:0 !important;
    scroll-snap-align:start;
  }
  .demo-inbox-list b { font-size:7px !important; }
  .demo-inbox-list span { font-size:6px !important; }
  .demo-inbox-list small { font-size:5.3px !important; }
  .demo-thread-preview { min-height:214px; padding:12px !important; }
  .demo-thread-preview header b { font-size:7px !important; }
  .demo-thread-preview header span,.demo-thread-preview header em { font-size:5.5px !important; }
  .demo-message { max-width:86% !important; padding:8px 9px !important; font-size:6px !important; line-height:1.45; }
  .demo-message.is-system { max-width:94% !important; font-size:5.4px !important; }
  .demo-disclaimer { width:calc(100% - 28px); margin-top:10px; font-size:9px; }
}


/* platform-disclaimer-inside-frame-v1 */
.dashboard-frame > .demo-disclaimer {
  position: relative;
  z-index: 3;
  width: 100% !important;
  margin: 0 !important;
  padding: 11px 18px 12px;
  border-top: 1px solid rgba(255,255,255,.07);
  background: #0b0f0e;
  color: #6f7873;
  font-size: 10.5px;
  line-height: 1.45;
  text-align: center;
}
.dashboard-frame > .demo-disclaimer strong {
  color: #a0a8a3;
  font-weight: 600;
}
@media (max-width:760px) {
  .dashboard-frame > .demo-disclaimer {
    padding: 9px 12px 10px;
    font-size: 8.5px;
  }
}