/* Quizemato — pages d'usage SEO, design autonome et responsive */
:root{--ink:#17233c;--muted:#617087;--blue:#1e90d4;--violet:#7047eb;--line:#e7eaf4;--soft:#f5f7fd;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #70b8f7;outline-offset:3px}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-999em;top:0;background:#fff;padding:10px;z-index:30}.skip:focus{left:10px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-size:22px;letter-spacing:-.05em;font-weight:850;color:#176eb4}.brand-mark{height:32px;width:32px;border-radius:11px;color:#fff;font-weight:900;background:linear-gradient(140deg,#09bbd1,#1e90d4,#7047eb);display:grid;place-items:center}.topnav{display:flex;align-items:center;gap:22px}.topnav a{text-decoration:none;font-size:14px;font-weight:750}.topnav a:hover{color:#196bba}.topnav .nav-cta{color:#fff;background:linear-gradient(130deg,#1e90d4,#7047eb);border-radius:12px;padding:10px 16px}.topnav .nav-cta:hover{color:#fff;filter:brightness(1.07)}.hero{overflow:hidden;background:radial-gradient(ellipse at 88% 12%,#ebe9ff 0%,transparent 38%),radial-gradient(ellipse at 20% 5%,#def5ff 0%,transparent 40%),#fafbff;padding:26px 0 88px;border-bottom:1px solid var(--line)}.crumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#718095;margin-bottom:48px}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}.hero-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.75fr);gap:8%;align-items:center}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#176bb4;display:inline-flex;align-items:center;gap:8px}.eyebrow-dot{height:9px;width:9px;display:inline-block;background:#09b8a7;border-radius:50%;box-shadow:0 0 0 4px #b5f3e9}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,4.5vw,4.15rem);letter-spacing:-.057em;line-height:1.07;margin:16px 0 20px;font-weight:850}h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.18;letter-spacing:-.04em;margin:13px 0 17px}h3{line-height:1.35}.hero-statement{font-size:clamp(18px,2vw,22px);font-weight:750;color:#225b9d;line-height:1.45;margin-bottom:18px}.hero-intro{color:#516177;font-size:16px;line-height:1.85;max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:850;border-radius:13px;padding:13px 21px;transition:transform .16s,box-shadow .16s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(125deg,#168aca,#7047eb);color:#fff;box-shadow:0 12px 26px #356bd33b}.btn-outline{border:1px solid #d4dcf0;background:#fff}.hero-points{display:flex;flex-wrap:wrap;gap:9px 16px;color:#526982;font-size:12px;font-weight:750}.hero-panel{background:#122345;border:1px solid #244369;border-radius:28px;padding:25px;box-shadow:0 30px 80px #28468f30;transform:rotate(2deg);color:#fff}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-badge{color:#abe7ff;font-size:11px;font-weight:850;letter-spacing:.13em}.panel-dot{height:10px;width:10px;border-radius:50%;background:#3ae2b7;box-shadow:0 0 0 4px #30bbab30}.mini-screen{background:#203454;border:1px solid #345070;border-radius:19px;padding:19px;margin:28px 0}.screen-title{font-weight:850;font-size:18px;line-height:1.4;letter-spacing:-.02em;margin-bottom:18px}.quiz-row{background:#2a4264;border:1px solid #456185;border-radius:12px;padding:12px;margin:9px 0;display:flex;align-items:center;gap:11px;font-weight:650;font-size:13px}.quiz-row .num{color:#b1d4ff;font-size:11px;font-weight:850}.panel-foot{display:flex;gap:13px;align-items:center}.code-symbol{height:52px;width:52px;border-radius:12px;background:white;color:#203961;display:grid;place-items:center;font-size:42px;line-height:1}.panel-foot strong,.panel-foot small{display:block}.panel-foot small{font-size:11px;color:#adc0d9}.section{padding:78px 0}.section.soft{background:var(--soft)}.section-head{max-width:780px;margin-bottom:29px}.section-head>p{color:var(--muted)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-card{background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px #22366a0b;border-radius:20px;padding:27px}.benefit-card h3{font-size:20px;margin:8px 0}.benefit-card p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:0}.step-n{color:#866ae6;font-size:12px;font-weight:900}.steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.steps li{display:flex;gap:16px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}.step-index{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf2ff;color:#2455a7;font-weight:900}.steps h3{margin:0 0 7px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:14px}.examples-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%}.examples-layout>div>p{color:var(--muted)}.examples-list{display:flex;flex-direction:column;gap:13px}.example{display:flex;align-items:flex-start;gap:15px;border:1px solid var(--line);padding:21px;border-radius:18px}.example-n{flex:0 0 31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:800}.example h3{font-size:16px;margin:0 0 6px}.example p{font-size:14px;color:var(--muted);margin:0}.advice{background:linear-gradient(130deg,#e9f5ff,#f4edff);border:1px solid #dce4f8;border-radius:25px;padding:30px;display:flex;gap:24px;align-items:flex-start}.advice h2{font-size:23px;margin:0 0 9px}.advice p{margin:0;color:#405474;line-height:1.85}.advice-icon{height:46px;width:46px;flex:0 0 46px;display:grid;place-items:center;background:#fff;color:#7455d4;border-radius:14px;font-size:28px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:7%}.faq-list details{border:1px solid var(--line);border-radius:15px;padding:18px 22px;margin-bottom:11px}.faq-list details[open]{background:#fafbff}.faq-list summary{cursor:pointer;list-style:none;font-weight:750;display:flex;justify-content:space-between;gap:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] .plus{transform:rotate(45deg)}.plus{font-size:25px;line-height:20px;color:#5673b7;transition:transform .15s}.faq-list p{margin:15px 0 0;color:var(--muted);line-height:1.8}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.related-card{display:flex;flex-direction:column;gap:14px;padding:24px;background:#fff;border-radius:19px;border:1px solid var(--line);text-decoration:none;min-height:168px}.related-card:hover{border-color:#94b7f1;box-shadow:0 12px 30px #2954ac15}.related-card>span:first-child{font-size:10px;font-weight:900;letter-spacing:.1em;color:#3377b9}.related-card strong{font-size:18px;line-height:1.4}.related-card .arrow{margin-top:auto;color:#2368a9;font-size:12px;font-weight:800}.more-usecases{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:24px;font-size:14px}.more-usecases a{color:#206aab;font-weight:750}.bottom-cta{padding:70px 0;background:linear-gradient(125deg,#0c456f,#154a91,#593ba4);color:#fff}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-kicker{color:#b1ddff;text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:.1em}.cta-content h2{margin:10px 0}.cta-content p{color:#e2eafa;margin-bottom:0}.btn-white{background:#fff;color:#164a89;white-space:nowrap}.footer{border-top:1px solid var(--line);background:#fff}.footer-inner{min-height:95px;display:flex;align-items:center;gap:25px;justify-content:space-between;flex-wrap:wrap}.footer-inner .brand{font-size:20px}.footer-inner>div{display:flex;gap:18px;flex-wrap:wrap}.footer-inner a:not(.brand){text-decoration:none;font-size:12px;font-weight:750}.footer-inner span{font-size:12px;color:var(--muted)}@media(max-width:900px){.hero-content{gap:30px}.hero-panel{transform:none}.benefits-grid{gap:12px}.topnav{gap:12px}}@media(max-width:700px){.topbar-inner{min-height:68px}.topnav a:not(.nav-cta){display:none}.topnav .nav-cta{padding:9px 12px}.hero{padding-bottom:44px}.crumb{margin-bottom:27px}.hero-content,.examples-layout,.faq-layout{grid-template-columns:1fr}.hero-panel{max-width:490px;width:100%;margin:18px auto 0}.hero-points{font-size:11px}.benefits-grid,.steps,.related-grid{grid-template-columns:1fr}.section{padding:51px 0}.section-head{margin-bottom:23px}.steps{margin-top:24px}.cta-content{flex-direction:column;align-items:flex-start}.footer-inner{padding:24px 0;justify-content:flex-start}.brand{font-size:20px}}@media(max-width:400px){.wrap{width:min(1120px,calc(100% - 28px))}.hero-actions .btn{width:100%}h1{font-size:2.15rem}}