/* Quizemato Blog Premium, 21-10-2026. Scoped qb- to avoid clashes with app/admin. */
:root{--qb-navy:#061a35;--qb-ink:#10233e;--qb-muted:#687992;--qb-cyan:#06b6d4;--qb-blue:#198ed8;--qb-purple:#7854ec;--qb-line:#e6ebf5;--qb-soft:#f7f9fd;--qb-white:#fff;--qb-radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.qb-body{margin:0;background:var(--qb-soft);color:var(--qb-ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}body.qb-body a{color:inherit}body.qb-body button,body.qb-body input{font:inherit}body.qb-body button:focus-visible,body.qb-body a:focus-visible,body.qb-body input:focus-visible,body.qb-body summary:focus-visible{outline:3px solid #30cde7;outline-offset:3px}.qb-container{width:min(1180px,calc(100% - 42px));margin-inline:auto}.qb-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(219,229,242,.78);background:rgba(255,255,255,.97);backdrop-filter:blur(16px)}.qb-nav{height:74px;display:flex;align-items:center;gap:24px}.qb-brand{display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;text-decoration:none;width:186px;max-height:52px;overflow:hidden}.qb-brand svg,.qb-brand img{display:block;width:auto!important;max-width:100%!important;height:43px!important;max-height:43px!important;object-fit:contain}.qb-logo-fallback{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:900;letter-spacing:-.9px;color:#0d3155}.qb-logo-glyph{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:linear-gradient(140deg,#04b9d2,#1e90d4 50%,#7354e9);color:white;font-weight:900}.qb-navlinks{display:flex;align-items:center;gap:23px;margin-left:auto}.qb-navlinks a{font-size:13px;font-weight:800;text-decoration:none;color:#4a5c74!important;white-space:nowrap;transition:color .15s}.qb-navlinks a:hover,.qb-navlinks a[aria-current=page]{color:#1168b4!important}.qb-btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;text-decoration:none;font-weight:850;font-size:14px;border-radius:14px;padding:14px 21px;border:1px solid transparent;transition:transform .16s,box-shadow .16s,background .16s;cursor:pointer;line-height:1.25}.qb-btn:hover{transform:translateY(-2px)}.qb-btn--primary{background:linear-gradient(110deg,#07acc8,#258de1 48%,#704de6);color:white!important;box-shadow:0 12px 25px rgba(37,115,208,.24)}.qb-btn--primary:hover{box-shadow:0 16px 34px rgba(37,115,208,.35)}.qb-btn--ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:white!important}.qb-btn--ghost:hover{background:rgba(255,255,255,.2)}.qb-btn--white{background:white;color:#155a9b!important}.qb-btn--small{padding:11px 15px;font-size:13px;border-radius:12px}.qb-mobile-menu{display:none;position:relative;margin-left:auto}.qb-mobile-menu summary{width:41px;height:41px;border:1px solid var(--qb-line);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;list-style:none}.qb-mobile-menu summary::-webkit-details-marker{display:none}.qb-mobile-menu summary span{width:17px;height:2px;border-radius:1px;background:#213955}.qb-mobile-menu nav{position:absolute;right:0;top:50px;width:min(260px,85vw);padding:10px;background:#fff;border:1px solid var(--qb-line);border-radius:15px;box-shadow:0 22px 40px rgba(14,44,91,.17);display:grid;gap:2px}.qb-mobile-menu nav a{font-weight:750;text-decoration:none;padding:11px;border-radius:9px}.qb-mobile-menu nav a:hover{background:#f1f6ff}
.qb-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#071b39 0%,#0c3561 52%,#352060 100%);color:white}.qb-hero:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(ellipse at 82% 26%,rgba(19,190,228,.28),transparent 31%),radial-gradient(ellipse at 46% 88%,rgba(116,82,240,.24),transparent 39%);pointer-events:none}.qb-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:54px;min-height:445px;padding-block:53px 57px}.qb-eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:900;color:#9ee8ff}.qb-eyebrow i,.qb-badge-dot{display:inline-block;width:7px;height:7px;background:#37e9c7;border-radius:50%;box-shadow:0 0 0 5px rgba(55,233,199,.12)}.qb-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.05;letter-spacing:-.055em;margin:17px 0 17px;max-width:650px}.qb-gradtext{background:linear-gradient(110deg,#66e2f0,#b3aeff);-webkit-background-clip:text;background-clip:text;color:transparent}.qb-hero p{font-size:clamp(14px,1.45vw,17px);line-height:1.74;color:#d1e3f7;margin:0 0 25px;max-width:560px}.qb-hero-actions{display:flex;gap:11px;flex-wrap:wrap}.qb-hero-notes{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;color:#b9d7eb;font-size:12px;font-weight:750}.qb-hero-notes span:before{content:'✓';color:#49efc9;margin-right:7px}
.qb-stage{position:relative;transform:rotate(1deg);background:#f9fbff;border:1px solid rgba(255,255,255,.68);border-radius:23px;padding:11px;box-shadow:0 30px 70px rgba(0,10,34,.37),0 0 0 8px rgba(255,255,255,.055)}.qb-stage-top{height:32px;display:flex;align-items:center;gap:8px;padding:0 7px 10px}.qb-window-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.qb-stage-top b{font-size:10px;color:#51718e;margin-left:7px;letter-spacing:.06em}.qb-live{margin-left:auto;font-size:9px;font-weight:900;color:#087e69;background:#e0fbf2;padding:4px 8px;border-radius:15px}.qb-stage-panel{border-radius:15px;padding:23px;background:linear-gradient(145deg,#112b58,#242065);color:white;position:relative;overflow:hidden}.qb-stage-panel:before{content:"";position:absolute;right:-40px;top:-90px;width:220px;height:220px;background:#6c40e9;filter:blur(65px);opacity:.45}.qb-stage-label{font-weight:850;color:#add8ff;font-size:10px;letter-spacing:.12em;position:relative}.qb-stage-question{font-weight:900;line-height:1.23;font-size:clamp(16px,2vw,23px);margin:13px 0 18px;position:relative}.qb-stage-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;position:relative}.qb-answer{font-size:11px;font-weight:750;border-radius:10px;padding:12px 10px;display:flex;align-items:center;gap:8px}.qb-answer b{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:rgba(0,0,0,.14)}.qb-answer.a{background:#df534d}.qb-answer.b{background:#3385de}.qb-answer.c{background:#e1a03d}.qb-answer.d{background:#2ca87d}.qb-stage-bottom{background:white;display:flex;align-items:center;gap:10px;padding:15px 7px 4px;color:#193551;flex-wrap:wrap}.qb-stage-avatars{display:flex;padding-left:8px}.qb-stage-avatars span{margin-left:-8px;display:grid;place-items:center;width:27px;height:27px;background:#d8ecff;border:2px solid white;border-radius:50%;font-size:12px}.qb-stage-bottom>span{font-size:11px;font-weight:800;color:#52647c}.qb-stage-bottom b{margin-left:auto;font-size:11px;color:#1588be}.qb-preview-note{position:absolute;bottom:-15px;right:17px;background:#e7fff7;color:#075b4f;border:1px solid #b5f0e0;padding:9px 13px;font-weight:900;font-size:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);border-radius:10px;transform:rotate(-3deg)}
.qb-section{padding:57px 0}.qb-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.qb-kicker{font-size:10.5px;letter-spacing:.13em;font-weight:900;color:#168bcf;text-transform:uppercase}.qb-section h2{font-size:clamp(26px,3.1vw,36px);letter-spacing:-.045em;margin:8px 0 0;line-height:1.15}.qb-section-heading p{font-size:13px;color:var(--qb-muted);max-width:430px;line-height:1.6;margin:0}.qb-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qb-persona{display:flex;align-items:center;gap:14px;padding:21px;background:white;border:1px solid var(--qb-line);border-radius:18px;text-decoration:none;box-shadow:0 8px 18px rgba(13,54,99,.035);transition:transform .16s,box-shadow .16s}.qb-persona:hover{transform:translateY(-3px);box-shadow:0 16px 25px rgba(13,54,99,.10)}.qb-persona-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;color:#2869ac;background:linear-gradient(135deg,#e0f7ff,#e7e7ff)}.qb-persona-icon svg{width:25px;height:25px}.qb-persona strong{display:block;font-size:14px;margin-bottom:5px}.qb-persona small{color:var(--qb-muted);font-size:11px;line-height:1.35;display:block}.qb-persona-arrow{margin-left:auto;color:#2993cc;font-weight:900}
.qb-featured{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);background:white;border:1px solid var(--qb-line);border-radius:23px;overflow:hidden;text-decoration:none;box-shadow:0 14px 40px rgba(15,49,93,.055);transition:transform .2s}.qb-featured:hover{transform:translateY(-3px)}.qb-featured .qb-cover{height:100%;min-height:275px;border-radius:0}.qb-featured-copy{padding:37px;display:flex;flex-direction:column;align-items:start}.qb-tag{display:inline-flex;align-items:center;width:fit-content;color:#156bb0;background:#ebf6ff;border-radius:8px;padding:6px 9px;font-size:10px;letter-spacing:.055em;text-transform:uppercase;font-weight:900}.qb-featured h3{font-size:clamp(24px,2.8vw,34px);line-height:1.15;letter-spacing:-.045em;margin:16px 0 12px}.qb-featured p{line-height:1.65;color:var(--qb-muted);font-size:14px;margin:0 0 17px}.qb-read-more{display:inline-flex;align-items:center;gap:8px;color:#1478bb;font-weight:900;font-size:13px;margin-top:auto}.qb-meta{font-size:11px;font-weight:750;color:#8a99af;display:flex;gap:13px;flex-wrap:wrap;margin-bottom:16px}
.qb-cover{height:178px;position:relative;isolation:isolate;overflow:hidden;border-radius:18px 18px 0 0;display:flex;align-items:center;justify-content:center}.qb-cover--formation{background:linear-gradient(145deg,#073e68,#108abc 69%,#28d4cb);color:#e2ffff}.qb-cover--entreprise{background:linear-gradient(145deg,#302463,#6642cb 62%,#9f70fd);color:#f6eaff}.qb-cover--live{background:linear-gradient(145deg,#08677a,#048eaa 64%,#3bcee1);color:#edffff}.qb-cover--guides{background:linear-gradient(145deg,#162d59,#3165ab 59%,#557ef0);color:#e9f3ff}.qb-cover-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,black)}.qb-cover-ring{position:absolute;width:250px;height:250px;border-radius:50%;border:34px solid rgba(255,255,255,.09);right:-45px;top:-110px}.qb-cover-icon{width:80px;height:80px;border:1px solid rgba(255,255,255,.28);border-radius:23px;background:rgba(255,255,255,.13);display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 20px 35px rgba(0,9,53,.15)}.qb-cover-icon svg{width:59px;height:59px}.qb-cover-chip{position:absolute;left:19px;bottom:17px;display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;color:white;letter-spacing:.08em}.qb-cover-chip i{width:6px;height:6px;border-radius:50%;background:#6df8df}
.qb-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 20px}.qb-filter{font-size:12px;font-weight:800;color:#627690;background:white;border:1px solid #dfe8f3;border-radius:11px;padding:10px 14px;cursor:pointer;transition:.14s}.qb-filter:hover,.qb-filter.is-active{background:#14365b;border-color:#14365b;color:white}.qb-search{display:flex;gap:7px;align-items:center;margin-left:auto;background:white;border:1px solid #dfe8f3;border-radius:11px;padding:0 13px;height:41px;min-width:220px}.qb-search svg{width:17px;height:17px;stroke:#8da0b4}.qb-search input{border:0;outline:0;width:100%;font-size:12px;color:#28405c}.qb-search input:focus-visible{outline:0}.qb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.qb-card{background:white;border:1px solid var(--qb-line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 9px 20px rgba(15,52,104,.035);transition:transform .18s,box-shadow .18s}.qb-card:hover{transform:translateY(-4px);box-shadow:0 20px 34px rgba(13,54,100,.12)}.qb-card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.qb-card h3{font-size:19px;line-height:1.24;letter-spacing:-.025em;margin:13px 0 9px}.qb-card p{font-size:12.5px;line-height:1.65;color:var(--qb-muted);margin:0 0 18px}.qb-card-bottom{margin-top:auto;border-top:1px solid #eff2f7;padding-top:14px;display:flex;gap:8px;justify-content:space-between;align-items:center}.qb-card-bottom small{color:#8b9aaf;font-size:10px;font-weight:800}.qb-card-bottom span{font-size:11px;color:#178ccc;font-weight:850}.qb-empty{display:none;padding:30px;border:1px dashed #ccd8ec;border-radius:16px;text-align:center;color:#75879d}
.qb-cta-strip{margin:0 auto 70px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:33px 37px;border-radius:23px;background:linear-gradient(110deg,#0a2850,#23568b 60%,#563c9a);color:white;position:relative;overflow:hidden}.qb-cta-strip:after{content:"";position:absolute;width:240px;height:240px;border:35px solid rgba(255,255,255,.06);right:150px;top:-140px;border-radius:50%;pointer-events:none}.qb-cta-strip h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.04em;margin:0 0 9px}.qb-cta-strip p{color:#cfe2f6;max-width:570px;line-height:1.65;font-size:13px;margin:0}.qb-cta-strip-actions{display:flex;flex-wrap:wrap;gap:10px;z-index:1}.qb-footer{background:#fff;border-top:1px solid var(--qb-line)}.qb-footer-inner{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-block:35px}.qb-footer strong{font-size:18px;color:#124e82}.qb-footer span{display:block;color:var(--qb-muted);font-size:12px;margin-top:3px}.qb-footer nav{display:flex;flex-wrap:wrap;gap:15px}.qb-footer a,.qb-footer small{color:#71839a;font-size:11px;text-decoration:none}
/* Individual articles */
.qb-article-head{padding:44px 0 34px}.qb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:750;font-size:11px;color:#718399;margin-bottom:30px}.qb-breadcrumb a{text-decoration:none;color:#477197!important}.qb-article-headline{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:35px;align-items:center}.qb-article-head h1{font-size:clamp(30px,3.8vw,49px);line-height:1.11;letter-spacing:-.048em;margin:16px 0}.qb-article-head .qb-lead{font-size:16px;line-height:1.75;color:#60738b;margin:0 0 20px}.qb-article-head .qb-cover{height:260px;border-radius:22px}.qb-article-head .qb-cover-icon{width:100px;height:100px}.qb-article-info{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;font-weight:850;color:#8a9ab0}.qb-article-info span:not(:last-child):after{content:'·';padding-left:10px}.qb-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:27px;margin-bottom:65px}.qb-article-main{min-width:0}.qb-reading{background:white;border:1px solid var(--qb-line);border-radius:21px;padding:clamp(23px,4vw,42px);box-shadow:0 8px 25px rgba(13,54,100,.035)}.qb-reading h2{font-size:clamp(21px,2.3vw,26px);line-height:1.25;letter-spacing:-.025em;color:#162d4d;margin:36px 0 12px;scroll-margin-top:100px}.qb-reading h2:first-child{margin-top:0}.qb-reading p{font-size:15px;line-height:1.85;color:#475c72;margin:0 0 17px}.qb-reading p strong{color:#14395d}.qb-article-aside{position:sticky;top:95px;display:grid;gap:15px}.qb-aside-card{padding:22px;background:white;border:1px solid var(--qb-line);border-radius:18px;box-shadow:0 10px 27px rgba(13,54,100,.04)}.qb-aside-card h2{font-size:15px;letter-spacing:-.02em;margin:0 0 12px}.qb-aside-card nav{display:grid;gap:5px}.qb-aside-card nav a{display:block;font-size:11.5px;line-height:1.45;color:#627994!important;text-decoration:none;padding:8px 8px 8px 12px;border-left:2px solid #dfe8f3}.qb-aside-card nav a:hover{border-left-color:#1c9bd4;background:#f3f9ff;color:#145d98!important}.qb-aside-convert{background:linear-gradient(150deg,#09274f,#204e88 70%,#63449e);color:white;padding:24px}.qb-aside-convert .qb-eyebrow{margin-bottom:11px}.qb-aside-convert h2{font-size:21px;line-height:1.16;color:white;margin:0 0 10px}.qb-aside-convert p{font-size:12.5px;line-height:1.65;color:#c6dbf2;margin:0 0 17px}.qb-aside-convert .qb-btn{width:100%;font-size:12px}.qb-aside-convert .qb-demo-link{display:block;font-size:11px;font-weight:800;text-align:center;color:#cde6ff!important;text-decoration:none;margin-top:13px}.qb-article-inline{display:flex;gap:16px;align-items:center;margin:26px 0;padding:20px;border-radius:17px;background:linear-gradient(118deg,#e8faff,#f3eeff);border:1px solid #d7e9fb}.qb-article-inline-icon{width:41px;height:41px;border-radius:13px;background:white;display:grid;place-items:center;color:#376dc2;font-size:22px;flex:0 0 41px}.qb-article-inline strong{font-size:14px;display:block;margin:0 0 5px}.qb-article-inline p{font-size:12px;margin:0;color:#63768e;line-height:1.5}.qb-article-inline a{white-space:nowrap;display:inline-flex;text-align:center;text-decoration:none;background:#1d83d1;color:white!important;border-radius:10px;padding:11px 12px;font-size:11px;font-weight:850}.qb-practical{border-top:1px solid #e9edf5;margin-top:35px;padding-top:14px}.qb-practical .qb-practical-intro{color:#59718e}.qb-quiz-example{margin:17px 0;padding:19px;border:1px solid #dde7f4;border-radius:15px;background:linear-gradient(125deg,#fcfdff,#f6f9ff)}.qb-quiz-example h3{margin:0 0 12px;font-size:16px;line-height:1.5}.qb-quiz-choices{margin:0 0 16px;padding-left:25px;color:#50657b;font-size:14px;line-height:1.75}.qb-quiz-answer{background:#eafaf2;border:1px solid #bcead6;color:#14573b;padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.6}.qb-quiz-explain{margin:9px 0 0!important;font-size:13px!important}.qb-agenda{list-style:none;padding:0;margin:18px 0}.qb-agenda li{display:grid;grid-template-columns:90px 1fr;gap:13px;padding:13px;background:#f6f9ff;border-radius:11px;margin:0 0 9px;border:1px solid #e9eef6}.qb-agenda-time{color:#1677c6;font-size:13px;font-weight:900}.qb-agenda strong{display:block;font-size:14px;margin-bottom:4px}.qb-agenda p{font-size:13px;line-height:1.6;margin:0}.qb-checklist{color:#50667c;line-height:1.8;padding-left:22px}.qb-checklist li{padding:3px 0}.qb-practical-links{display:grid;gap:7px;margin:15px 0}.qb-practical-links a{font-size:13px;color:#166bb0!important;font-weight:750;text-decoration:none;padding:8px 11px;background:#f0f7ff;border-radius:9px}.qb-article-endcta{margin:35px 0 0;padding:25px;border-radius:17px;background:linear-gradient(125deg,#0d315a,#395d9a 70%,#694db2);color:#fff}.qb-article-endcta h2{margin:0 0 8px;color:#fff;font-size:23px}.qb-article-endcta p{font-size:13px;color:#d8e5fb;line-height:1.6;margin-bottom:15px}.qb-article-endcta .qb-btn{margin:3px 6px 3px 0}.qb-faq{margin-top:27px}.qb-faq h2{font-size:23px;letter-spacing:-.035em}.qb-faq details{margin:9px 0;padding:16px 19px;background:white;border:1px solid var(--qb-line);border-radius:13px}.qb-faq summary{cursor:pointer;font-weight:850;font-size:14px}.qb-faq p{line-height:1.7;color:#566b84;font-size:13px;margin-bottom:0}.qb-related{margin-top:33px}.qb-related h2{font-size:24px;letter-spacing:-.035em;margin-bottom:15px}.qb-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qb-related-grid .qb-cover{height:110px}.qb-related-grid .qb-cover-icon{width:56px;height:56px}.qb-related-grid .qb-cover-icon svg{width:43px;height:43px}.qb-related-grid .qb-card-copy{padding:15px}.qb-related-grid .qb-card h3{font-size:15px;margin:9px 0}.qb-related-grid .qb-card p{font-size:11px}.qb-progress{position:fixed;z-index:60;top:74px;left:0;height:3px;background:linear-gradient(90deg,#06cde2,#7751eb);width:0;pointer-events:none}
/* Demo */
.qb-demo-page{background:linear-gradient(180deg,#f0f6ff,#fbfcfe 400px)}.qb-demo-hero{text-align:center;padding:47px 0 30px}.qb-demo-hero h1{font-size:clamp(34px,4vw,53px);letter-spacing:-.05em;line-height:1.13;margin:13px auto 12px;max-width:800px}.qb-demo-hero p{max-width:650px;margin:auto;color:#63768e;line-height:1.7;font-size:15px}.qb-demo-hero .qb-eyebrow{color:#1686c7}.qb-demo-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:20px;align-items:stretch;margin-bottom:22px}.qb-demo-projection{border-radius:22px;overflow:hidden;background:linear-gradient(140deg,#0d2b55,#262164 82%);color:#fff;padding:26px;min-height:370px;position:relative;box-shadow:0 20px 40px rgba(18,45,92,.17)}.qb-demo-projection:before{content:"";position:absolute;right:-90px;top:-150px;width:340px;height:340px;background:rgba(118,72,244,.28);filter:blur(70px)}.qb-demo-label{position:relative;display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:11px;letter-spacing:.09em;color:#bbd1fa}.qb-demo-projection h2{position:relative;font-size:clamp(24px,2.8vw,34px);letter-spacing:-.04em;line-height:1.25;margin:42px 0 28px;min-height:90px}.qb-demo-options{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:11px}.qb-demo-option{display:flex;align-items:center;gap:9px;min-height:61px;padding:12px;border-radius:12px;font-weight:800;font-size:13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.10)}.qb-demo-option b{background:rgba(0,0,0,.16);padding:6px 10px;border-radius:7px}.qb-demo-option.is-correct{background:#127960;border-color:#4df3cd}.qb-demo-option.is-wrong{background:#914151;border-color:#ff97a6}.qb-demo-option.is-faded{opacity:.44}.qb-demo-status{color:#d2e4fb;font-size:12px;margin-top:24px;position:relative}.qb-demo-phone{padding:21px;border:1px solid var(--qb-line);border-radius:22px;background:white;box-shadow:0 17px 34px rgba(20,60,102,.07)}.qb-demo-phone-frame{height:100%;min-height:325px;background:#f8fbff;border:1px solid #e6edf8;border-radius:25px;padding:20px;display:flex;flex-direction:column}.qb-demo-phone-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:850;color:#557293;margin-bottom:27px}.qb-demo-phone-head strong{font-size:16px;color:#145082}.qb-demo-phone p{font-weight:900;font-size:16px;color:#163552;margin:0 0 17px;line-height:1.42}.qb-demo-answers{display:grid;gap:9px}.qb-demo-choice{cursor:pointer;text-align:left;border:1px solid #dce7f4;border-radius:12px;background:#fff;min-height:49px;padding:11px 13px;font-size:13px;font-weight:800;color:#23425e}.qb-demo-choice:hover:not(:disabled){border-color:#1d91c8;background:#effbff}.qb-demo-choice:disabled{cursor:default}.qb-demo-choice.is-correct{background:#ddfaec;border-color:#54d6a6;color:#125f41}.qb-demo-choice.is-wrong{background:#fff0f0;border-color:#f4a3a3;color:#9b3838}.qb-demo-feedback{font-size:12px;line-height:1.55;color:#476781;background:#e8f4ff;border-radius:10px;padding:11px;display:none;margin-top:13px}.qb-demo-feedback.is-visible{display:block}.qb-demo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:17px}.qb-demo-next{border:0;cursor:pointer;min-height:42px;padding:10px 15px;border-radius:11px;background:linear-gradient(120deg,#188ecc,#7250e9);color:#fff;font-weight:850;font-size:13px}.qb-demo-next:disabled{background:#a7bad1;cursor:default}.qb-demo-counter{font-weight:850;font-size:11px;color:#8293ab}.qb-demo-summary{margin:10px auto 55px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid var(--qb-line);border-radius:17px;background:#fff}.qb-demo-summary p{margin:5px 0 0;font-size:13px;color:#687e97;line-height:1.6}.qb-demo-explain{padding-bottom:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qb-demo-explain div{background:white;border-radius:15px;padding:20px;border:1px solid var(--qb-line)}.qb-demo-explain b{display:block;color:#1674b5;margin-bottom:9px}.qb-demo-explain p{font-size:12px;line-height:1.65;color:#70819a;margin:0}
@media(max-width:1050px){.qb-navlinks{gap:13px}.qb-brand{width:150px}.qb-brand svg,.qb-brand img{height:37px!important;max-height:37px!important}.qb-hero-layout{gap:35px}.qb-grid{gap:14px}}
@media(max-width:850px){.qb-navlinks{display:none}.qb-navcta{margin-left:auto}.qb-mobile-menu{display:block;margin-left:0}.qb-hero-layout{grid-template-columns:1fr;gap:32px;min-height:0;padding-block:45px 48px}.qb-hero-copy{max-width:680px}.qb-stage{width:min(560px,100%);margin:0 auto;transform:none}.qb-personas{grid-template-columns:1fr 1fr}.qb-grid{grid-template-columns:repeat(2,1fr)}.qb-article-grid{grid-template-columns:minmax(0,1fr)}.qb-article-aside{position:static;display:grid;grid-template-columns:1fr 1fr}.qb-article-headline{grid-template-columns:1fr 260px}.qb-demo-grid{grid-template-columns:1fr}.qb-demo-phone-frame{min-height:300px}}
@media(max-width:600px){.qb-container{width:min(100% - 30px,1180px)}.qb-nav{height:62px;gap:10px}.qb-brand{width:auto;max-width:145px}.qb-brand svg,.qb-brand img{height:35px!important;max-height:35px!important}.qb-logo-fallback{font-size:18px}.qb-logo-glyph{width:31px;height:31px;border-radius:10px}.qb-navcta{font-size:11px;padding:10px 11px}.qb-hero-layout{padding-block:30px 37px;gap:22px}.qb-hero h1{font-size:clamp(34px,9.2vw,44px);line-height:1.08;margin:11px 0 13px}.qb-hero p{font-size:13.5px;line-height:1.65;margin-bottom:17px}.qb-hero-actions .qb-btn{font-size:12px;padding:12px 13px}.qb-hero-notes{margin-top:19px;gap:12px;font-size:10px}.qb-stage{max-width:420px;padding:8px}.qb-stage-panel{padding:15px}.qb-stage-question{margin:9px 0 12px}.qb-stage-answers{gap:6px}.qb-answer{padding:9px 7px;font-size:10px;gap:5px}.qb-answer b{flex-basis:17px;width:17px;height:19px}.qb-stage-bottom{padding:10px 4px 0}.qb-section{padding:38px 0}.qb-section-heading{align-items:start;flex-direction:column;margin-bottom:19px;gap:8px}.qb-section h2{font-size:27px}.qb-section-heading p{font-size:12px}.qb-personas{grid-template-columns:1fr;gap:9px}.qb-persona{padding:15px 17px}.qb-persona-icon{width:40px;height:40px;flex-basis:40px}.qb-featured{grid-template-columns:1fr}.qb-featured .qb-cover{min-height:0;height:190px}.qb-featured-copy{padding:21px}.qb-featured h3{font-size:23px}.qb-grid{grid-template-columns:1fr;gap:15px}.qb-card{display:grid;grid-template-columns:100px 1fr;min-height:150px;border-radius:15px}.qb-card>.qb-cover{width:100px;height:100%;min-height:145px;border-radius:0}.qb-card>.qb-cover .qb-cover-icon{width:53px;height:53px;border-radius:14px}.qb-card>.qb-cover .qb-cover-icon svg{width:39px;height:39px}.qb-card>.qb-cover .qb-cover-chip{display:none}.qb-card-copy{padding:14px 15px}.qb-card h3{font-size:15px;margin:8px 0 5px}.qb-card p{font-size:11px;line-height:1.5;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qb-card-bottom{padding-top:8px}.qb-card-bottom small{font-size:9px}.qb-card-bottom span{font-size:10px}.qb-tag{font-size:9px}.qb-filter{font-size:11px;padding:8px 10px}.qb-search{order:5;width:100%;margin-left:0;min-width:0}.qb-cta-strip{grid-template-columns:1fr;gap:17px;padding:23px;margin-bottom:45px}.qb-cta-strip h2{font-size:24px}.qb-footer-inner{align-items:flex-start;flex-direction:column;gap:13px}.qb-footer nav{gap:12px}.qb-article-head{padding:26px 0 24px}.qb-breadcrumb{margin-bottom:20px}.qb-article-headline{grid-template-columns:1fr;gap:19px}.qb-article-head h1{font-size:32px}.qb-article-head .qb-lead{font-size:13.5px;line-height:1.7}.qb-article-head .qb-cover{height:170px}.qb-article-grid{gap:20px}.qb-reading{padding:21px;border-radius:17px}.qb-reading h2{font-size:21px;scroll-margin-top:80px}.qb-reading p{font-size:14px;line-height:1.75}.qb-article-aside{grid-template-columns:1fr}.qb-aside-card.qb-toc{display:none}.qb-article-inline{flex-wrap:wrap;gap:10px;padding:15px}.qb-article-inline a{width:100%;justify-content:center}.qb-agenda li{grid-template-columns:1fr;gap:4px}.qb-related-grid{grid-template-columns:1fr}.qb-related-grid .qb-card{min-height:130px}.qb-related-grid .qb-card>.qb-cover{height:100%;width:100px}.qb-progress{top:62px}.qb-demo-hero{padding:34px 0 25px}.qb-demo-hero h1{font-size:34px}.qb-demo-hero p{font-size:13px}.qb-demo-projection{padding:18px;min-height:290px}.qb-demo-projection h2{font-size:24px;min-height:0;margin:25px 0}.qb-demo-options{gap:7px}.qb-demo-option{font-size:11px;min-height:54px;padding:9px}.qb-demo-phone{padding:10px}.qb-demo-phone-frame{padding:16px}.qb-demo-summary{flex-direction:column;align-items:flex-start}.qb-demo-explain{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* L'attribut hidden doit prévaloir sur display:grid des cartes filtrables. */
.qb-card[hidden]{display:none!important}
.qb-stage{text-decoration:none!important}