/* Parcours de choix, brief et exemples : composants isolés du catalogue. */
[hidden]{display:none!important}.catalog-compass{position:sticky;top:122px;z-index:30;border-block:1px solid var(--line);background:#08111ff5;backdrop-filter:blur(18px)}.catalog-compass details{position:relative}.catalog-compass summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font-size:12px;color:#b7d2ee;list-style:none}.catalog-compass summary::-webkit-details-marker{display:none}.compass-links{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:20px;background:#091426;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 18px 40px #0006;max-height:65vh;overflow:auto}.compass-links a{font-size:12px;min-height:42px;padding:10px 12px;border-radius:6px}.compass-links a:hover{background:#153051;color:var(--cyan)}.solution-section,.catalog-heading,#secteurs,#bien-commencer,#comparer-sites,#questions,#apres-demande{scroll-margin-top:185px}
.project-finder,.brief-builder{padding:32px;border:1px solid #5a7fab55;border-radius:18px;background:linear-gradient(125deg,#0d1c30,#090e19)}.project-finder fieldset{margin:0;padding:0;border:0}.project-finder legend{font-size:13px;margin-bottom:18px;color:#c9d8ed}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choice-grid label{position:relative;cursor:pointer}.choice-grid input{position:absolute;left:16px;top:18px;accent-color:#52e0ef;width:16px;height:16px;margin:0}.choice-grid label>span{display:block;border:1px solid #58739466;border-radius:10px;padding:17px 15px 17px 43px;min-height:108px;transition:border-color .2s,background .2s}.choice-grid b{display:block;font-size:15px;font-weight:500;color:#edf5ff;margin-bottom:8px}.choice-grid small{display:block;font-size:11px;color:#8ea8c7;line-height:1.7}.choice-grid input:checked+span{border-color:var(--cyan);background:#10334c66}.choice-grid input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:4px}.finder-detail{margin:26px 0}.guide-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#b6cce6}.guide-field select,.guide-field textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:#edf5ff;background:#081426;border:1px solid #506d9355;border-radius:8px;padding:13px 14px;line-height:1.65}.guide-field select{min-height:48px;color-scheme:dark}.guide-field textarea{resize:vertical;font-size:14px}.guide-field select:focus-visible,.guide-field textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.finder-result{padding:25px;border-radius:12px;background:#132b4555;border:1px solid #4d8ab955;margin:24px 0}.finder-result h3{font-size:27px}.finder-result p:not(.eyebrow){font-size:14px}.finder-result .actions{margin-bottom:0}.project-finder>.fine{margin-bottom:0;margin-top:22px}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px}.format-card{border:1px solid #58739644;border-radius:15px;padding:28px;background:linear-gradient(145deg,#0a192c,#080d18);min-width:0;display:flex;flex-direction:column}.format-card h3{font-size:24px}.format-card>p:not(.eyebrow):not(.format-price),.format-card li{font-size:13px;line-height:1.85}.format-card ul{padding-left:18px;color:var(--muted);margin:0 0 20px}.format-card li{padding-left:3px;margin-bottom:9px}.format-card li::marker{color:var(--cyan)}.format-price{font-size:35px!important;color:#f2efe8;line-height:1.2;letter-spacing:-.03em}.format-price small{font-size:12px;color:#9db2cc;letter-spacing:0}.format-card>.link-arrow{margin-top:auto}.guidance-teaser{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center}.guidance-teaser p:last-child{margin-bottom:0}.guidance-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brief-wide{grid-column:1/-1}.contact-anchor{display:block;scroll-margin-top:150px}.example-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:65px;align-items:center}.example-layout h2{font-size:clamp(30px,3.2vw,43px)}.example-layout>div>p:not(.eyebrow){font-size:14px}.demo-window{border:1px solid #55769c66;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #0003;min-width:0}.demo-window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;padding:10px 15px;background:#111f33;color:#849bb7}.demo-window-bar>span:first-child{font-size:7px;letter-spacing:3px;color:#5f799b}.demo-brand{font-size:9px;letter-spacing:.13em;display:block;margin-bottom:30px}.demo-craft{background:#eae5dc;color:#292e2a;padding:28px;min-height:350px;position:relative;overflow:hidden}.demo-kicker{display:block;font-size:8px;letter-spacing:.15em;margin-bottom:15px;color:#597063}.demo-craft>b{display:block;font-family:Georgia,serif;font-weight:400;font-size:clamp(25px,3vw,39px);line-height:1.12;letter-spacing:-.04em;position:relative;z-index:1;max-width:72%}.demo-craft-lines{position:absolute;width:130px;height:240px;right:22px;top:80px;display:flex;gap:13px;transform:rotate(15deg)}.demo-craft-lines i{display:block;flex:1;background:linear-gradient(90deg,#77856c,#bfbaa3);border-radius:60px 60px 0 0}.demo-craft-lines i:nth-child(2){background:linear-gradient(90deg,#59694e,#87977a);margin-top:35px}.demo-craft-lines i:nth-child(3){margin-top:70px}.demo-pill{display:inline-block;font-size:9px;padding:10px 13px;border:1px solid currentColor;border-radius:99px;margin-top:24px;position:relative;z-index:1}.demo-product{background:radial-gradient(ellipse at 75% 35%,#7c4f9b77,transparent 58%),#211a2e;color:#fbf1e6;min-height:350px;padding:28px;position:relative;overflow:hidden}.demo-object{width:108px;height:165px;position:absolute;right:45px;top:90px;border-radius:30px 30px 18px 18px;background:linear-gradient(100deg,#a99ab8,#e0cddf 47%,#766581);box-shadow:15px 25px 35px #0005;transform:rotate(12deg)}.demo-object:before{content:'';position:absolute;top:-20px;width:62px;height:25px;left:23px;border-radius:6px 6px 0 0;background:#c6b6c7}.demo-object:after{content:'VOTRE MARQUE';position:absolute;top:60px;left:12px;right:12px;padding:20px 0;color:#5c4868;background:#f6edf188;text-align:center;font-size:7px;letter-spacing:.1em}.demo-product>b{display:block;font-size:clamp(24px,3vw,35px);line-height:1.12;max-width:64%;position:relative;padding-top:35px;letter-spacing:-.04em}.demo-product .demo-pill{margin-top:30px}.demo-signature{padding:28px;min-height:350px;background:#f4f6f9;color:#243147}.demo-signature>p{font-size:12px;color:#6b7583;line-height:2;margin-bottom:32px}.signature-sample{display:flex;gap:17px;align-items:center;border-top:1px solid #ccd4de;padding-top:20px}.signature-monogram{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#325a72;color:#f7f2e9;font-family:Georgia,serif;font-size:32px;flex-shrink:0}.signature-sample b{display:block;font-size:17px;line-height:1.5}.signature-sample div>span{display:block;font-size:10px;line-height:1.9;color:#6c7d91}.signature-sample .signature-link{color:#297b92}.demo-crm{padding:25px;background:#0d1829;min-height:350px}.demo-crm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.demo-crm-top>b{font-size:22px;font-weight:500}.demo-crm-top>span{font-size:8px;color:#8da7c7}.demo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.demo-board>div{padding:11px 8px;min-height:170px;background:#142338;border:1px solid #4a668333;border-radius:8px}.demo-board>div>span{font-size:9px;color:#9eb5cf}.demo-record{padding:13px 9px;margin-top:13px;background:#1e354c;border-radius:6px;border-top:2px solid var(--cyan)}.demo-record b{display:block;font-size:10px}.demo-record small{display:block;font-size:8px;margin-top:8px;color:#92adc8;line-height:1.7}.lab-projects{grid-template-columns:1fr 1fr}.mini-document{position:relative;overflow:hidden;background:#dfeaf3;border-radius:10px;margin:15px 0 25px;padding:22px;min-height:180px;color:#23425d}.mini-document>span{font-size:9px;letter-spacing:.12em}.mini-document i{display:block;height:4px;width:80%;background:#869db166;margin:15px 0}.mini-document>b{display:block;width:60%;font-size:8px;background:#12273b;color:#c9d7e3;padding:6px}.mini-document em{position:absolute;left:10%;top:45%;transform:rotate(-16deg);font-size:21px;font-style:normal;color:#32768644;letter-spacing:.1em}.mini-password{padding:36px 20px;margin:15px 0 25px;border:1px solid #5190ba44;border-radius:10px;color:var(--cyan);font:26px monospace;text-align:center;min-height:180px;display:grid;align-content:center}.mini-password span{display:block;color:#8ea8c8;font:10px/1.8 Arial;margin-top:18px}
@media(max-width:1000px){.format-grid{grid-template-columns:1fr 1fr}.format-card:last-child{grid-column:1/-1}.choice-grid{gap:10px}.choice-grid b{font-size:13px}.example-layout{gap:35px}}
@media(max-width:850px){.catalog-compass{top:106px}.compass-links{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr}.choice-grid label>span{min-height:85px}.format-grid{grid-template-columns:1fr}.format-card:last-child{grid-column:auto}.guidance-teaser,.example-layout{grid-template-columns:1fr;gap:30px}.example-layout>div:first-child{max-width:620px}.guidance-actions{align-items:flex-start}.solution-section,.catalog-heading,#secteurs,#bien-commencer,#comparer-sites,#questions,#apres-demande{scroll-margin-top:165px}.demo-craft>b{font-size:36px}.demo-product>b{font-size:34px}.demo-window{width:100%}.demo-craft,.demo-product,.demo-signature,.demo-crm{min-height:340px}.lab-projects{grid-template-columns:1fr}}
@media(max-width:480px){.catalog-compass{top:96px}.compass-links{grid-template-columns:1fr;padding:12px}.project-finder,.brief-builder{padding:23px 18px}.brief-grid{grid-template-columns:1fr;gap:19px}.brief-wide{grid-column:auto}.finder-result{padding:20px}.finder-result h3{font-size:23px}.finder-result .actions{align-items:stretch;flex-direction:column}.finder-result .link-arrow{justify-content:center}.format-card{padding:25px 22px}.format-price{font-size:32px!important}.guidance-actions{align-items:stretch}.guidance-actions .link-arrow{justify-content:center}.demo-craft,.demo-product,.demo-signature,.demo-crm{padding:20px;min-height:320px}.demo-craft>b{font-size:29px}.demo-product>b{font-size:27px}.demo-object{right:24px;width:86px;height:140px}.demo-object:before{width:50px;left:18px}.demo-craft-lines{right:10px;width:90px}.signature-sample b{font-size:14px}.signature-sample{gap:12px}.demo-board{gap:6px}.demo-board>div{padding:9px 6px}.demo-record{padding:10px 6px}.demo-record b{font-size:9px}.solution-section,.catalog-heading,#secteurs,#bien-commencer,#comparer-sites,#questions,#apres-demande{scroll-margin-top:155px}}