
.roxika-sm{
  --blanc:#ffffff; --sable:#fbe6b8; --ciel:#dceefa; --brume:#9cc4dd;
  --azur:#1567a6; --nuage:#eaf4fb; --ink:#12293d; --paper:#f7fafc;
  --dim:rgba(18,41,61,.6); --fade:rgba(18,41,61,.4); --sun:#f2a83c;
  --f-display:Georgia,"Iowan Old Style","DM Serif Display",serif;
  --f-sans:-apple-system,"Inter Tight",system-ui,sans-serif;
  --f-mono:"SF Mono","JetBrains Mono",ui-monospace,monospace;
}.roxika-sm .btn-link{font-size:14px;color:var(--azur);font-weight:500;border-bottom:1px solid var(--azur);padding-bottom:2px}.roxika-sm .btn-link{display:inline-block;padding-bottom:7px}.roxika-sm .cfg-wrap{padding:28px 32px 60px}.roxika-sm .process{background:var(--nuage);padding:60px 32px;margin-top:40px}.roxika-sm .process-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center}
  @media(max-width:1000px){.roxika-sm .process-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
  @media(max-width:640px){.roxika-sm .process-grid{grid-template-columns:1fr}}.roxika-sm .process .num{font-family:var(--f-mono);color:var(--azur);font-size:32px}.roxika-sm .process p{font-size:14px;line-height:1.6}.roxika-sm .process .insta{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--azur)}.roxika-sm 
  .cq{background:var(--sable);padding:56px 32px}.roxika-sm .cq-inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center}.roxika-sm 
  .cq-photo img{width:100%;border-radius:24px;display:block;aspect-ratio:5/6;object-fit:cover}.roxika-sm .cq h2{font-family:var(--f-display);font-weight:500;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-0.02em;margin:14px 0 0}.roxika-sm .cq h2 em{font-style:italic}.roxika-sm .cq p{font-size:15px;line-height:1.7;margin:16px 0 20px;max-width:560px}.roxika-sm 
  .cq p.dit{font-family:var(--f-display);font-style:italic;font-size:17.5px;line-height:1.55;color:var(--ink)}.roxika-sm .cq .pill{background:var(--blanc)}
  @media(max-width:760px){.roxika-sm .cq-inner{grid-template-columns:1fr;gap:26px}.roxika-sm .cq-photo{max-width:260px}}.roxika-sm 
  .autres{max-width:1040px;margin:0 auto;padding:52px 32px 52px}.roxika-sm .autres h3{font-family:var(--f-display);font-weight:500;font-size:clamp(22px,2.4vw,30px);
    line-height:1.15;letter-spacing:-0.02em;margin:12px 0 0}.roxika-sm .autres p{font-size:15px;line-height:1.7;margin:14px 0 0;color:var(--dim);max-width:680px}.roxika-sm 
  .autres-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
    margin-top:26px;max-width:560px}.roxika-sm .autres-mosaic img{width:100%;border-radius:12px;display:block;aspect-ratio:1;object-fit:cover}
  @media(max-width:640px){.roxika-sm .autres-mosaic{gap:8px}.roxika-sm .autres-mosaic img{border-radius:10px}}
  @media(max-width:760px){.roxika-sm .autres{padding:40px 20px}}


.roxika-sm{
  --blanc:#ffffff; --sable:#fbe6b8; --ciel:#dceefa; --brume:#9cc4dd;
  --azur:#1567a6; --nuage:#eaf4fb; --ink:#12293d; --paper:#f7fafc;
  --dim:rgba(18,41,61,.6); --fade:rgba(18,41,61,.4); --sun:#f2a83c;
  --f-display:Georgia,"Iowan Old Style","DM Serif Display",serif;
  --f-sans:-apple-system,"Inter Tight",system-ui,sans-serif;
  --f-mono:"SF Mono","JetBrains Mono",ui-monospace,monospace;
}.roxika-sm .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-family:var(--f-sans);font-size:12px;font-weight:500;letter-spacing:.02em;background:var(--nuage);color:var(--ink)}.roxika-sm .btn-link{font-size:14px;color:var(--azur);font-weight:500;border-bottom:1px solid var(--azur);padding-bottom:2px}.roxika-sm .btn-link{display:inline-block;padding-bottom:7px}.roxika-sm .legal, .roxika-sm .guide-wrap, .roxika-sm .contact-wrap, .roxika-sm .box-hero, .roxika-sm .box-items, .roxika-sm .story-row, .roxika-sm .journal-empty, .roxika-sm .cfg-wrap, .roxika-sm .faq, .roxika-sm .quiz-wrap, .roxika-sm .guide, .roxika-sm .cat-grid, .roxika-sm .cat-title, .roxika-sm .grid-lead, .roxika-sm .weaves, .roxika-sm .values, .roxika-sm .process, .roxika-sm .cq, .roxika-sm .tr-hero{padding-left:20px;padding-right:20px}.roxika-sm .values, .roxika-sm .process{padding-top:44px;padding-bottom:44px}.roxika-sm body{ margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center;
         font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
         color:#12293D; background:#F7FAFC; text-align:center; padding:24px; }.roxika-sm a{ color:#1567A6; }



.roxika-sm {
	width: 100%;
	max-width: none;
	margin-inline: auto;
}

