@font-face{font-family:Archivo;src:url('/fonts/Archivo-latin-400_800.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:Archivo;src:url('/fonts/Archivo-latin-ext-400_800.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0100-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Instrument Sans';src:url('/fonts/InstrumentSans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/fonts/InstrumentSans-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0100-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
:root{--blue:#0066ff;--ink:#17243f;--paper:#f8faff;--lavender:#ede8ff;--coral:#ffe9dd;--mint:#dff4ee;--muted:#5d6d8b;--line:#dce5f5;--white:#fff;--soft-blue:#edf3ff;color-scheme:light}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.55 'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button,input,a,summary{touch-action:manipulation}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:5px}h1,h2{font-family:Archivo,'Instrument Sans',sans-serif;font-weight:750;letter-spacing:-.06em;line-height:1.03}h1{font-size:clamp(44px,6.3vw,88px)}h2{font-size:clamp(36px,4.9vw,66px)}h3{font-size:18px;letter-spacing:-.025em;line-height:1.3}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.section{padding:116px 0}[id]{scroll-margin-top:100px}@media(min-width:861px){.landing .section{padding-block:clamp(56px,10vh,96px)}.landing .agent-explained{margin-top:clamp(28px,4.5vh,52px)}}.landing .section[id]{scroll-margin-top:79px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--muted);margin-bottom:22px}.blue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);vertical-align:middle;margin-right:7px}.lead{font-size:19px;line-height:1.55;max-width:630px;margin:26px auto 0;color:var(--muted)}.section-intro{max-width:560px;color:var(--muted);font-size:18px;line-height:1.65;margin-top:22px}.caption{font-size:12px;color:var(--muted);margin-top:28px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;padding:12px;background:var(--white);border:2px solid var(--blue)}.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:10px;background:var(--blue);color:var(--white);font-size:14px;font-weight:650;line-height:1.3;min-height:48px;padding:14px 22px;transition:background .18s,box-shadow .18s}.button:hover{background:#0056d8;box-shadow:0 4px 15px #0066ff20}.button.small{min-height:42px;padding:11px 17px;font-size:13px}.button.secondary{background:var(--white);border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:#9abaff;background:var(--paper)}.button.light{background:#e6edff;color:var(--ink)}.button:disabled{background:var(--mint);color:#266357;box-shadow:none}.text-button{background:none;border:0;color:var(--blue);font-size:13px;font-weight:650;padding:10px 4px;white-space:nowrap}.text-button:hover{text-decoration:underline}
.site-top{position:sticky;z-index:40;top:0;border-bottom:1px solid var(--line);background:rgb(248 250 255 / 94%);backdrop-filter:blur(12px)}.nav-inner{width:min(1280px,calc(100% - 64px));height:78px;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font:750 24px/1 Archivo,'Instrument Sans',sans-serif;letter-spacing:-.055em}.brand .mark{width:28px;height:35px}.desktop-nav{display:flex;gap:30px;margin:auto;font-size:13px;font-weight:600}.desktop-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px}.language{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;min-width:58px;padding:8px;background:var(--white)}.mobile-nav{display:none}.mobile-nav summary{list-style:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;width:42px;height:42px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:70px;left:16px;right:16px;display:flex;flex-direction:column;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 18px 45px #17243f18}.mobile-nav nav>a:not(.button):not(.language){padding:10px}.mobile-nav nav .language{align-self:flex-start}
.hero{padding:76px 0 54px;text-align:center;background:radial-gradient(ellipse at 68% 20%,#e8efff88,transparent 62%),var(--paper);border-bottom:1px solid #eef2fa}.hero .eyebrow{display:inline-block;border:1px solid var(--line);padding:7px 11px;border-radius:20px;font-size:10px;background:#fff9;margin-bottom:25px}.underline{position:relative;z-index:1;white-space:nowrap}.underline:after{content:'';position:absolute;left:-2%;right:-2%;bottom:0;height:.16em;background:#bcd0ff;z-index:-1;border-radius:3px;transform:rotate(-1deg)}.hero-actions{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.price{font-size:12px;color:var(--muted);margin-top:14px}.hero-product{position:relative;margin:74px auto 0;max-width:1080px;padding:0 48px 40px 0;text-align:left}.browser-frame{overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 65px #19336512,0 2px 5px #19336508}.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;height:36px;padding:0 16px;font-size:10px;color:#74829d;border-bottom:1px solid var(--line)}.browser-bar>span:first-child{font-size:8px;letter-spacing:2px;color:#d5ddec}.hero-desktop img{width:100%}.phone-frame{position:absolute;right:-6px;bottom:0;width:190px;padding:6px;border-radius:25px;border:1px solid #cbd9f2;background:#fff;box-shadow:0 20px 40px #1e3b6b26;overflow:hidden}.phone-frame img{border-radius:19px}.pending-peek{position:absolute;right:-18px;top:58px;display:flex;gap:13px;align-items:center;background:var(--white);box-shadow:0 12px 35px #17243f15;border:1px solid var(--line);padding:16px 19px;border-radius:12px;max-width:310px}.pending-peek>span:last-child{display:grid;gap:2px}.pending-peek small{font-size:10px;color:var(--muted)}.pending-peek strong{font-size:14px}.pending-peek span>span{font-size:11px;color:var(--blue)}.peek-bell{display:grid;place-items:center;width:36px;height:36px;background:var(--soft-blue);border-radius:10px;color:var(--blue);font-size:25px}.pending-peek:hover{border-color:#9abaff}
.product-frame{margin-top:42px;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #17243f06}.product-tabs{display:flex;gap:8px;padding:16px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.product-tabs button{border:0;border-radius:8px;background:none;padding:10px 16px;font-size:13px;color:var(--muted);min-height:42px;font-weight:650}.product-tabs button[aria-selected=true]{background:#e5edff;color:#1458c5}.product-caption{padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.product-caption p{font-size:14px;color:var(--muted);margin-top:7px}.capture-label{font-size:10px;color:var(--muted);background:var(--paper);border-radius:5px;padding:7px 9px;flex-shrink:0}.product-shot{border-top:1px solid var(--line);background:#f5f7fb}.product-shot img{width:100%}.mobile-shot{display:none}
.closing{padding-block:100px}.closing>div{position:relative;overflow:hidden;text-align:center;padding:72px 25px;background:linear-gradient(120deg,#eef3ff,#e5efff 75%,#e5f5f1);border-radius:28px}.closing .section-intro{max-width:540px;margin-inline:auto}.closing .button{margin-top:28px;background:var(--blue);color:#fff}.site-footer{display:flex;align-items:center;gap:28px;padding-block:28px 38px;border-top:1px solid var(--line)}.site-footer .brand{font-size:18px}.site-footer .mark{width:20px;height:25px}.site-footer>p{font-size:11px;color:var(--muted);margin:auto}.site-footer nav{display:flex;gap:20px;align-items:center;font-size:11px;color:var(--muted)}.site-footer .language{min-height:32px;min-width:44px;border:0;background:none}
:root{--violet:#7357d8;--violet-bg:#efebff;--teal:#0f8f80;--teal-bg:#dcf4ef;--orange:#c9621c;--orange-bg:#ffeadb;--coral-ink:#c4562a;--pulse:#2f6df6;--online:#3aa57f}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/IBMPlexMono-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.mono{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
.ico{display:inline-grid;place-items:center;flex-shrink:0}.ico svg{width:100%;height:100%}
.tone-violet{background:var(--violet-bg);color:var(--violet)}.tone-orange{background:var(--orange-bg);color:var(--orange)}.tone-teal{background:var(--teal-bg);color:var(--teal)}.tone-blue{background:var(--soft-blue);color:var(--blue)}.tone-coral{background:var(--coral);color:var(--coral-ink)}.tone-ink{background:#eef1f6;color:var(--ink)}
.peek-bell{width:36px;height:36px;padding:8px;background:var(--soft-blue);border-radius:10px;color:var(--blue)}
/* Agents: what each built-in agent does, and your own. */
.agents{background:var(--ink);color:var(--white)}.agents .eyebrow{color:#b8c9f0}.agents .section-intro{color:#c0cbe1;margin-top:0}
.agents-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end}
.agent-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;font-size:14px;color:#dbe3f3}.agent-points li:before{content:'✓';margin-right:12px;color:#95b8ff}
.agent-explained{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:52px}
.agent-explained article{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0d}
.agent-explained .ico{width:38px;height:38px;padding:9px;border-radius:10px;margin-bottom:4px}
.agent-explained h3{margin:0;font-size:17px}.agent-explained p{margin:0;font-size:14px;line-height:1.5;color:#dbe3f3}
.agent-explained blockquote{margin:0;padding-left:12px;border-left:2px solid #6fa3ff;font-size:14px;opacity:.9}.agent-explained small{margin-top:auto;font-size:12px;opacity:.72}
/* The shared-project graph: team, BonDossier, the project, assistants and built-in agents. */
.together{background:var(--paper)}.center-heading{text-align:center;max-width:950px;margin:0 auto 48px}.section.together{padding-block:clamp(16px,3vh,32px) clamp(48px,8vh,80px)}.together .center-heading{max-width:none;margin-bottom:clamp(12px,2vh,20px)}.together .eyebrow{margin-bottom:8px}.together h2{font-size:clamp(28px,min(2.8vw,5vh),44px)}.center-heading .section-intro{margin-inline:auto;max-width:680px}
.net{position:relative;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 24px 70px #1933650d}
.net-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;border-bottom:1px solid #e9eef8;font-size:13px;font-weight:650}
.net-head .net-kind{font-size:11px;font-weight:450;color:var(--muted);text-align:right}
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--online);box-shadow:0 0 0 4px #3aa57f22;margin-right:8px;vertical-align:-1px}
.net-body{position:relative}
.net-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.net-links path{fill:none;stroke:#c5d4f3;stroke-width:1.6;stroke-dasharray:5 7;stroke-linecap:round;transition:stroke .3s,opacity .3s}
.net-links path.is-active{stroke:#3f6fe8;stroke-width:2.2}
.net-links .net-node{fill:#7f9ff0;stroke:#fff;stroke-width:2}
.net-links .net-pulse{fill:var(--pulse);stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 6px #2f6df699)}
.net-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(190px,230px) 1fr minmax(190px,230px);gap:24px;padding:14px 40px 16px;background-image:linear-gradient(#e8eef866 1px,transparent 1px),linear-gradient(90deg,#e8eef866 1px,transparent 1px);background-size:34px 34px}
.net-col{display:flex;flex-direction:column;gap:10px}
.net-col h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7b8aa7;font-weight:700;margin:0 0 2px 14px;line-height:1.3}
.assistants h3{text-align:right;margin:0 14px 2px 0}
.net-card{position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:52px;padding:8px 12px;text-align:left;background:#fff;border:1px solid #e1e8f4;border-radius:14px;box-shadow:0 6px 18px #17243f0a;color:var(--ink);transition:border-color .25s,box-shadow .25s,transform .25s}
.net-card:hover{border-color:#b9cdf6}
.net-card[aria-pressed=true]{border-color:#8eacf3}
.net-card.is-active{border-color:#5e86ef;box-shadow:0 0 0 4px #2f6df614,0 10px 26px #2f6df61c}
.net-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;font-size:13px;font-weight:700;letter-spacing:.02em}
.net-avatar svg{width:20px;height:20px}@media(min-width:901px){.net .net-avatar{width:34px;height:34px;border-radius:10px}.net .net-avatar svg{width:18px;height:18px}}
.net-text{display:grid;min-width:0}.net-text strong{font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.net-text small{font-size:12px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.net-dot{width:7px;height:7px;border-radius:50%;background:#cfd8e8;margin-left:auto;flex-shrink:0;transition:background .25s,box-shadow .25s}.net-dot.online{background:var(--online)}
.net-card.is-active .net-dot{background:var(--blue);box-shadow:0 0 0 4px #2f6df622}
.net-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:14px;gap:16px}
.net-core{position:relative;display:grid;justify-items:center;width:min(290px,100%);padding:12px 14px 12px;border:1px solid #d3def6;border-radius:24px;background:linear-gradient(160deg,#fff 30%,#f1f5ff);box-shadow:0 7px 0 #dbe4f6,0 22px 50px #3f6fe824;transition:box-shadow .35s}
.net-core::before{content:'';position:absolute;inset:-24px -40px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#dbe6ff,#dbe6ff00);opacity:.75}
.net-core .mark{width:24px;height:29px;margin-bottom:6px}
.net-core strong{font:750 19px/1.1 Archivo,'Instrument Sans',sans-serif;letter-spacing:-.04em}
.net-core small{font-size:12px;color:var(--muted);margin-top:3px}
.net-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;justify-content:center}.net-chips span{font-size:11px;color:#4d5f80;padding:4px 8px;border:1px solid #e1e8f5;border-radius:6px;background:#fff}
.net-core.is-active{box-shadow:0 7px 0 #d0dcf5,0 0 0 6px #2f6df612,0 26px 60px #3f6fe838}
.net-project{display:flex;align-items:center;gap:13px;width:min(290px,100%);padding:9px 14px;background:#fff;border:1px solid #e1e8f4;border-radius:14px;box-shadow:0 6px 18px #17243f0a;transition:border-color .25s,box-shadow .25s}
.net-project .net-text strong{font-size:13px}.net-project .net-text small{font-size:11px}
.net-folder{width:22px;height:22px;color:#6b7ea3}
.net-project.is-active{border-color:#5e86ef;box-shadow:0 0 0 4px #2f6df614}
.net-agents{position:relative;z-index:2;padding:10px 22px 12px;background:#fafbfe;border-top:1px solid #e9eef8}
.net-agents-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}
.net-agents-head h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#3f63c8;font-weight:700}
.net-agents-head p{font-size:13px;color:var(--muted)}
.net-agent-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.net-agent{display:flex;align-items:center;gap:13px;min-width:0;padding:8px 12px;background:#fff;border:1px solid #e1e8f4;border-radius:13px;transition:border-color .25s,box-shadow .25s,transform .25s}
.net-agent .ico{width:32px;height:32px;padding:7px;border-radius:9px}
.net-agent .net-text strong{font-size:13px}
.net-agent.is-active{border-color:#5e86ef;box-shadow:0 0 0 4px #2f6df614,0 10px 24px #2f6df614;transform:translateY(-2px)}
.net-status{display:flex;align-items:center;gap:16px;padding:10px 22px;border-top:1px solid #e9eef8;background:#fff}
.net-check{width:34px;height:34px;padding:8px;border-radius:11px;background:var(--soft-blue);color:var(--blue);border:1px solid #d6e2fb}
.net-status-text{min-width:0;flex:1}.net-status-text strong{display:block;font-size:14px}.net-status-text p{font-size:13px;color:var(--muted);margin-top:3px}
.net-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.net-steps{display:flex;gap:6px}
.net-step{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}
.net-step:hover{border-color:#9abaff;color:var(--ink)}
.net-step[aria-current=step]{background:var(--blue);border-color:var(--blue);color:#fff}
.net-play{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px;font-weight:650}
.net-play>span{display:inline-flex;align-items:center;gap:7px}.net-play .ico{width:13px;height:13px}
.net-play:hover{border-color:#9abaff}
.net-pill{font-size:11px;color:#5d6d8b;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);white-space:nowrap}
/* Below the graph: one visible line, the details on demand. */
.graph-note{max-width:880px;margin:22px auto 0;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}
.graph-foot{max-width:880px;margin:10px auto 0;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}.graph-foot .graph-note{display:inline;margin:0;max-width:none}.graph-how{display:inline}.graph-how[open]{display:block}
.graph-how summary{display:inline-flex;align-items:center;gap:4px;margin-left:10px;color:#1458c5;font-weight:650;cursor:pointer;list-style:none}.graph-how summary::-webkit-details-marker{display:none}.graph-how summary::after{content:'›';transition:transform .2s}.graph-how[open] summary::after{transform:rotate(90deg)}.graph-how summary:hover{text-decoration:underline;text-underline-offset:3px}.graph-how p{margin-top:6px}
/* Customisation: one example of a CRM agent proposal. */
.custom-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.custom-points{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;font-size:15px;color:var(--ink);max-width:560px}
.custom-points li{position:relative;padding-left:24px}.custom-points li:before{content:'';position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:3px;background:var(--violet)}.custom-points li+li:before{background:var(--teal)}
.custom-product{margin:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px #1933650a}.custom-product img{width:100%;height:auto}
/* Demo workspaces and trade pages. */
.trades{background:var(--paper);border-top:1px solid #eef2fa}
.chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chip-list a{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:600}
.chip-list a:hover{border-color:#9abaff;color:var(--blue)}
.chip-list.quiet{margin-top:16px;gap:8px}.chip-list.quiet a{min-height:36px;padding:6px 12px;font-size:13px;font-weight:500;color:#33415e}
.trade-title{margin-top:40px;font-size:15px}
.closing .hero-actions{margin-top:28px}.closing .hero-actions .button{margin-top:0}.closing .button.secondary{background:#fff;color:var(--ink)}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.net-links path.is-active{animation:net-flow 1.6s linear infinite}@keyframes net-flow{to{stroke-dashoffset:-24}}}
@media(max-width:1100px){.nav-inner{gap:20px}.desktop-nav{gap:18px}.pending-peek{right:0}.net-stage{padding-inline:28px;grid-template-columns:minmax(180px,210px) 1fr minmax(180px,210px)}.agent-explained{grid-template-columns:repeat(2,minmax(0,1fr))}.net-agent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-layout{gap:44px}}
@media(max-width:860px){.desktop-nav{display:none}.nav-actions{margin-left:auto}.mobile-nav{display:block}.section{padding:80px 0}.hero{padding-top:60px}.hero-product{padding-right:36px}.phone-frame{width:160px}.agents-intro{grid-template-columns:1fr;gap:24px}.custom-layout{grid-template-columns:1fr}.net-status{flex-wrap:wrap}.net-controls{width:100%;justify-content:space-between}.site-footer{flex-wrap:wrap;justify-content:space-between}.site-footer>p{margin:0}.site-footer nav{width:100%;justify-content:center;flex-wrap:wrap}.closing{padding-block:70px}}
@media(min-width:901px){.together h2 br{display:none}}
/* The hero on a computer: the promise and its buttons beside the product preview, so that both are read in one screen.
   Same words, logo, colours and captures; the captures keep their proportions. */
@media(min-width:1100px){
.landing .hero{padding-block:clamp(24px,5vh,56px);text-align:left}
.landing .hero>.wrap{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:44px;align-items:center}
.landing .hero h1{font-size:clamp(42px,min(3.9vw,7.4vh),60px)}.landing .hero .lead{margin:20px 0 0;font-size:18px}
.landing .hero .hero-actions{justify-content:flex-start;margin-top:24px}
.landing .hero-product{margin:0;max-width:none;padding:0 30px 30px 0}.landing .hero .phone-frame{width:clamp(120px,10.5vw,156px)}.landing .hero .pending-peek{top:44px;right:-10px}
}
/* The product section on a computer: the title on one line, then one framed view whose width follows the screen height,
   so that the tabs, the caption and the whole capture are read without scrolling. The capture keeps its proportions. */
@media(min-width:861px){
.section.product{padding-top:clamp(20px,3.5vh,36px)}.product>.wrap{display:flex;flex-direction:column;align-items:center}.product .eyebrow{margin-bottom:8px}
.product h2{font-size:clamp(28px,min(2.8vw,5vh),44px);text-align:center}.product h2 br{display:none}
.product-frame{width:clamp(600px,calc((100vh - 326px) * 1.6),100%);margin-top:clamp(14px,2.5vh,24px)}.product-tabs{padding:10px 16px}
.product-caption{padding:10px 20px}.product-caption>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}.product-caption h3{font-size:16px}.product-caption p{margin-top:0}
}
/* Tablets and phones: BonDossier first, then each person beside their assistant. The links become highlights. */
@media(max-width:900px){
.net-head{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}.net-head .net-kind{text-align:left;font-size:10px}
.net-links{display:none}
.net-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 10px;padding:20px 12px 22px;background-size:28px 28px}
.net-center{grid-column:1/-1;grid-row:1;padding-top:0;gap:14px}
.net-col{gap:10px}.net-col h3,.assistants h3{margin:0 0 2px 4px;font-size:9px;letter-spacing:.1em;text-align:left}
.net-card{min-height:58px;gap:8px;padding:9px 8px;border-radius:11px}
.net-avatar{width:30px;height:30px;border-radius:8px;font-size:10px}.net-avatar svg{width:16px;height:16px}
.net-text strong{font-size:12px}.net-text small{font-size:10px}
.net-card .net-dot{display:none}
.net-core{padding:16px 14px 14px;border-radius:18px}.net-core .mark{width:24px;height:29px;margin-bottom:6px}.net-core strong{font-size:19px}.net-core::before{inset:-20px}
.net-project{padding:10px 12px}
.net-agents{padding:18px 12px}.net-agents-head{flex-direction:column;gap:4px}.net-agents-head h3{font-size:10px}.net-agents-head p{font-size:12px}
.net-agent-list{gap:8px}.net-agent{gap:8px;padding:10px 9px}.net-agent .ico{width:30px;height:30px;padding:7px}.net-agent .net-text strong{font-size:12px;white-space:normal;line-height:1.2}.net-agent .net-text small{font-size:10px;white-space:normal}
.net-status{padding:14px 14px;gap:12px;align-items:flex-start}.net-check{width:34px;height:34px;padding:8px}.net-controls{flex-wrap:wrap}.net-pill{font-size:10px;padding:6px 8px}
}
@media(max-width:640px){.landing .section[id]{scroll-margin-top:69px}.wrap{width:calc(100% - 32px)}.nav-inner{width:calc(100% - 32px);height:68px;gap:12px}.brand{font-size:21px;gap:8px}.brand .mark{width:24px;height:30px}.nav-actions>.button{display:none}.nav-actions{margin-left:auto}.nav-actions .language{min-width:44px}.hero{padding:48px 0 35px}.hero h1{font-size:clamp(40px,9.8vw,60px);line-height:1.06}.hero .eyebrow{font-size:9px;letter-spacing:.1em;padding:6px 8px}.lead{font-size:16px;margin-top:22px;max-width:400px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{font-size:13px;padding-inline:15px}.hero-product{display:flex;flex-direction:column;align-items:center;margin-top:34px;padding:0;gap:22px}.hero-desktop{display:none}.phone-frame{position:static;width:min(280px,90%);padding:6px;border-radius:25px;order:1;box-shadow:0 15px 45px #1e3b6b18}.pending-peek{position:static;width:min(320px,100%);max-width:none;order:0;padding:13px 16px}.section{padding:64px 0}.section-intro{font-size:16px;margin-top:18px}.eyebrow{font-size:10px;margin-bottom:18px}.product-frame{margin-top:30px;border-radius:13px}.product-tabs{gap:2px;padding:10px 5px;justify-content:space-between}.product-tabs button{font-size:12px;padding:8px 9px;min-height:40px}.product-caption{padding:20px 18px}.product-caption h3{font-size:17px}.product-caption p{font-size:13px;margin-top:8px}.desktop-shot{display:none}.mobile-shot{display:block;max-width:390px;margin:auto}.agent-explained{grid-template-columns:1fr;margin-top:36px}.center-heading{margin-bottom:30px}.together h2{font-size:clamp(32px,8vw,44px)}.net{border-radius:15px}.graph-note{font-size:11px;margin-top:18px}.chip-list a{font-size:13px;min-height:40px;padding:8px 13px}.closing{padding-block:56px}.closing>div{padding:48px 18px;border-radius:20px}.closing .eyebrow{font-size:9px}.site-footer{gap:20px;padding-block:24px 30px}.site-footer nav{gap:16px;font-size:11px}}
@media(max-width:350px){.nav-inner{gap:8px}.brand{font-size:19px}.brand .mark{width:22px}.language{min-width:36px!important}.mobile-nav summary{width:36px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%;max-width:260px}.product-tabs button{padding-inline:6px;font-size:11px}.net-stage{padding-inline:8px;gap:14px 6px}.net-card{padding:8px 6px;gap:6px}.net-avatar{width:26px;height:26px}.net-text strong{font-size:11px}.net-agent-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The French hero keeps each sentence on one line on narrow phones. */
@media(max-width:640px){html[lang="fr"] .hero h1{font-size:clamp(32px,8.8vw,56px)}}
/* The English hero keeps "Track your projects." inside a 320 px window too. */
@media(max-width:350px){html[lang="en"] .landing .hero h1{font-size:34px}}
/* Trade pages (/crm/<trade>): the landing's look, a typical need, an example of stages and fields, questions. */
.trade-hero{text-align:left}.trade-hero .lead{margin-left:0}.trade-hero .hero-actions{justify-content:flex-start}.trade-hero h1{font-size:clamp(38px,5.4vw,72px);max-width:980px}
.breadcrumb{display:flex;gap:8px;font-size:12px;color:var(--muted);margin-bottom:22px}.breadcrumb a{color:var(--blue)}
.trade-need{margin-top:44px;max-width:820px;padding:22px 24px;border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:14px;background:#fff}
.trade-need blockquote{margin:0;font-size:17px;line-height:1.6}.trade-need figcaption{margin-top:10px;font-size:12px;color:var(--muted)}
.trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.trade-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.trade-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.trade-chips span{padding:5px 10px;border-radius:7px;font-size:13px;font-weight:600;background:var(--soft-blue);color:#1d4fb8}
.trade-chips.flow span{background:var(--violet-bg);color:var(--violet)}.trade-chips.flow span:nth-child(3n+2){background:var(--orange-bg);color:var(--orange)}.trade-chips.flow span:nth-child(3n){background:var(--teal-bg);color:var(--teal)}
.trade-note{margin-top:12px;font-size:13px;color:var(--muted)}
.trade-shot{margin-top:36px}.trade-shot img{width:100%}
.trade-assistants{background:var(--paper)}.trade-assist{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}.trade-assist .button{margin-top:26px}
.trade-ai{list-style:none;padding:0;margin:0;display:grid;gap:12px}.trade-ai li{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:15px}
.faq-list{display:grid;gap:10px;margin-top:30px;max-width:900px}.faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff}
.faq-list summary{cursor:pointer;padding:16px 18px;font-weight:650;list-style-position:outside}.faq-list details p{padding:0 18px 18px;color:var(--muted);line-height:1.65}
@media(max-width:860px){.trade-grid,.trade-assist{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.trade-hero h1{font-size:clamp(30px,8.6vw,44px)}.trade-need{padding:16px}.trade-need blockquote{font-size:15px}.trade-grid article{padding:16px}}
.net-inbox{display:flex;align-items:center;gap:11px;padding:6px 12px 6px 8px;border:1px solid #f3d9c4;border-radius:12px;background:#fff8f2;flex-shrink:0}
.net-bell{width:30px;height:30px;padding:7px;border-radius:9px;background:var(--orange-bg);color:var(--orange)}
.net-inbox>span:last-child{display:grid;gap:1px}.net-inbox small{font-size:10px;color:var(--muted)}.net-inbox strong{font-size:13px}.net-inbox [data-net-pending]{font-size:11px;color:var(--orange)}
@media(max-width:1100px){.net-status{flex-wrap:wrap}.net-controls{width:100%;justify-content:space-between}}
@media(max-width:900px){.net-inbox{order:3;width:100%}}
.trade-hero .underline{white-space:normal}
@media(max-width:640px){.trade-shot{max-width:330px;margin-inline:auto}.trade-shot .browser-bar{display:none}}
/* Help pages (/aide, /connecteurs) and the client file template: the landing's look, plain reading width. */
.help-hero{text-align:left;padding-bottom:48px}.help-hero .lead{margin-left:0;max-width:720px}.help-hero .hero-actions{justify-content:flex-start}.help-hero h1{font-size:clamp(36px,5vw,64px);max-width:900px}
.help-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start;padding-block:56px 24px}
.help-content{display:grid;gap:40px;min-width:0}.help-content section{display:grid;gap:12px}
.help-content h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.04em;line-height:1.15}.help-content h3{font-size:16px}
/* Security page checks: the live service and the local checks read as two groups, each check's scope set back. */
.help-content .checks-group{margin-top:12px;padding-top:16px;border-top:1px solid var(--line);font-size:18px;letter-spacing:-.01em}.help-content .checks-scope{color:var(--muted);margin-top:-6px}
.help-content p,.help-content li,.help-content dd{font-size:16px;line-height:1.65;color:#33415e}.help-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.help-content code{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:.88em;background:var(--soft-blue);border-radius:5px;padding:1px 5px;overflow-wrap:anywhere}
.help-content pre{margin:0;padding:16px;border-radius:12px;background:var(--ink);color:#e6edff;overflow-x:auto;max-width:100%}.help-content pre code{background:none;padding:0;color:inherit;font-size:13px;white-space:pre;overflow-wrap:normal}
.help-steps,.help-list{margin:0;padding-left:22px;display:grid;gap:10px}.help-steps li::marker{font-weight:700;color:var(--blue)}
.help-where{font-size:13px!important;color:var(--muted)!important}
.state{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.state::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.state.on{background:var(--teal-bg);color:var(--teal)}.state.soon{background:var(--orange-bg);color:var(--orange)}.state.off{background:#eef1f6;color:#5d6d8b}
.help-table{display:grid;gap:12px}.help-table article{display:grid;gap:8px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.help-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.help-row-head h2{font-size:17px;letter-spacing:-.02em;line-height:1.35}
.help-routes{display:grid;gap:8px}.help-routes p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.help-routes p span{grid-column:1/-1;font-size:14px;color:var(--muted)}.help-routes .verb{background:var(--violet-bg);color:var(--violet);font-weight:700}
.help-more{position:sticky;top:100px;display:grid;gap:8px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.help-more h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.help-more a{font-size:14px;font-weight:600;padding:6px 0;color:var(--ink)}.help-more a:hover{color:var(--blue)}
.help-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.help-card{display:grid;gap:8px;align-content:start;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}.help-card:hover{border-color:#9abaff;box-shadow:0 10px 26px #2f6df614}
.help-card strong{font-size:18px;letter-spacing:-.02em}.help-card span{color:var(--muted);font-size:15px;line-height:1.55}.help-card small{font-size:12px;color:var(--blue);font-weight:700}
.help-body>.help-where{grid-column:1/-1}
.help-columns{display:grid;gap:10px;margin:0}.help-columns div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #eef2fa}.help-columns dt{font-weight:700}.help-columns dd{margin:0}
.help-trades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-trades article{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.help-trades p{font-size:14px}
@media(max-width:960px){.help-body{grid-template-columns:1fr;gap:36px}.help-more{position:static}}
@media(max-width:640px){.help-hero h1{font-size:clamp(30px,8.6vw,44px)}.help-body{padding-block:36px 8px}.help-cards,.help-trades{grid-template-columns:1fr}.help-columns div{grid-template-columns:1fr;gap:2px}.help-row-head{flex-direction:column;gap:8px}.help-content p,.help-content li,.help-content dd{font-size:15px}}