/* V164 : photographies entières, transitions et démonstrations d’interface lisibles. */
.visual-rotator{position:relative;isolation:isolate;overflow:hidden;background:#e7ecdf;border-radius:20px}.rotator-frames{position:relative;aspect-ratio:3/2;width:100%;overflow:hidden}.rotator-frames>figure{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(12px) scale(.985);transition:opacity 1.25s ease,transform 2s cubic-bezier(.2,.6,.25,1);visibility:hidden}.rotator-frames>figure.is-current{opacity:1;transform:none;visibility:visible}.rotator-frames img,.product .rotator-frames .product-photo{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%;margin:0!important;border-radius:0;object-fit:contain!important;transform:none!important;translate:0 0!important}.product .product-rotator{width:calc(100% + 64px);margin:auto -32px 0;border-radius:0;flex-shrink:0}.rotator-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#edf1e6;padding:12px 18px;color:#244e43;font-size:11px;font-weight:600}.rotator-toolbar>div,.story-controls>div{display:flex;gap:6px}.rotator-toolbar button,.story-controls button{border:1px solid #a8bdaa;background:transparent;border-radius:50%;width:32px;height:32px;cursor:pointer;color:inherit;font:inherit;display:grid;place-items:center}.rotator-toolbar button:hover,.rotator-toolbar button:focus-visible{background:#cddaC4}.detail-image.visual-rotator{min-height:0;align-self:center}.detail-image .rotator-frames{height:auto;aspect-ratio:3/2}.detail-image .rotator-frames img{min-height:0}.motion-story.timed-story{height:auto;min-height:0}.timed-story .motion-pin{position:relative;top:auto;height:min(830px,85vh);min-height:580px}.timed-story .motion-scene{position:absolute!important;inset:0;height:100%!important;min-height:0;opacity:0!important;visibility:hidden!important;transition:opacity 1.4s ease,visibility 1.4s}.timed-story .motion-scene.active{opacity:1!important;visibility:visible!important}.timed-story .motion-scene>img{width:100%;height:100%;object-fit:cover;transition:transform 8s ease;transform:scale(var(--scene-zoom,1.03))!important}.timed-story .scene-copy{top:42%;max-width:720px}.timed-story .scene-copy h2{font-size:clamp(42px,5.6vw,84px)}.timed-story .scene-shade{background:linear-gradient(90deg,rgba(9,35,29,.86),rgba(9,35,29,.25) 75%)}.timed-story .scene-dots{display:none}.story-controls{position:absolute;left:7%;bottom:35px;right:7%;z-index:6;display:flex;justify-content:space-between;align-items:center;color:#fff;border-top:1px solid #ffffff40;padding-top:18px}.story-caption{font-size:11px;letter-spacing:.14em}.story-controls button{width:40px;height:40px;border-color:#ffffff65}.story-controls button:hover{background:#ffffff25}.timed-story .scene-number{right:7%;bottom:18%;font-size:80px;opacity:.55}
.immersive-modules{padding:100px 6%;background:radial-gradient(ellipse at 75% 45%,#e1e9d8,transparent 65%),#f4f5ee}.module-tour-heading{max-width:900px;margin-bottom:36px}.module-tour-heading h2{font-size:clamp(34px,4.4vw,64px);line-height:1.08;letter-spacing:-.04em;margin:20px 0}.module-tour-heading>p:last-child{max-width:650px;font-size:17px;line-height:1.7;color:#587064}.module-tabs{display:flex;overflow-x:auto;gap:8px;margin-bottom:24px;padding:4px 2px 12px;scrollbar-width:thin}.module-tabs button{flex:0 0 auto;padding:13px 16px;border:1px solid #cad6c4;background:#ffffff70;border-radius:12px;cursor:pointer;color:#315847;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;transition:background .2s,transform .2s}.module-tabs button small{margin-right:9px;opacity:.5}.module-tabs button[aria-selected=true]{background:#1e5948;color:#fff;border-color:#1e5948;box-shadow:0 8px 18px #1e59481a}.module-tabs button:hover{transform:translateY(-2px)}.module-tabs button:focus-visible{outline:3px solid #b28c32;outline-offset:2px}.immersive-modules .module-tour-grid{display:block}.immersive-modules article[role=tabpanel]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:45px;align-items:center;background:transparent;border:0;padding:18px 0;animation:panel-appear .45s ease both}.immersive-modules article[hidden]{display:none!important}.module-index{font-size:10px;letter-spacing:.18em;color:#648572}.module-narrative h3{font-size:clamp(28px,3vw,42px);line-height:1.16;letter-spacing:-.035em;margin:20px 0}.module-narrative>p{font-size:15px;line-height:1.85}.module-points{list-style:none;padding:0;margin:25px 0;display:grid;gap:14px}.module-points li{position:relative;padding-left:28px;font-size:14px;line-height:1.6;color:#38594c}.module-points li:before{content:'✓';position:absolute;left:0;top:0;border-radius:50%;background:#dce9d2;width:20px;height:20px;font-size:11px;display:grid;place-items:center}.module-demo-link{display:inline-block;margin-top:18px;font-size:13px;font-weight:650;border-bottom:1px solid #92ab96;padding-bottom:8px;color:#245f4e}.module-stage{min-width:0;perspective:1000px}.module-screen{border:1px solid #c7d4c4;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 30px 65px -25px #24493650,0 5px 15px #24493609;transform:rotateY(-3deg) rotateX(2deg);transition:transform .5s}.module-screen:hover{transform:none}.app-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f4f6ef;padding:12px 16px;border-bottom:1px solid #e5eadf;font-size:10px;color:#64806e}.app-chrome strong{color:#245b47;font-size:12px}.app-chrome .window-dots{letter-spacing:2px;color:#b5c4ad;font-size:8px}.app-chrome>span:last-child{font-size:8px}.app-frame{display:flex;min-height:370px}.app-sidebar{width:48px;flex-shrink:0;background:#1d4e41;display:flex;align-items:center;gap:22px;flex-direction:column;padding:20px 0;color:#a9c8ae}.app-sidebar b{color:#ecf1db;font-size:12px;margin-bottom:16px}.app-screen-body{padding:24px 20px;width:100%;min-width:0;font:12px/1.5 system-ui;color:#254e40}.screen-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.screen-title small{font-size:8px;letter-spacing:.13em;color:#8a9a89}.screen-title h4{font-size:18px;font-weight:650;letter-spacing:-.035em;margin:5px 0!important}.demo-tag{border:1px solid #d7e2cd;background:#eff4e7;border-radius:20px;padding:5px 8px;font-size:8px;color:#557644;white-space:nowrap}.avatar{width:30px;height:30px;border-radius:50%;background:#dce8ce;display:inline-grid;place-items:center;flex-shrink:0;color:#416b4b;font-size:10px;font-weight:700}.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px}.demo-stats>div{border:1px solid #e6ebe1;border-radius:9px;padding:12px;background:#f9faf6;min-width:0}.demo-stats>div:first-child{background:#225e4c;color:#fff;border-color:#225e4c}.demo-stats small{display:block;font-size:8px;opacity:.8}.demo-stats b{font-size:22px;letter-spacing:-.04em;display:block;margin-top:8px;line-height:1.2}.demo-stats b small{font-size:8px;display:inline;margin-left:4px;letter-spacing:0}.demo-chat{display:flex;gap:10px;margin:14px 0}.chat-avatar{width:25px;height:25px;border-radius:9px;background:#e9e6d5;display:grid;place-items:center;font-size:8px;flex-shrink:0}.demo-chat p{margin:0!important;background:#f2f5ed;border-radius:0 10px 10px 10px;padding:12px;font-size:10px!important;line-height:1.5!important}.demo-chat b,.demo-chat small{display:block;font-size:8px;margin-bottom:6px}.demo-chat small{margin:7px 0 0;color:#8a9c88}.demo-chat.reply{margin-left:35px}.demo-chat.reply p{background:#e6efd9}.demo-callout{background:#f5f5ed;border-left:2px solid #bccd9d;border-radius:0 6px 6px 0;margin-top:18px;padding:10px 12px;font-size:9px;line-height:1.6;color:#73816a}.demo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-board>div{padding:10px 8px;background:#f1f4ed;border-radius:9px;min-width:0}.demo-board b{font-size:9px;font-weight:650;display:flex;justify-content:space-between;gap:4px}.demo-board i{font-style:normal;color:#87997c}.demo-board section{margin-top:13px;background:#fff;border:1px solid #e1e8db;border-radius:7px;padding:11px 8px;box-shadow:0 4px 6px #253e2310}.demo-board strong{font-size:10px;display:block;line-height:1.5;margin:9px 0}.demo-board p,.demo-board small{font-size:8px!important;line-height:1.5!important;margin:6px 0!important}.task-dot{display:block;background:#8caa6f;width:18px;height:4px;border-radius:8px}.task-dot.amber{background:#d2a34d}.task-dot.blue{background:#7298ad}.demo-flow{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e8ecdf;padding-top:20px;margin-top:24px;color:#4a725c;font-size:9px}.demo-flow span{background:#f0f4e8;border:1px solid #e2e8d9;padding:7px 9px;border-radius:20px;text-align:center}.demo-flow i{font-style:normal}.birthday-hero{padding:20px 15px;background:#e9eed9;border-radius:10px;display:flex;gap:20px;align-items:center}.birthday-hero>span{font-size:42px;font-weight:650;color:#386645;line-height:1.1}.birthday-hero span small{display:block;font-size:7px;letter-spacing:.12em;margin-top:7px}.birthday-hero div>small{font-size:7px;letter-spacing:.13em}.birthday-hero h4{font-size:17px;margin:7px 0}.birthday-hero p{font-size:9px!important;margin:4px 0!important}.demo-people{display:flex;gap:20px;justify-content:space-between;padding:22px 6px 6px}.demo-people>div{display:grid;gap:7px;justify-items:center}.demo-people b{font-size:9px}.demo-people small{font-size:8px;color:#7f9279}.demo-table .row{display:grid;grid-template-columns:1.3fr .6fr .8fr;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #ebeee4;font-size:10px}.demo-table .heading{color:#8b9b83;font-size:8px}.demo-table em{font-style:normal;justify-self:start;padding:4px 7px;background:#eaf1e1;color:#5f7f44;border-radius:20px;font-size:8px}.demo-table em.pending{background:#f6edda;color:#9a7b38}.document-editor{display:grid;grid-template-columns:1.1fr .8fr;gap:20px;background:#eef1e6;padding:15px;border-radius:10px}.paper-receipt{background:#fff;padding:18px;border-radius:3px;box-shadow:0 4px 10px #293d2210;position:relative;overflow:hidden}.paper-brand{font-size:20px;color:#466b43;margin-bottom:17px;display:flex;align-items:center;gap:10px}.paper-brand small{font-size:6px;letter-spacing:.1em}.paper-receipt>small{font-size:6px;color:#89977e}.paper-receipt h4{font-size:24px;letter-spacing:-.04em;margin:12px 0}.paper-receipt h4 small{font-size:8px}.paper-rule{height:1px;background:#d8e1cd}.paper-receipt p{font-size:7px!important;line-height:1.9!important}.paper-receipt img{width:55px;height:55px;display:block;margin-top:13px}.document-tools{display:flex;flex-direction:column;gap:13px;padding:5px 0;font-size:8px}.document-tools>b{font-size:10px}.document-tools>span{padding-bottom:8px;border-bottom:1px solid #d7dfc9}.demo-slider{display:block;height:4px;background:linear-gradient(90deg,#70915c 40%,#d3ddc5 40%);margin-top:12px;border-radius:10px}.color-dots{display:flex;gap:7px}.color-dots i{width:13px;height:13px;border-radius:50%;background:#416b4c}.color-dots i:nth-child(2){background:#9f8750}.color-dots i:nth-child(3){background:#26485d}.demo-chart{border:1px solid #e1e7da;border-radius:10px;padding:15px}.demo-chart>span{font-size:9px}.demo-chart svg{width:100%;height:auto;display:block;margin-top:15px}.draw-curve{stroke-dasharray:800;stroke-dashoffset:0;animation:draw-curve 2s ease both}.chart-months{display:flex;justify-content:space-between;font-size:8px;color:#8d9b83;margin-top:8px}.commission-ring{display:flex;align-items:center;justify-content:space-around;gap:20px;margin:20px 0 32px}.commission-ring>div{width:115px;height:115px;border-radius:50%;background:conic-gradient(#45836a 0 60%,#e4eadb 60%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.commission-ring>div:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff}.commission-ring b,.commission-ring span{z-index:1}.commission-ring b{font-size:25px;line-height:1.2}.commission-ring b small{font-size:10px}.commission-ring span{font-size:7px}.commission-ring aside{background:none;padding:0}.commission-ring aside small{font-size:8px;color:#7c9570}.commission-ring aside h4{font-size:19px;margin:9px 0}.commission-ring aside p,.commission-ring aside strong{font-size:10px!important}.mapping{display:grid;grid-template-columns:1fr 25px 1fr;gap:10px}.mapping>div:not(.mapping-arrows){display:flex;flex-direction:column;gap:10px}.mapping small{font-size:8px;color:#849a78}.mapping b{background:#f0f4e8;border:1px solid #dfe7d5;border-radius:6px;padding:10px;font-size:9px}.mapping-arrows{font-size:18px;line-height:48px;padding-top:20px;text-align:center;color:#8ca478}.import-result{display:flex;gap:15px;font-size:9px;margin:24px 0;color:#6d8b55}.import-result span:last-child{color:#a18c4c}.sms-bubble{background:#e7edda;padding:25px;border-radius:16px 16px 16px 0;max-width:85%;margin:20px 0}.sms-bubble small,.sms-bubble span{font-size:8px;color:#7d916e}.sms-bubble p{font-size:13px!important;line-height:1.7!important}.rental-grid{display:grid;grid-template-columns:1.6fr repeat(7,minmax(0,1fr));gap:4px;font-size:8px;align-items:center}.rental-grid>small{text-align:center;font-size:7px}.rental-grid>b{font-size:8px}.rental-grid>span{height:38px;border-radius:4px;background:#f2f4ed;text-align:center;padding-top:8px;color:#fff;box-sizing:border-box}.rental-grid .occupied,.rental-legend .occupied{background:#315e8b}.rental-grid .reserved,.rental-legend .reserved{background:#e9a04b}.rental-grid .weekend,.rental-legend .weekend{background:#c8e2f3}.rental-legend{display:flex;gap:15px;margin:15px 0;font-size:8px}.rental-legend span{display:flex;align-items:center;gap:5px}.rental-legend i{width:9px;height:9px;border-radius:2px}@keyframes panel-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes draw-curve{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}
@media(max-width:1050px){.immersive-modules article[role=tabpanel]{gap:25px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.app-sidebar{width:35px}.app-screen-body{padding:18px 14px}.screen-title h4{font-size:16px}.demo-board{gap:5px}.demo-stats b{font-size:18px}}
@media(max-width:850px){.immersive-modules article[role=tabpanel]{grid-template-columns:1fr}.module-narrative{max-width:650px}.module-screen{transform:none;max-width:650px;margin:auto}.app-screen-body{padding:22px}.app-sidebar{width:44px}.timed-story .motion-pin{height:76vh;min-height:580px}.timed-story .scene-copy{left:7%;right:7%;max-width:none}.module-stage{margin-top:10px}.immersive-modules{padding:65px 6%}}
@media(max-width:540px){.product .product-rotator{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px}.rotator-toolbar{font-size:9px;padding:10px 12px}.rotator-toolbar button{width:29px;height:29px}.timed-story .motion-pin{height:680px;min-height:0}.timed-story .scene-copy{top:40%}.timed-story .scene-copy h2{font-size:42px}.timed-story .scene-copy>p:not(.eyebrow){font-size:16px}.app-chrome{padding:10px}.app-chrome>span:last-child{font-size:6px}.app-screen-body{padding:18px 11px}.app-sidebar{width:30px;gap:24px}.app-sidebar b{font-size:9px}.screen-title{gap:5px}.screen-title h4{font-size:16px}.demo-tag{font-size:6px;padding:4px 6px}.demo-stats{gap:5px}.demo-stats>div{padding:10px 8px}.demo-stats b{font-size:18px}.demo-stats small{font-size:7px}.demo-stats b small{display:block;margin-left:0}.demo-board>div{padding:8px 5px}.demo-board strong{font-size:8px}.demo-board section{padding:8px 5px}.demo-flow{gap:4px;font-size:7px}.demo-flow span{padding:7px}.commission-ring>div{width:95px;height:95px;flex-shrink:0}.commission-ring aside h4{font-size:15px}.document-editor{gap:12px;padding:10px}.paper-receipt{padding:12px}.paper-receipt h4{font-size:20px}.module-tabs button{font-size:12px;padding:12px}.birthday-hero{gap:13px;padding:16px 12px}.birthday-hero>span{font-size:34px}.rental-grid>span{height:32px}.module-points li{font-size:13px}}
@media(prefers-reduced-motion:reduce){.rotator-frames>figure,.module-screen,.timed-story .motion-scene,.timed-story .motion-scene>img{transition:none!important;transform:none!important}.immersive-modules article,.draw-curve{animation:none!important}}html[data-motion=off] .timed-story .motion-scene{position:absolute!important;height:100%!important}html[data-motion=off] .timed-story .motion-scene:not(.active){visibility:hidden!important;opacity:0!important}
.sales-progress{display:grid;gap:10px;margin:25px 0}.sales-progress span{display:flex;justify-content:space-between;font-size:9px}.sales-progress span b{font-weight:500;color:#859877}.sales-progress>i{height:7px;border-radius:10px;background:linear-gradient(90deg,#588365 var(--progress),#e6ecde var(--progress));display:block;margin-bottom:8px;transform-origin:left;animation:bar-in .9s ease both}.mission-card{padding:22px 18px;background:#eff3e8;border:1px solid #e0e6d8;border-radius:11px}.mission-card>small{font-size:8px;color:#829672}.mission-card h4{font-size:20px;margin:12px 0}.mission-card>p{font-size:10px!important}.mission-timeline{display:flex;justify-content:space-between;gap:7px;margin:25px 0 5px}.mission-timeline>div{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;flex:1;position:relative}.mission-timeline>div:not(:last-child):after{content:'';height:1px;background:#c8d6b9;position:absolute;top:13px;width:65%;left:69%}.mission-timeline i{width:26px;height:26px;border:1px solid #c7d6b7;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:10px;color:#8a9e77;background:#f9fbf4}.mission-timeline .done i{background:#5c865f;color:#fff;border-color:#5c865f}.mission-timeline b{font-size:9px}.mission-timeline small{font-size:7px;color:#8d9e7c}@keyframes bar-in{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.sales-progress>i{animation:none!important}}