/* The illustrated workbench is deliberately larger than the original prototype. */
.service-workbench{grid-template-columns:240px minmax(0,1fr);gap:35px}.service-panel{grid-template-columns:minmax(0,1.15fr) minmax(260px,1fr);gap:30px;min-height:420px}.panel-art{border-radius:16px;min-height:420px}.panel-art>div{scale:1.15}.panel-copy h3{font-size:30px}.service-selector button{font-size:15px}.clean-hero img{width:100%;height:100%;object-fit:cover}.clean-hero{inset:10px 0 45px 0}.proof-photo{overflow:hidden;border-radius:12px 90px 12px 12px}.proof-photo img{display:block;width:100%;height:430px;object-fit:cover}.métier-stage{background:#123e49;position:relative;overflow:hidden}.métier-stage>div{scale:1;width:100%;min-height:420px;padding:30px}.métier-stage small{font-size:10px;letter-spacing:.1em}.métier-stage b{letter-spacing:-.025em}.priority-board{position:relative;background:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:40px 40px}.board-heading{font-size:18px;max-width:250px;line-height:1.2}.board-guide{position:absolute;inset:100px 35px 65px;border-left:1px solid #fff5;border-bottom:1px solid #fff5}.priority{position:absolute;background:#f8f5ed;color:#153d46;padding:18px 22px;border-radius:5px;box-shadow:0 8px 25px #0002;font-size:16px;font-weight:700;transition:transform 1.4s cubic-bezier(.22,.75,.3,1)}.p0{top:130px;left:12%;transform:rotate(-9deg)}.p1{top:140px;right:7%;transform:rotate(12deg)}.p2{bottom:85px;left:20%;transform:rotate(6deg)}.p3{bottom:105px;right:7%;background:#ff7526;transform:rotate(-8deg)}.priority-board.cycled .p0{transform:translateY(-20px) rotate(0)}.priority-board.cycled .p1{transform:translateY(10px) rotate(0)}.priority-board.cycled .p2{transform:translateY(15px) rotate(0)}.priority-board.cycled .p3{transform:translateY(-10px) rotate(0)}.board-result{position:absolute;bottom:22px;right:30px;font-size:11px;color:#f8f5edb0}.automation-demo{display:flex;flex-direction:column;gap:16px}.automation-node{display:flex;align-items:center;padding:20px 15px;background:#f8f5ed0a;border:1px solid #8eb5bf55;border-radius:12px;gap:12px;position:relative;transition:background .7s,border-color .7s}.automation-node span{font-size:10px;color:#95b8bf}.automation-node b{font-size:17px}.automation-node i{height:9px;width:9px;flex-shrink:0;background:#507d85;border-radius:50%;margin-left:auto}.automation-node.on{background:#ff75261a;border-color:#ff7526}.automation-node.on i{background:#ff7526;box-shadow:0 0 18px #ff7526}.human-check{font-size:12px;color:#e8ebe2;margin-top:auto}.press-demo{position:relative}.press-rail{height:24px;background:linear-gradient(#c3ced0,#617a82,#b6c9ce);position:absolute;left:20px;right:20px;top:82px;z-index:3;border-radius:5px;box-shadow:0 8px 12px #0004}.press-rail i{position:absolute;width:60px;height:45px;top:-11px;left:0;background:#10242b;border:1px solid #8ea5ab;border-radius:8px;transition:left 1.4s ease}.cycled .press-rail i{left:calc(100% - 60px)}.press-sheet{position:absolute;top:104px;bottom:35px;left:15%;right:15%;background:#f8f5ed;overflow:hidden;box-shadow:0 12px 18px #0003}.press-pattern{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 5%,#ff7526 0 30%,transparent 31%),radial-gradient(ellipse at 100% 100%,#ff7526 0 25%,transparent 26%),#14576a;clip-path:inset(0 0 100%);transition:clip-path 2.5s ease}.cycled .press-pattern{clip-path:inset(0)}.press-sheet b{position:absolute;left:20px;top:65px;font-size:38px;line-height:1;color:#f8f5ed;mix-blend-mode:difference}.press-swatches{position:absolute;bottom:12px;display:flex;gap:6px;right:30px}.press-swatches i{width:14px;height:14px;background:#ff7526;border-radius:50%}.press-swatches i:nth-child(2){background:#f8f5ed}.press-swatches i:nth-child(3){background:#266979}.event-plan{position:absolute;inset:100px 30px 80px;perspective:700px}.event-wall{position:absolute;left:12%;right:5%;height:150px;background:#f8f5ed;color:#174550;display:grid;place-items:center;font-size:25px;font-weight:700;transform:translateY(50px) rotateY(-12deg);opacity:.3;transition:transform 1.6s,opacity 1s;border-left:9px solid #ff7526}.event-plinth{position:absolute;width:60px;height:65px;background:#ff7526;left:15%;bottom:0;transform:translateY(45px);opacity:0;transition:transform 1.3s .3s,opacity .8s .3s}.event-banner{position:absolute;width:38px;height:150px;background:#ff7526;right:0;top:-25px;transform:translateY(-45px);opacity:0;transition:transform 1.4s .5s,opacity 1s .5s}.event-route{position:absolute;left:15%;right:0;bottom:-20px;border-bottom:1px dashed #f8f5ed80}.event-plan>span{position:absolute;bottom:-40px;font-size:10px;left:15%}.event-demo{position:relative}.event-demo.cycled .event-wall{transform:translateY(0) rotateY(-12deg);opacity:1}.event-demo.cycled .event-plinth,.event-demo.cycled .event-banner{transform:none;opacity:1}.event-legend{position:absolute;bottom:20px;display:flex;gap:8px;font-size:10px}.event-legend i{height:6px;width:6px;border-radius:50%;background:#ff7526}.sillon-demo{background:#101719;border:1px solid #54757f;border-radius:16px;padding:25px!important;color:#f8f5ed;position:relative;box-shadow:0 20px 50px #0e303626}.demo-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.demo-top img{width:120px;height:auto}.demo-top>span{font-size:8px;letter-spacing:.08em}.demo-edit{padding:18px;background:#243439;border:1px solid #66808777;border-radius:8px}.demo-edit small{font-size:8px;display:block;color:#b5c9cf;margin-bottom:10px}.demo-field{display:block;background:#101d23;border:1px solid #5a7b86;padding:12px;font-size:13px;border-radius:5px}.demo-status{display:block;font-size:9px;margin-top:10px;color:#ff9b61}.demo-bridge{height:40px;display:flex;align-items:center;gap:10px;justify-content:center;font-size:9px;color:#8cabb4}.demo-bridge i{display:block;width:1px;height:28px;background:#ff7526}.demo-site{background:#f8f5ed;color:#10333c;border-radius:8px;padding:18px;overflow:hidden;transition:box-shadow .3s}.demo-site-nav{font-size:10px;display:flex;justify-content:space-between}.demo-site-nav span{font-size:7px}.demo-site-body{display:flex;align-items:center;gap:18px;padding:22px 0}.demo-title{font-size:29px;line-height:1;flex:1;letter-spacing:-1px}.demo-site-art{width:80px;height:85px;background:#ff7526;border-radius:60% 40% 70% 30%;flex-shrink:0;transition:border-radius 1s,rotate 1s}.demo-site-foot{font-size:8px;border-top:1px solid #56747c50;padding-top:12px}.demo-actions{display:flex;gap:8px;margin-top:18px}.demo-actions button{font-size:10px;padding:10px;border-radius:6px;border:1px solid #73939d;background:transparent;color:inherit;flex:1}.demo-actions button:hover{background:#ff7526;color:#13272c;border-color:#ff7526}.demo-caption{font-size:8px!important;display:block;margin-top:10px;color:#89a6ad}.sillon-demo.changed .demo-site{box-shadow:0 0 0 2px #ff7526}.sillon-demo.changed .demo-site-art{rotate:20deg;border-radius:35% 70% 30% 65%}.web-hero-demo{min-width:0}.web-hero-demo .sillon-demo{padding:32px!important;max-width:590px}.web-hero-demo .demo-title{font-size:36px}.métier-stage .sillon-demo{box-shadow:none;border:0;border-radius:0}.commerce-demo,.work-demo,.host-demo{display:flex;flex-direction:column;gap:18px}.product-demo{display:flex;gap:20px;padding:20px 0;align-items:center}.product-shape{width:70px;height:80px;border-radius:10px;background:#f8f5ed;box-shadow:inset -12px 0 #e0dacb}.product-demo span{font-size:22px}.product-demo b{font-size:10px;font-weight:400}.order-step,.work-row,.host-unit{padding:16px;background:#ffffff0a;border:1px solid #72959e66;border-radius:7px;font-size:13px;transition:background .8s,transform .8s}.cycled .order-step{background:#ff752624;transform:translateX(5px)}.cycled .order-step:nth-last-child(2){transition-delay:.4s}.cycled .order-step:last-child{transition-delay:.8s}.work-row{display:flex;justify-content:space-between}.work-row span{color:#ff9a61;font-size:10px}.work-demo>b,.host-demo>b{font-size:26px;line-height:1.1;margin-top:15px}.cycled .work-row{border-color:#ff7526}.host-site{text-align:center;padding:20px;background:#f8f5ed;color:#183f4b;border-radius:8px}.host-wire{height:15px;width:1px;background:#ff7526;margin:-10px auto}.host-unit i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#689699;margin-right:12px;transition:background .5s}.cycled .host-unit i{background:#ff7526;box-shadow:0 0 12px #ff7526}.sillon-ecosystem{padding:110px 6%}.sillon-ecosystem .section-head>p:last-child{font-size:18px;max-width:850px;margin-top:30px}.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ecosystem-card{padding:35px;background:#eaece5;border:1px solid #b8c5be;border-radius:12px}.ecosystem-card>b{font-size:13px;color:#125469;display:block;margin-bottom:25px}.ecosystem-card h3{font-size:29px}.ecosystem-card p{font-size:16px;margin:25px 0;text-align:justify;hyphens:auto}.ecosystem-card>span{display:block;font-size:12px;border-top:1px solid #aebcb5;padding-top:20px}.ecosystem-card strong{font-size:25px;color:#125469}.sillon-performance{display:flex;gap:60px;align-items:center;padding:45px 0;border-bottom:1px solid #b3c1b8}.sillon-performance>div{display:flex;gap:25px;align-items:center;flex-shrink:0}.sillon-performance strong{font-size:95px;letter-spacing:-5px;color:#125469}.sillon-performance span{font-size:16px;line-height:1.5}.sillon-performance p{font-size:12px;max-width:400px;color:#516565}.sillon-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.sillon-benefits h3{font-size:22px;margin-bottom:18px}.sillon-benefits p{font-size:15px}.price-card .price span{font-size:22px}
@media(max-width:1100px){.service-workbench{grid-template-columns:200px 1fr}.service-panel{grid-template-columns:1fr}.panel-art{height:440px}.métier-stage>div{min-height:440px}.sillon-performance{gap:30px}.sillon-performance>div{flex-shrink:1}.demo-title{font-size:27px}}
@media(max-width:900px){.service-workbench{grid-template-columns:1fr}.service-selector{grid-template-columns:1fr 1fr}.service-panel{grid-template-columns:1fr 1fr}.panel-art>div{scale:1}.sillon-performance{display:block}.ecosystem-card{padding:25px}.web-hero-demo .sillon-demo{padding:20px!important}.web-hero-demo .demo-title{font-size:28px}}
@media(max-width:650px){.service-panel{grid-template-columns:1fr}.panel-art{height:auto;min-height:380px}.métier-stage>div{min-height:380px;padding:25px}.ecosystem-grid,.sillon-benefits{grid-template-columns:1fr}.sillon-ecosystem{padding:70px 6%}.sillon-performance>div{gap:15px}.sillon-performance strong{font-size:70px}.sillon-performance span{font-size:13px}.sillon-performance p{margin-top:20px}.priority{font-size:14px;padding:15px}.proof-photo img{height:320px}.proof-photo{width:100%}.demo-site-art{width:55px;height:70px}.demo-title{font-size:24px}.sillon-demo{padding:20px!important}}
@media(prefers-reduced-motion:reduce){.priority,.press-pattern,.press-rail i,.event-wall,.event-plinth,.event-banner{transition:none}.press-pattern{clip-path:none}.event-wall,.event-plinth,.event-banner{opacity:1;transform:none}}

.panel-art.métier-stage:has(.event-photo-demo){padding:0}.panel-art.métier-stage>.event-photo-demo{position:relative;padding:0;overflow:hidden;min-height:420px}.event-photo-demo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2.5s ease}.event-photo-demo.cycled>img{transform:scale(1.055)}.event-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07181de0,transparent 70%)}.event-callout{position:absolute;display:flex;align-items:center;gap:10px;background:#f8f5ed;color:#123641;border-radius:5px;padding:12px 16px;font-size:13px;box-shadow:0 8px 28px #0003;transition:transform .8s,opacity .8s}.event-callout i{font-style:normal;color:#e95608}.event-callout.first{left:8%;top:35%}.event-callout.second{right:6%;bottom:22%;transition-delay:.15s}.event-photo-demo:not(.cycled) .event-callout{transform:translateY(18px);opacity:.35}.event-photo-caption{position:absolute;bottom:26px;left:30px;color:#fff;font-size:11px;letter-spacing:.13em}