:root{
  --paper:#f6f5ed; --ink:#172c23; --fern:#315d42; --lime:#d6f58e; --muted:#56635a;
  --rule:#cbd1bf; --ease:cubic-bezier(.22,.78,.24,1);
  color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif;
  scroll-behavior:smooth; scroll-padding-top:84px;
}
*{box-sizing:border-box}
body,figure,h1,h2,p{margin:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,summary{cursor:pointer}
button{color:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #528439;outline-offset:4px}
[hidden]{display:none!important}
.wrap{width:min(1440px,91%);margin-inline:auto}
.mono,.chip{font:600 11px/1.4 Consolas,"Courier New",monospace;letter-spacing:.09em}
.skip{position:fixed;top:-100px;left:10px;z-index:50;background:var(--lime);padding:12px}
.skip:focus{top:10px}
.mast{position:sticky;top:10px;z-index:10;width:fit-content;max-width:96%;margin:10px auto 0}
.mast .navigation{width:auto;min-height:52px;gap:30px;padding:6px 7px 6px 18px;background:#fffffff0;border:1px solid #d8dfda;border-radius:40px;box-shadow:0 7px 25px #19271d11;backdrop-filter:blur(16px)}
.navigation,nav,footer,.stage-bar,.plate-top,figcaption,.strip .wrap{display:flex;align-items:center;justify-content:space-between}
.navigation{min-height:72px;gap:24px}
.brand{display:inline-flex;align-items:center;font-size:22px;font-weight:750;letter-spacing:-1.35px;white-space:nowrap}
.brand img{display:block;width:125px;height:auto}
.intro em,.faq em{color:var(--fern)}
nav{gap:32px;font-size:14px}
nav a,footer>a:last-child{padding-block:9px}
nav a:hover,footer>a:last-child:hover{text-decoration:underline;text-underline-offset:5px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:50px;padding:16px 23px;background:var(--ink);color:white;font-size:15px;font-weight:650;transition:transform .2s var(--ease),background .2s}
.pill span{font-size:19px}
.pill.compact{padding:10px 18px;gap:15px;font-size:13px}
.pill:active,#zoom:active,.tool-list button:active{transform:scale(.97)}
@media(hover:hover){.pill:hover{background:var(--fern);transform:translateY(-2px)}}
.hero{position:relative;text-align:center;padding-block:clamp(44px,5vw,78px) 8vh}
.intro{display:grid;justify-items:center}
.hero h1{font-size:clamp(60px,7.1vw,115px);margin:17px 0}.hero h1 br{display:none}.hero h1 em::before{content:' '}
.hero .intro>p{max-width:46ch;margin-bottom:15px}
.contact-sheet{position:relative;isolation:isolate;width:min(1040px,100%);margin:clamp(28px,4vw,62px) auto 0;perspective:1200px}
.contact-sheet .plate{position:relative;z-index:2;width:min(72%,760px);margin:auto;text-align:left;transform:scale(var(--proof-scale,1));animation:none;box-shadow:0 25px 55px -35px #142a24aa}
.proof-card{position:absolute;top:14%;width:25%;height:70%;overflow:hidden;border:1px solid #bec8c1;background:#f9faf6;border-radius:12px;box-shadow:0 10px 25px #172c2319;pointer-events:none}
.proof-card span{display:block;text-align:left;font:600 11px/1.5 Consolas,monospace;padding:10px 16px}
.proof-card img{width:100%;display:block}.proof-right img{margin-top:-160%;position:relative;z-index:-1}.proof-right span{background:#f9faf6}
.proof-left{left:7%;transform:translateX(var(--left-x,0px)) rotate(var(--left-angle,-6deg))}
.proof-right{right:7%;transform:translateX(var(--right-x,0px)) rotate(var(--right-angle,6deg))}
body{background-color:#f6f7f3}
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#58716116 1px,transparent 1px),linear-gradient(#58716116 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at 50% 63%,black 18%,transparent 72%)}
main{overflow:clip}footer{background:#f6f7f3}

.intro{animation:intro-in .75s var(--ease) both}

.light{display:inline-block;width:8px;height:8px;background:var(--fern);border-radius:100%}
h1,h2{font-weight:540;letter-spacing:-.075em;line-height:.98}
h1{font-size:clamp(54px,6.3vw,108px);margin:24px 0 22px}
h1 span{white-space:nowrap}
em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.075em}
.intro>p,.tools-copy>p{font-size:clamp(16px,1.35vw,20px);line-height:1.55;letter-spacing:-.02em}
.intro>p{max-width:39ch;color:var(--muted);margin:0 0 27px}

.ps{display:inline-grid;place-items:center;width:23px;height:22px;border:1px solid #738377;border-radius:4px;font:bold 12px Arial}
.plate{border:1px solid #b3bca9;background:#e6e8da;border-radius:12px;padding:0 9px;box-shadow:0 12px 28px -23px #1c3524;animation:plate-in .8s var(--ease) both;scroll-margin-top:10px;min-width:0}
.plate-top,figcaption{padding:11px 5px;min-height:37px;gap:10px}
.plate-top span:first-child{display:flex;align-items:center;gap:7px}
.plate-top .light{width:6px;height:6px}
.compare{--pos:50%;overflow:hidden;isolation:isolate;position:relative;aspect-ratio:1.5;background:#41473e;border-radius:6px}
.photo,.photo img,.slider{position:absolute;inset:0;width:100%;height:100%}
.photo img{object-fit:contain;transform-origin:50% 40%;transition:transform .35s var(--ease)}
.compare.is-zoomed img{transform:scale(2)}
.before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.chip{position:absolute;top:13px;color:white;background:#182218bb;backdrop-filter:blur(5px);padding:5px 8px;border:1px solid #ffffff59;border-radius:4px;font-size:10px;pointer-events:none}
.left{left:12px}.right{right:12px}
.split{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;transform:translateX(-50%);background:white;box-shadow:0 0 7px #2226;pointer-events:none}
.split span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--lime);border:2px solid white;color:var(--ink);font:bold 24px/1 Georgia;white-space:pre;box-shadow:0 2px 10px #0003}
.slider{opacity:0;cursor:ew-resize;touch-action:pan-y;margin:0}
.compare:focus-within{outline:3px solid var(--fern);outline-offset:3px}
figcaption{padding:7px 5px}.green{color:var(--fern);font-size:18px;vertical-align:middle}
#zoom,#examples-nav button{border:1px solid #adb6a3;background:transparent;border-radius:20px;padding:7px 11px;font-size:12px}
#zoom[aria-pressed=true]{background:var(--ink);color:white}
#examples-nav{display:flex;justify-content:space-between;align-items:center;padding:6px 5px 12px;font-size:13px}
h2{font-size:clamp(45px,5.1vw,78px)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.faq-section{background:#eaece1;padding:60px 0 70px}
.faq{align-items:start}.faq h2{margin-top:20px}
details{border-bottom:1px solid #bfc7b6}
summary{font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:15px;padding:18px 0;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:'+'}details[open] summary:after{content:'−'}
details p{line-height:1.55;font-size:15px;color:var(--muted);padding-bottom:18px}
footer{min-height:96px}footer>a:last-child{font-size:13px}
dialog{border:0;padding:0;background:#29362e;color:white;border-radius:10px;max-width:92vw;max-height:92vh;overscroll-behavior:contain}
dialog::backdrop{background:#0d1912cf}
dialog img{display:block;margin:12px auto;max-width:100%;height:auto}
.modal-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#29362e;padding:10px 14px;font-size:14px}
.modal-head button{border:0;background:var(--paper);color:var(--ink);padding:8px 12px;border-radius:18px}
@keyframes intro-in{from{opacity:.3;transform:translateY(18px)}}
@keyframes plate-in{from{opacity:.3;transform:translateY(24px) rotate(1.5deg)}}
.contact-licence{
  background:#14231f; color:#edf2e9; padding:clamp(44px,6vw,90px) 0;
}
.contact-licence h2{max-width:18ch;margin:0 0 32px;line-height:1.01}
.contact-licence em{color:#c4dfb8;white-space:nowrap}



.licence-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:12px 0 0;gap:clamp(12px,2vw,32px)}
.licence-card{--wash:#cddac4;min-width:0}
.licence-card:nth-child(2){--wash:#d3e1e7}
.licence-card:nth-child(3){--wash:#e5d6bd}
.licence-art{
  position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;height:clamp(178px,15vw,230px);
  border-radius:7px;color:#27483a;background:radial-gradient(ellipse at 32% 12%,#ffffff65,transparent 78%),var(--wash);
}
.licence-art::after{position:absolute;font:600 10px/1 Consolas,monospace;letter-spacing:.12em}
.licence-art::after{content:attr(data-label);bottom:12px;right:12px}
.studio-pass,.ps-window,.edition-stack{position:relative;width:min(62%,224px);transition:transform .35s var(--ease)}
.studio-pass{padding:15px 42px 18px 16px;border-radius:8px;color:#f5f4d9;background:linear-gradient(125deg,#456151,#203a2d 64%,#3a5642);box-shadow:0 12px 17px -7px #182d2480,inset 0 0 0 1px #ffffff42;transform:rotate(-7deg)}
.studio-pass small,.edition-front small{display:block;font:600 9px/1.3 Consolas,monospace;letter-spacing:.1em}
.studio-pass strong,.edition-front strong{display:block;margin-top:8px;font:italic 26px/1 Georgia,serif}
.pass-seal{display:inline-grid;place-items:center;margin-top:9px;width:32px;height:19px;border:1px solid #c3cb9e;border-radius:12px;color:#e9ecc6;font:24px/16px Georgia}
.pass-stub{position:absolute;inset:0 0 0 auto;width:31px;display:grid;place-items:center;border-left:1px dashed #dde5c18c;writing-mode:vertical-rl;font:600 10px/1 Consolas,monospace;letter-spacing:.16em}
.ps-window{display:grid;grid-template-columns:2.45fr 1fr;padding:5px;gap:3px;border-radius:7px;background:#29363c;color:#dce9eb;box-shadow:0 12px 20px -7px #152f4480;transform:rotate(3deg)}
.ps-title{grid-column:1/-1;font:9px/1.4 Consolas,monospace;padding-left:4px}
.ps-window>img{width:100%;height:93px;object-fit:cover;border-radius:2px}
.ps-panel{height:93px;overflow:hidden}.ps-panel img{display:block;width:100%;height:auto}
.ps-badge{position:absolute;bottom:-8px;left:-12px;padding:6px 8px;border:1px solid #688a99;border-radius:7px;color:#a1d9ed;background:#183340;font:600 19px/1 Arial;transform:rotate(-6deg)}
.edition-stack{width:min(50%,175px);height:106px;transform:rotate(-5deg)}
.edition-stack>span,.edition-front{position:absolute;inset:0;border:1px solid #a58c69;border-radius:6px;box-shadow:0 8px 12px -9px #523e28aa}
.edition-back{background:#aa8768;transform:translate(17px,-7px) rotate(13deg)}
.edition-middle{background:#d7bc97;transform:translate(9px,-3px) rotate(7deg);transition:transform .35s var(--ease)}
.edition-front{padding:13px;background:linear-gradient(115deg,#fff5dd,#ece1c8);color:#514130}
.edition-status{display:inline-block;margin-top:9px;padding:3px 7px;border:1px solid #b9aa8b;border-radius:12px;font:10px/1 Consolas,monospace}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .licence-card:hover .studio-pass{transform:translateY(-4px) rotate(-3deg)}
  .licence-card:hover .ps-window{transform:rotate(0) scale(1.04)}
  .licence-card:hover .edition-stack{transform:translateY(-3px) rotate(-8deg)}
  .licence-card:hover .edition-middle{transform:translate(14px,-6px) rotate(10deg)}
}
.licence-card h3{font-size:clamp(20px,2vw,30px);line-height:1.12;letter-spacing:-.04em;margin:19px 0 8px}
.licence-card p{font-size:15px;line-height:1.55;color:#c4d1c8;max-width:34ch}
@media(max-width:700px) {
  .contact-licence h2{font-size:43px;margin:0 0 24px}



  .licence-cards{grid-template-columns:1fr;gap:22px}
  .licence-art{height:164px}
  .licence-card h3{margin:12px 0 5px}.licence-card p{font-size:14px}
}

/* Le rythme de la page vient du papier, des marges et des épreuves photographiques. */
.wrap{width:min(1160px,90%)}
.mast .navigation{gap:22px}#menu-toggle{display:none}
.sale{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:650;border-radius:30px;padding:12px 17px}
.mast .sale{font-size:12px}.hero{padding-top:clamp(42px,6vw,84px)}.hero-heading{width:100%;position:relative}
.hero h1{font-size:clamp(50px,6.9vw,101px);letter-spacing:-.077em;margin:20px auto}.hero h1 br{display:block}.hero h1 em::before{content:none}
.hero .intro>p{max-width:56ch}.hero-price{font-size:14px;color:#505f54;margin:4px 0 10px}.hero-price strong{color:var(--ink);font-size:20px}.hero-price s{margin:0 5px}
.annotations span{position:absolute;color:#425a46;background:#f6f7f1;border:1px solid #cad4c5;border-radius:5px;padding:7px 10px;font:11px/1.2 Consolas,monospace;box-shadow:0 3px 0 #233b2520}
.annotations span:nth-child(1){left:0;top:24%;transform:rotate(-7deg)}.annotations span:nth-child(2){left:4%;bottom:4%;transform:rotate(4deg)}
.annotations span:nth-child(3){right:3%;top:30%;transform:rotate(7deg)}.annotations span:nth-child(4){right:4%;bottom:2%;transform:rotate(-5deg)}
.actions,.section-end,.payment,.scene-picker{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.actions{justify-content:center}
.text-link{background:none;border:0;padding:4px 0;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:600}
.proof-right img{margin:0}.proof-card img{height:auto}.proof-right span{background:none}.plate{scroll-margin-top:84px}
.spread{padding:clamp(50px,6vw,92px) 0}.paper{background:#eaede3}.spread h2{margin:0 0 34px;max-width:19ch}.spread h2 em{color:var(--fern)}
.spread h3{font-size:clamp(23px,2.3vw,36px);font-weight:550;line-height:1.08;letter-spacing:-.05em;margin:12px 0}
.spread p,.ticks{line-height:1.52}.spread small,.study small{font:600 11px/1.4 Consolas,monospace;letter-spacing:.08em}
.ticks{list-style:none;margin:18px 0 0;padding:0}.ticks li{display:flex;gap:12px;padding:10px 0;border-top:1px solid #53684938}.ticks li::before{content:"✓";color:#315d42;font-weight:bold}
.demo-section{background:#203c32;color:#f2f2df}.demo-section h2 em{color:#cce0aa}
.scene-picker{margin-bottom:24px;gap:6px}.scene-picker button{border:1px solid #779083;background:transparent;color:#eaf0e7;font-size:14px;border-radius:30px;padding:10px 20px}.scene-picker [aria-pressed=true]{background:#ecf2e4;color:#203c32}
.demo{display:grid;grid-template-columns:1fr minmax(0,2.15fr);gap:6%;align-items:center}.demo>div>p{max-width:30ch;color:#d2ddd4;margin-bottom:18px}
.demo h3{font-size:clamp(31px,3.7vw,54px)}.demo .sr-scene figcaption{color:#e3eadd;font-size:13px;text-align:left}.section-end{justify-content:flex-end;border-top:1px solid #81908070;padding-top:18px;margin-top:28px}.feature{display:flex;flex-direction:column;min-width:0;background:#f0f0e6;border:1px solid #c6cfc0;border-radius:9px;padding:18px 16px 0;overflow:hidden}
.feature:nth-child(4n+1){background:#e3ebdc}.feature:nth-child(4n+2){background:#e2e9e8}.feature h3{font-size:23px;margin:10px 0 5px}.feature p{font-size:14px;color:#415548;margin:0 0 15px}
.sample{display:block;position:relative;overflow:hidden;height:130px;width:100%;margin:auto 0 0;padding:0;border:0;border-radius:8px 8px 0 0;background:#202426;cursor:zoom-in}
.sample>img,.sample .sr-scene{display:block;width:100%;height:auto;position:absolute;top:0;left:0;transition:transform .25s var(--ease)}.sample .sr-card{width:100%;margin:0}.expand{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:100%;background:#f6f7ef;color:#233b2e;line-height:24px}
.feature:focus-within{outline:2px solid #456a4c}.lead{max-width:55ch;margin:-12px 0 24px;color:#435448}
#gallery{display:grid;gap:18px}.study{position:relative;display:block;background:#f7f8f0;border:1px solid #b5c3ae;border-radius:9px;padding:10px}.study-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.study-pair>div{position:relative}.study-pair img{width:100%;height:auto;display:block;border-radius:4px}.study-pair small,.temporary{position:absolute;top:8px;left:8px;border-radius:3px;background:#1a2e24;color:white;padding:4px 7px}.temporary{left:auto;right:12px}
.study-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 6px}.study-caption span{font-size:13px;color:#425c47}.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reviews article{border-top:2px solid #6c896e;padding:18px 6px 0}.reviews article{background:#e9ede2;padding:20px;border-radius:5px}.reviews p{font:italic 22px/1.4 Georgia,serif;margin:16px 0}.reviews small,.reviews img{display:block;margin:6px 0}.reviews img,#profile img{max-width:100%;height:auto}
#profile{display:grid;grid-template-columns:minmax(140px,280px) 1fr;gap:30px;align-items:center}.placeholder{display:grid;place-content:center;padding:20px;text-align:center;border:1px dashed #7b8f7e;min-height:200px}.vertical{aspect-ratio:3/4;max-width:240px}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.payment{gap:10px;border-top:1px solid #c1cbb6;padding-top:15px}.methods{margin-top:8px;color:#485a4b}
footer{gap:25px;padding-block:30px;font-size:13px}footer>div{max-width:64ch}footer p{line-height:1.5;margin:8px 0;color:#4a5d4e}footer a:not(.brand){text-decoration:underline;text-underline-offset:3px}[data-contact] a+a{margin-left:12px}
dialog{width:min(620px,95vw)}dialog img{width:min(100%,600px);height:auto}.legal{max-width:76ch;margin:52px auto;padding:0 22px}.legal h1{font-size:clamp(40px,6vw,68px)}.legal h2{font-size:26px;letter-spacing:-.04em;margin:32px 0 10px}.legal p{line-height:1.6}
#mobile-sale{display:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.sample:hover>img,.sample:hover .sr-scene{transform:translateY(-6px)}}
@media(max-width:1070px){.annotations{display:none}.mast .navigation,nav{gap:15px}}
@media(max-width:800px){.demo{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:20px}.mast .navigation{gap:12px}.brand img{width:105px}}
@media(max-width:700px){
 :root{scroll-padding-top:77px;scroll-padding-bottom:75px}.wrap{width:91%}
 .mast{top:5px;width:96%}.mast .navigation{width:100%;gap:8px;padding:5px 8px;min-height:51px;justify-content:space-between}.brand img{width:91px;height:auto}
 #menu-toggle{display:block;background:none;border:0;font-size:13px;padding:10px 4px}
 .mast nav{display:none}.mast nav.open{display:flex;position:absolute;inset:calc(100% + 4px) 0 auto;flex-wrap:wrap;justify-content:center;gap:15px;background:#fbfcf7;border:1px solid var(--rule);border-radius:14px;padding:8px}
 .mast .sale{font-size:10px;max-width:145px;text-align:center;padding:8px 9px}.hero{padding:38px 0 44px}.hero h1{font-size:clamp(49px,9.5vw,68px);margin-block:15px}
 .hero .intro>p{font-size:16px}.contact-sheet .plate{width:98%}.proof-card{display:none}.plate-top,figcaption{min-height:30px}.plate .mono{font-size:9px}.spread h2{font-size:43px;margin:0 0 22px}
 .reviews,.demo,.faq,#profile{grid-template-columns:1fr}
 .scene-picker{display:none}.demo{gap:14px}.demo+.demo{margin-top:36px}.feature{padding:12px 9px 0}.feature h3{font-size:19px}.feature p{font-size:13px}.sample{height:95px}
 .faq{gap:25px}.study-caption{gap:10px;align-items:start}.study-caption span{text-align:right}
 footer{flex-wrap:wrap;padding-bottom:100px}.section-end .sale{font-size:11px}.hero .sale{font-size:12px}
 #mobile-sale:not([hidden]){display:flex;position:fixed;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;padding:8px 4% max(8px,env(safe-area-inset-bottom));z-index:9;border-top:1px solid #bdcaba;background:#fafbf5f7;gap:8px}#mobile-sale .sale{font-size:12px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.money-marks{display:flex;align-items:center;gap:10px;margin:15px 0 0}.money-marks img{object-fit:contain}
.sample .sr-card{display:block}.sr-scene .sr-canvas .sr-photo{object-fit:contain}

.scenes-paused .sr-scene *,.scenes-paused .sr-scene *::before,.scenes-paused .sr-scene *::after{animation-play-state:paused!important}

@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference) and (min-width:701px){
  .contact-sheet{view-timeline-name:--sheet}
  .proof-left,.proof-right,.contact-sheet .plate{animation:unfold auto linear both;animation-timeline:--sheet;animation-range:entry 0% entry 100%}
  .proof-left{--shift:-18%;--turn:-8deg}.proof-right{--shift:18%;--turn:8deg}
  .contact-sheet .plate{animation-name:print-in}
  @keyframes unfold{from{translate:0 18px;rotate:0deg}to{translate:var(--shift) 0;rotate:var(--turn)}}
  @keyframes print-in{from{scale:.94}to{scale:1}}
 }
}

@media(min-width:1250px){.annotations span:nth-child(1){top:12%;left:-1%}.annotations span:nth-child(3){top:14%;right:0}}
@media(min-width:1071px) and (max-width:1249px){.annotations{display:none}}

.hero-price span{white-space:nowrap}.ps-window>img{object-fit:contain;background:#253133}


/* Le carrousel natif sert aussi de présentation par défaut sans JavaScript. */
.tools-section {position:relative;background:#f4f5ed}
.tools-sticky {padding:clamp(52px,7vw,96px) 0}
.tools-section h2 {margin:0 0 clamp(20px,3vw,38px)}
.tools-section h2 em {color:var(--fern)}
.tools-window {overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#63836c #dfe5d8}
.tools-track {display:flex;gap:clamp(12px,1.5vw,22px);width:max-content;padding:4px}
.tools-track .feature {flex:0 0 clamp(280px,78vw,328px);width:clamp(280px,78vw,328px);padding:12px;scroll-snap-align:center;border-radius:14px}
.tools-track .sample {width:100%;height:clamp(136px,23vh,200px);flex:none;margin:0;border-radius:8px}
.tools-track .sample>img {height:100%;object-fit:cover;object-position:top}
.tools-track h3 {font-size:24px;line-height:1.12;letter-spacing:-.045em;margin:20px 6px 8px}
.tools-track p {line-height:1.5;font-size:15px;margin:0 6px 10px}
.tools-meter {height:3px;background:#dce3d6;margin:24px auto 0;border-radius:3px;overflow:hidden}
.tools-meter i {display:block;width:100%;height:100%;background:#47694f;transform:scaleX(var(--tools-progress,0));transform-origin:left}
.tools-section.is-guided {height:calc(100vh + var(--travel))}
.is-guided .tools-sticky {height:100vh;position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;overflow:clip;padding:72px 0 16px}
.is-guided .tools-window {overflow:clip;scroll-snap-type:none}
.is-guided .tools-track {transform:translate3d(var(--tools-x,0px),0,0)}
.pricing {position:relative;isolation:isolate;max-width:100%;padding:32px 16px clamp(52px,8vw,100px);background:#eff4ed;color:var(--ink)}
.price-art {position:relative;display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,.6vw,8px);height:clamp(165px,19vw,235px);max-width:880px;margin:auto;z-index:-1}
.price-art i {width:6%;height:calc(30% + var(--step) * 10%);border-radius:5px 5px 0 0;background:#a6dac3;background:color-mix(in srgb,#e3f3ec,#008f51 calc(var(--step) * 14.28%))}
.price-art i:nth-child(8) {background:#14a587}
.price-tag {position:absolute;left:55%;bottom:46%;transform-origin:12px -30px;transform:rotate(6deg);padding:10px 17px 10px 22px;background:#fbfff9;color:#18583e;border:1px dashed #528770;border-radius:5px;box-shadow:0 4px 10px #103b281c;font:italic bold clamp(16px,2vw,22px)/1.1 Georgia,serif;white-space:nowrap}
.price-tag::before {content:"";position:absolute;left:12px;bottom:calc(100% - 7px);height:36px;width:1px;background:#2e6245}
.price-tag::after {content:"";position:absolute;left:9px;top:5px;width:7px;height:7px;background:#38684e;border-radius:50%}
@media(prefers-reduced-motion:no-preference){.pricing.in-view .price-tag{animation:tag-swing 4.6s ease-in-out infinite alternate}}
@keyframes tag-swing{from{transform:rotate(3deg)}to{transform:rotate(8deg)}}
.price-card {max-width:500px;margin:-42px auto 0;padding:clamp(22px,4vw,40px);text-align:center;background:white;border-radius:22px;border:1px solid #d7e1d7;box-shadow:0 20px 58px -30px #183e365e}
.price {margin:23px 0 4px;font-size:clamp(42px,6vw,64px);letter-spacing:-.065em;line-height:1.1;font-weight:650}
.old,.price-copy,.payment {color:#4c5b50;font-size:14px;line-height:1.45}
.price-copy {margin:12px auto;max-width:35ch}
.price-card .ticks {text-align:left;margin:22px 0}
.price-card .ticks li {align-items:baseline;border:0;padding:5px 0;line-height:1.4;font-size:15px}
.price-card .ticks li::before {display:inline-grid;place-items:center;border-radius:50%;background:#d8f0df;color:#11603e;font-size:12px;font-weight:bold;min-width:19px;height:19px}
.delivery {margin:18px 0;text-align:left;padding:14px 16px;background:#e7f4ea;border-radius:9px;color:#204a37;font-size:14px;line-height:1.55}
#chariow-widget,#checkout-fallback {width:100%}
.payment {display:block;margin-top:18px;font-size:12px}
.chariow-mark {display:block;object-fit:contain;margin:12px auto 0}
.price-card .money-marks {justify-content:center}
#mobile-sale:not([hidden]) {justify-content:center}
#mobile-sale .sale {width:100%;padding:11px}
.sale [data-prix] {font:inherit}
@media(max-width:500px){.price-tag{left:auto;right:6%}.tools-track .feature{flex-basis:min(82vw,310px);width:min(82vw,310px)}}


.demo-section .wrap {position:relative}
.demo-section h2 {padding-right:45px}
.motion-toggle {position:absolute;right:0;top:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #94a99c;border-radius:50%;color:inherit;background:transparent}
.motion-toggle svg {display:block;width:15px;height:15px}
.icon-play,.motion-toggle[aria-pressed=true] .icon-pause {display:none}
.motion-toggle[aria-pressed=true] .icon-play {display:block}
.price-card h2 em {color:var(--fern)}
.price-subtitle {color:var(--muted);font-size:16px;line-height:1.5;margin-top:12px}
@media(max-width:700px) {
  .price-card h2 {font-size:43px}
}
@media(prefers-reduced-motion:reduce) {
  .motion-toggle {display:none}
}