:root{--fond: #fbfbf9;--fond-teinte: #f1f5f3;--carte: #ffffff;--encre: #15191c;--texte: #3b444c;--doux: #66707a;--trait: #e3e8e6;--accent: #4eac9e;--accent-fonce: #2b7f73;--accent-pale: #e3f3ef;--sombre: #0f1513;--rayon: 18px;--ombre: 0 1px 2px rgba(16, 24, 22, .05), 0 12px 32px -12px rgba(16, 24, 22, .18);--police: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--fond);color:var(--texte);font:16px/1.6 var(--police);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video,svg{display:block;max-width:100%}img{height:auto}a{color:var(--accent-fonce)}h1,h2,h3{color:var(--encre);line-height:1.15;margin:0;letter-spacing:-.02em}h2{font-size:clamp(28px,4vw,44px);font-weight:700;max-width:20ch}h3{font-size:18px;font-weight:650;letter-spacing:-.01em}p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.enveloppe{width:min(1180px,100% - 40px);margin-inline:auto}.enveloppe-etroite{width:min(820px,100% - 40px)}.ico{width:20px;height:20px;flex:none}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:1.5px solid transparent;font-weight:650;font-size:15px;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.bouton:hover{transform:translateY(-1px)}.bouton-plein{background:var(--encre);color:#fff;box-shadow:0 8px 20px -10px #0f151399}.bouton-plein:hover{background:#000}.bouton-contour{border-color:var(--trait);color:var(--encre);background:var(--carte)}.bouton-contour:hover{border-color:var(--encre)}.bouton-texte{color:var(--encre);padding-inline:8px}.bouton-texte:hover{color:var(--accent-fonce)}.bouton-clair{background:#fff;color:var(--encre)}.bouton-grand{padding:15px 26px;font-size:16px;border-radius:14px}.bouton-petit{padding:9px 15px;font-size:14px;border-radius:10px}.ico-pas{width:18px;height:18px;transition:transform .15s ease}.bouton:hover .ico-pas{transform:translate(3px)}.entete{position:sticky;top:0;z-index:20;background:#fbfbf9d1;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(227,232,230,.8)}.entete-ligne{display:flex;align-items:center;gap:28px;height:68px}.pied-lab{display:inline-flex;align-items:center;gap:8px;font-weight:650}.pied-lab img{width:20px;height:20px}.marque{display:inline-flex;align-items:center;gap:10px;color:var(--encre);text-decoration:none;font-weight:750;letter-spacing:-.01em}.marque-ico{width:26px;height:26px;color:var(--accent)}.nav{display:flex;gap:26px;margin-right:auto}.nav a,.lien-discret{color:var(--texte);text-decoration:none;font-size:15px;font-weight:500}.nav a:hover,.lien-discret:hover{color:var(--encre)}.entete-actions{display:flex;align-items:center;gap:18px}details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}.langues{position:relative}.langues summary{font-size:13px;font-weight:650;color:var(--doux);padding:6px 8px;border-radius:8px;letter-spacing:.04em}.langues summary:hover{color:var(--encre);background:var(--fond-teinte)}.langues-liste,.menu-mobile-liste{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;padding:6px;background:var(--carte);border:1px solid var(--trait);border-radius:12px;box-shadow:var(--ombre);display:grid}.langues-liste a,.menu-mobile-liste a{padding:9px 12px;border-radius:8px;color:var(--encre);text-decoration:none;font-size:15px}.langues-liste a:hover,.menu-mobile-liste a:hover{background:var(--fond-teinte)}.langues-liste a[aria-current]{color:var(--accent-fonce);font-weight:650}.menu-mobile{display:none;position:relative}.menu-mobile summary{display:grid;gap:4px;padding:10px 8px}.menu-mobile summary span{display:block;width:20px;height:2px;background:var(--encre);border-radius:2px}.hero{position:relative;padding:72px 0 40px;overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% -10% auto 35%;height:900px;z-index:-1;background:radial-gradient(closest-side,#4eac9e38,#4eac9e00)}.hero:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.55;background-image:linear-gradient(var(--trait) 1px,transparent 1px),linear-gradient(90deg,var(--trait) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 10%,transparent 65%);mask-image:radial-gradient(ellipse at 30% 20%,#000 10%,transparent 65%)}.hero-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}.formats{display:inline-block;font-size:13px;font-weight:650;letter-spacing:.06em;color:var(--accent-fonce);background:var(--accent-pale);border:1px solid rgba(78,172,158,.28);padding:6px 12px;border-radius:999px}.hero h1{font-size:clamp(38px,5vw,62px);font-weight:780;margin:22px 0;letter-spacing:-.035em;line-height:1.02}.hero h1 em{font-style:normal;color:var(--accent-fonce)}.chapeau{font-size:clamp(17px,1.6vw,19px);max-width:34em;color:var(--texte)}.hero-boutons{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px}.hero-note{margin-top:14px;font-size:14px;color:var(--doux)}.hero-demo{position:relative}.cadre{background:var(--carte);border:1px solid var(--trait);border-radius:20px;box-shadow:0 30px 70px -30px #10282273,0 2px 6px #1018160f;overflow:hidden}.cadre-barre{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--trait);background:#f7f8f7}.cadre-barre span{width:11px;height:11px;border-radius:50%;background:#dfe4e2}.cadre-barre code{margin-left:10px;font:12.5px/1 ui-monospace,SF Mono,Consolas,monospace;color:var(--doux);background:#fff;border:1px solid var(--trait);padding:6px 10px;border-radius:8px;flex:1}.cadre-vue{position:relative;aspect-ratio:4 / 3;background:#747474}.cadre-poster,.cadre-vue iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.cadre-poster{object-fit:cover}.demo-pied{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.demo-aide{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--doux)}.demo-aide .ico{width:18px;height:18px;color:var(--accent-fonce)}.qr-carte{flex:none;width:270px;display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--carte);border:1px solid var(--trait);border-radius:16px;box-shadow:var(--ombre)}.qr{width:76px;flex:none}.qr svg{width:100%;height:auto}.qr-carte p{font-size:13px;line-height:1.45;color:var(--texte)}.preuves{list-style:none;padding:0;margin:56px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px}.preuves li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;color:var(--encre)}.preuves .ico{color:var(--accent-fonce)}.preuves .ico{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--accent-pale);stroke-width:1.8}.exemples{margin-top:44px;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:20px;align-items:stretch}.scene{position:relative;aspect-ratio:1114 / 768;border-radius:22px;overflow:hidden;background:#747474;border:1px solid var(--trait);box-shadow:0 30px 70px -34px #10282273}.scene-affiche{position:absolute;inset:0;display:none}.scene-affiche.visible{display:block}.scene-affiche img{width:100%;height:100%;object-fit:cover}.scene-charger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px -12px #0000008c}.scene-charger:hover{transform:translate(-50%,calc(-50% - 1px))}.scene-charger .ico{width:20px;height:20px}.scene iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.scene[data-charge=oui] .scene-charger{display:none}.exemples>*{min-width:0}.exemples-liste{display:grid;gap:10px;align-content:start}.exemple{display:grid;gap:3px;padding:16px 18px;border:1.5px solid var(--trait);border-radius:16px;background:var(--carte);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.exemple:hover{border-color:var(--doux)}.exemple.choisi{border-color:var(--accent);box-shadow:0 10px 26px -18px #2b7f73cc}.exemple-metier{font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-fonce)}.exemple-texte{font-size:15px;font-weight:600;color:var(--encre);line-height:1.4}.exemple-unite{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:5px;padding:3px 9px 3px 7px;border-radius:999px;background:var(--fond-teinte);font-size:12.5px;font-weight:600;color:var(--texte)}.exemple-unite .ico{width:14px;height:14px;color:var(--accent-fonce)}.exemple.choisi .exemple-unite{background:var(--accent-pale)}.exemple-plein{justify-self:start;margin-top:4px;font-size:14px;font-weight:600;text-decoration:none}.section{padding:104px 0;scroll-margin-top:68px}.section-teinte{background:var(--fond-teinte)}.surtitre{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-fonce);margin-bottom:14px}.intro{margin-top:16px;font-size:18px;color:var(--doux);max-width:40em}.etapes{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:etape}.etape{position:relative;padding:28px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon)}.etape-num{position:absolute;top:22px;right:24px;font-size:44px;font-weight:800;color:var(--accent-pale);line-height:1}.etape-ico{width:28px;height:28px;color:var(--accent-fonce);margin-bottom:18px}.etape p{margin-top:10px}.video{margin-top:28px}.video summary{display:inline-flex;align-items:center;gap:10px;font-weight:650;color:var(--encre);padding:10px 16px;border:1.5px solid var(--trait);border-radius:12px;background:var(--carte)}.video summary:before{content:"";width:0;height:0;border-left:10px solid var(--accent-fonce);border-top:6px solid transparent;border-bottom:6px solid transparent}.video summary:hover{border-color:var(--encre)}.video video{margin-top:18px;width:100%;border-radius:var(--rayon);background:#000;box-shadow:var(--ombre)}.metiers{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.metier{background:var(--carte);border:1px solid var(--trait);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.metier:hover{box-shadow:var(--ombre);transform:translateY(-2px)}.metier-visuel{aspect-ratio:1114 / 768;background:#eef1f0;overflow:hidden;display:grid;place-items:center}.metier-visuel img{width:100%;height:100%;object-fit:cover}.metier-corps{padding:26px 28px 28px}.metier-corps>p{margin-top:10px}.extension{display:grid;justify-items:start;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid var(--trait)}.extension .bouton .ico{width:18px;height:18px}.extension .bouton{white-space:normal;text-align:left;max-width:100%}.extension-details{font-size:13px;color:var(--doux)}.extension-alt{font-size:13.5px;font-weight:600;text-decoration:none}.extension-alt:hover{text-decoration:underline}.ar-note{display:flex;gap:10px;align-items:flex-start;margin:-12px 0 28px;padding:12px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:14.5px;line-height:1.5;color:#c9d3cf}.ar-note .ico{color:#7fd0c3;margin-top:1px}.metier-essayer{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-weight:650;font-size:15px;text-decoration:none}.metier-essayer:hover .ico-pas{transform:translate(3px)}.coches{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}.coches li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--encre)}.coche{width:18px;height:18px;margin-top:3px;color:var(--accent-fonce);stroke-width:2.4}.etages{width:78%;height:auto}.etages .etiquette{font:600 15px var(--police);fill:var(--texte)}.metier:hover .d0{transform:translateY(-14px)}.dalle{transition:transform .35s ease}.section-sombre{background:var(--sombre);color:#c9d3cf}.section-sombre h2{color:#fff}.section-sombre .surtitre{color:#7fd0c3}.ar-grille{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center}.ar-visuel{margin:0;position:relative}.ar-visuel img,.ar-video{width:100%;border-radius:22px;box-shadow:0 40px 80px -30px #000000b3}.ar-video{display:none;aspect-ratio:auto;background:#000}.ar-visuel.lecture .ar-video{display:block}.ar-visuel.lecture .ar-image{display:none}.ar-visuel figcaption{margin-top:14px;font-size:13.5px;color:#8fa19b}.ar-texte p{margin:22px 0 30px;font-size:18px}.section-sombre .bouton-plein{background:#fff;color:var(--encre)}.formats-grille{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.format{padding:24px 22px;background:var(--carte);border:1px solid var(--trait);border-radius:18px;display:flex;flex-direction:column;gap:10px}.format h3{font-size:20px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.format-ext{font:600 12.5px ui-monospace,SF Mono,Consolas,monospace;color:var(--accent-fonce);letter-spacing:0}.format p{font-size:14.5px;color:var(--doux)}.format .format-logiciels{margin-top:auto;padding-top:12px;border-top:1px solid var(--trait);font-size:13.5px;line-height:1.7;color:var(--texte)}.format-logiciels span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}.format-logiciels b{font-weight:650;color:var(--encre)}.formats-marques{margin-top:18px;font-size:12.5px;color:var(--doux)}.fonctions{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--trait);border:1px solid var(--trait);border-radius:22px;overflow:hidden}.fonction{background:var(--carte);padding:28px 26px}.fonction-ico{width:26px;height:26px;color:var(--accent-fonce);margin-bottom:16px}.fonction h3{font-size:17px}.fonction p{margin-top:8px;font-size:15px;color:var(--doux)}.pastille{display:inline-block;vertical-align:middle;margin-left:4px;font-size:11px;font-weight:650;letter-spacing:.02em;color:var(--accent-fonce);background:var(--accent-pale);padding:2px 8px;border-radius:999px}.ancre{position:relative;top:-104px}.periodes{display:inline-flex;gap:4px;padding:5px;margin-top:32px;background:var(--carte);border:1px solid var(--trait);border-radius:999px}.periodes[hidden]{display:none}.periode{border:0;background:none;padding:9px 18px;border-radius:999px;font:650 14px var(--police);color:var(--doux);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.periode.choisie{background:var(--encre);color:#fff}.cadeau{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--accent-pale);color:var(--accent-fonce)}.periode.choisie .cadeau{background:#ffffff29;color:#fff}.offres{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.offre{position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;background:var(--carte);border:1px solid var(--trait);border-radius:20px}.offre.populaire{border:2px solid var(--accent);box-shadow:0 24px 50px -28px #2b7f738c}.offre-etiquette{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--accent-fonce);color:#fff;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap}.offre-nom{font-size:22px;font-weight:700}.offre-prix{margin-top:14px;font-size:34px;font-weight:750;color:var(--encre);letter-spacing:-.03em;line-height:1}.offre-prix small{font-size:14px;font-weight:500;color:var(--doux);margin-left:3px;letter-spacing:0}.offre-facture{min-height:22px;margin-top:8px;font-size:13px;color:var(--doux)}.offre-quota{margin-top:14px;padding-top:14px;border-top:1px solid var(--trait);font-weight:700;color:var(--encre)}.offre .coches{margin:12px 0 24px;flex:1}.offre .coches li{font-size:14px}.offre .bouton{width:100%}.p-an{display:none}.offres[data-periode=annuel] .p-an{display:inline}.offres[data-periode=annuel] .p-mois{display:none}.tarifs-pied{margin-top:26px;text-align:center;font-size:14px;color:var(--doux)}.tarifs-plus{margin-top:6px;text-align:center;font-size:14px;color:var(--doux)}.faq{margin-top:36px;border-top:1px solid var(--trait)}.faq details{border-bottom:1px solid var(--trait)}.faq summary{position:relative;padding:22px 44px 22px 0;font-size:17px;font-weight:650;color:var(--encre)}.faq summary:after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--doux);border-bottom:2px solid var(--doux);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}.faq details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}.faq details p{padding:0 44px 22px 0;color:var(--texte)}.final{padding:0 0 104px}.final-boite{padding:72px 40px;border-radius:28px;text-align:center;color:#d8ece7;background:radial-gradient(120% 140% at 10% 0%,#3f9d90,#1f5c54 45%,#0f2a26);box-shadow:0 40px 80px -40px #0f2a26cc}.final-boite h2{color:#fff;margin-inline:auto;max-width:22ch}.final-boite p{margin:16px 0 32px;font-size:18px}.pied{border-top:1px solid var(--trait);padding:44px 0 56px;font-size:14px;color:var(--doux)}.pied-grille{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.pied p{margin-top:10px}.pied-liens,.pied-langues{display:grid;gap:8px;align-content:start}.pied a{color:var(--texte);text-decoration:none}.pied a:hover{color:var(--encre);text-decoration:underline}.pied-langues a[aria-current]{color:var(--accent-fonce);font-weight:650}@media(max-width:1100px){.offres{grid-template-columns:repeat(3,minmax(0,1fr))}.fonctions{grid-template-columns:repeat(2,1fr)}.formats-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pied{flex-direction:column;align-items:flex-start}}@media(max-width:980px){.swe-barre .nav,.swe-barre .lien-discret{display:none}.swe-barre .menu-mobile{display:block}}@media(max-width:900px){.nav,.lien-discret{display:none}.menu-mobile{display:block}.hero{padding-top:40px}.hero-grille,.ar-grille{grid-template-columns:1fr;gap:40px}.etapes,.metiers{grid-template-columns:1fr}.preuves{grid-template-columns:repeat(2,1fr);margin-top:48px}.exemples{grid-template-columns:1fr}.scene{aspect-ratio:4 / 5}.scene-affiche img{object-fit:contain}.exemples-liste{grid-auto-flow:column;grid-auto-columns:minmax(220px,72%);overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.exemple{scroll-snap-align:start}.exemple-plein{grid-row:2}.section{padding:76px 0}.pied-grille{grid-template-columns:1fr 1fr}.pied-grille>div:first-child{grid-column:1 / -1}}@media(max-width:620px){.entete-actions .bouton-petit{display:none}.offres,.fonctions,.formats-grille{grid-template-columns:1fr}.qr-carte{width:100%}.preuves{grid-template-columns:1fr}.final-boite{padding:52px 22px;border-radius:22px}.hero-boutons .bouton{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.enveloppe{max-width:none;padding-left:0;padding-right:0}.entete-site{position:relative;z-index:21;background:var(--carte)}.swe-barre{top:0}.swe-barre .entete-ligne{height:60px}.etape-num{display:block;width:auto;height:auto;margin:0;border-radius:0;background:none}.video{display:block;overflow:visible;border-radius:0;box-shadow:none;position:static}.hero-boutons{margin-top:32px}.swe-barre{background:#0f1513f5;border-bottom-color:#ffffff14}.swe-barre .marque{color:#fff}.swe-barre .marque-ico{color:#7fd0c3}.swe-barre .nav a,.swe-barre .lien-discret{color:#c9d3cf}.swe-barre .nav a:hover,.swe-barre .lien-discret:hover{color:#fff}.swe-barre .langues summary{color:#9fb1ab}.swe-barre .langues summary:hover{color:#fff;background:#ffffff1a}.swe-barre .bouton-plein{background:#fff;color:var(--encre);box-shadow:none}.swe-barre .bouton-plein:hover{background:var(--accent-pale)}.swe-barre .menu-mobile summary span{background:#fff}.format .format-page{font-size:14.5px}.format-page a{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--accent-fonce);text-decoration:none}.format-page a:hover{text-decoration:underline}.format-page .ico-pas{width:16px;height:16px}.faq-guide{margin-top:22px;font-size:15.5px}.faq-guide a{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--accent-fonce);text-decoration:none}.faq-guide a:hover{text-decoration:underline}.faq-guide .ico-pas{width:16px;height:16px}.fond-architectes{background-color:#747474}.fond-agenceurs{background-color:#fff}.fond-industrie{background-color:#ccc}.fond-bim{background-color:#f5f5f5}
