@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700&display=swap');
@import url('brand-wordmark.css');
.section-grid h2 em{margin-right:.12em}.section-grid>div:hover h2,.section-grid>div:focus-within h2{animation:headline-wave .78s cubic-bezier(.22,.61,.36,1)}@keyframes headline-wave{0%,100%{transform:translateY(0) skewX(0deg)}24%{transform:translateY(-7px) skewX(-1.5deg)}52%{transform:translateY(3px) skewX(1.2deg)}76%{transform:translateY(-2px) skewX(-.5deg)}}@media(prefers-reduced-motion:reduce){.section-grid>div:hover h2,.section-grid>div:focus-within h2{animation:none}}
/* Review pass: bolder navigation, Quebec positioning, and spacious editorial service pages. */
.page-hero h1{font-size:clamp(4.3rem,9.5vw,9rem);letter-spacing:-.045em;word-spacing:.06em;line-height:.94}.page-hero h2,h2{letter-spacing:-.035em;word-spacing:.045em}.page-hero .eyebrow{margin-bottom:28px}.page-hero .lede{margin-top:38px}.integration-examples .field-grid{margin-top:72px}@media(max-width:520px){.page-hero h1{font-size:clamp(3.8rem,18vw,4.5rem);letter-spacing:-.035em;word-spacing:.035em}}
.site-header .brand{font-size:0}.site-header .brand:after{content:"QUÉBEC / CANADA";font:600 12px 'DM Mono',monospace;letter-spacing:.08em;white-space:nowrap}.nav-links{gap:clamp(16px,2.5vw,32px);font-size:12px;letter-spacing:.055em}.language{padding:9px 11px;font-size:12px}.page-hero{padding:clamp(200px,18vw,270px) 0 clamp(120px,13vw,180px)}.page-hero h1{max-width:980px}.page-hero .lede{font-size:clamp(17px,1.5vw,21px);max-width:590px}.page-hero+.section{padding-top:clamp(120px,15vw,200px)}.page-hero+.section .section-grid{gap:clamp(54px,8vw,120px)}.cards{margin-top:64px}.card{position:relative;isolation:isolate;overflow:hidden;padding:34px;min-height:270px}.card>*{position:relative;z-index:1}.card h3{margin:56px 0 16px;font-size:clamp(22px,2vw,28px)}.card p{line-height:1.7;font-size:14px}.card:after{content:"";position:absolute;z-index:0;width:180px;height:180px;right:-94px;top:-104px;border:1px solid rgba(148,237,255,.3);border-radius:50%;box-shadow:inset 0 0 0 26px rgba(210,151,255,.035),0 0 36px rgba(148,237,255,.05);transform-origin:center;opacity:0}.card:nth-child(2):after{width:220px;height:220px;right:-115px;top:-128px;border-radius:38% 62% 59% 41%/47% 39% 61% 53%}.card:nth-child(3):after{border-radius:34% 66% 46% 54%/61% 40% 60% 39%}html[data-title-fr^="Intégration"] .card:after{opacity:1;animation:category-signal 8s ease-in-out infinite}html[data-title-fr^="Intégration"] .card:nth-child(2):after{animation-delay:-2.6s}html[data-title-fr^="Intégration"] .card:nth-child(3):after{animation-delay:-5.2s}@keyframes category-signal{0%,100%{transform:translate3d(0,0,0) rotate(0deg);border-color:rgba(148,237,255,.28)}50%{transform:translate3d(-22px,30px,0) rotate(165deg);border-color:rgba(210,151,255,.6)}}@media(max-width:520px){.site-header .brand:after{font-size:10px}}@media(prefers-reduced-motion:reduce){.card:after{animation:none!important}}
:root{--ink:#06101e;--ink-2:#0a1930;--paper:#f4f2ec;--mist:#b9c8de;--cyan:#94edff;--violet:#d297ff;--line:rgba(213,233,255,.2);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}.skip{position:absolute;left:-10000px;top:auto}.skip:focus{left:20px;top:20px;z-index:99;background:var(--paper);color:var(--ink);padding:12px}.shell{max-width:var(--max);margin:auto;padding-inline:clamp(20px,5vw,72px)}.site-header{position:absolute;inset:0 0 auto;z-index:8;border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;font-size:13px}.brand-mark{width:26px;height:26px;border:1px solid var(--cyan);transform:rotate(45deg);position:relative}.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid var(--violet)}.nav-links{display:flex;align-items:center;gap:clamp(13px,2vw,28px);font:10px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--mist)}.nav-links a:hover{color:var(--paper)}.language{background:transparent;color:var(--paper);border:1px solid var(--line);padding:8px 10px;cursor:pointer;font:10px 'DM Mono',monospace}.hero{min-height:760px;height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 42%,#1e417044,transparent 33%),linear-gradient(135deg,#06101e,#0b1830)}.signal-field{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,620px) 1fr;align-items:center;width:100%;padding-top:70px}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.eyebrow:before{content:"";width:6px;height:6px;background:var(--violet);box-shadow:0 0 18px var(--violet)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.8rem,8vw,7.6rem);line-height:.91;letter-spacing:-.075em;font-weight:500;margin-bottom:28px}h1 em{font-style:normal;color:var(--cyan)}.lede{max-width:460px;color:var(--mist);font-size:16px;line-height:1.7}.button{display:inline-flex;align-items:center;gap:28px;margin-top:20px;border:1px solid var(--cyan);padding:15px 18px;font:11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.button:hover{background:var(--cyan);color:var(--ink)}.hero-meta{position:absolute;z-index:1;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;color:#92a4c0;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.section{padding:clamp(80px,12vw,160px) 0;border-top:1px solid var(--line)}.section-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px}.section-label{font:10px 'DM Mono',monospace;text-transform:uppercase;color:var(--cyan);letter-spacing:.1em}h2{font-size:clamp(2.5rem,5.3vw,5.3rem);line-height:.98;letter-spacing:-.065em;font-weight:500}.copy{color:var(--mist);line-height:1.75;max-width:610px}.service-list{margin-top:64px}.service{display:grid;grid-template-columns:60px minmax(180px,1fr) minmax(250px,1.35fr) 30px;gap:25px;padding:32px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service small{font:10px 'DM Mono',monospace;color:var(--cyan)}.service h3{font-size:22px;font-weight:500;letter-spacing:-.04em}.service p{color:var(--mist);font-size:14px;line-height:1.75}.arrow{color:var(--cyan);font-size:24px}.field-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:54px}.field{min-height:230px;padding:25px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,transparent,rgba(128,196,255,.08))}.field:last-child{border:0}.field span{font:10px 'DM Mono',monospace;color:var(--cyan)}.field h3{font-size:21px;font-weight:500;margin:0}.field p{font-size:12px;color:var(--mist);line-height:1.6;margin:0}.signal-band{background:linear-gradient(125deg,#b9edff,#d39aff);color:var(--ink)}.signal-band .section-label{color:#283553}.signal-band .copy{color:#34425c}.cta{display:flex;justify-content:space-between;align-items:end;gap:30px}.footer{padding:30px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--mist);font:10px 'DM Mono',monospace}.page-hero{padding:190px 0 100px;background:radial-gradient(circle at 82% 20%,rgba(142,237,255,.16),transparent 28%),var(--ink-2)}.page-hero h1{max-width:900px}.page-hero .lede{font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}.card{padding:28px;min-height:225px;background:#0d1c33;border:1px solid var(--line)}.card b{font:10px 'DM Mono',monospace;color:var(--violet);font-weight:400}.card h3{margin:40px 0 14px;font-size:21px;font-weight:500}.card p{color:var(--mist);line-height:1.65;font-size:13px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-form label{display:block;margin:20px 0 8px;font-size:12px;color:var(--mist)}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 0;background:transparent;color:var(--paper)}.contact-form textarea{min-height:110px;resize:vertical}.submit{margin-top:26px;background:var(--cyan);border:0;padding:14px 20px;color:var(--ink);cursor:pointer}.form-note,.status{font-size:12px;line-height:1.7;color:var(--mist)}.status[data-state="error"]{color:#ffb9bd}.status[data-state="success"]{color:var(--cyan)}@media(max-width:820px){.nav-links a:not(.nav-contact){display:none}.hero-grid{grid-template-columns:1fr}.hero{min-height:700px}.hero-meta{font-size:8px}.section-grid,.contact-layout{grid-template-columns:1fr;gap:24px}.service{grid-template-columns:32px 1fr 24px}.service>p{grid-column:2;grid-row:2}.field-grid,.cards{grid-template-columns:1fr 1fr}.field:nth-child(2){border-right:0}.field:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta{align-items:start;flex-direction:column}.footer{flex-wrap:wrap}}@media(max-width:520px){.nav{height:70px}.field-grid,.cards{grid-template-columns:1fr}.field{border-right:0;border-bottom:1px solid var(--line)}.field:last-child{border-bottom:0}.field-grid .field:nth-child(2){border-right:0}.page-hero{padding-top:150px}h1{font-size:3.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-field{opacity:.35}}