@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/site/fonts/dmsans-400.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/site/fonts/dmsans-500.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/site/fonts/dmsans-600.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/site/fonts/manrope-400.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(/site/fonts/manrope-500.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/site/fonts/manrope-600.woff2) format("woff2")}
@font-face{font-family:"Syne";font-style:normal;font-weight:700;font-display:swap;src:url(/site/fonts/syne-700.woff2) format("woff2")}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0}img{max-width:100%}[hidden]{display:none!important}
:root{
  --purple:#8A6A44; --purple-dark:#705334; --purple-deep:#503c28; --lavender:#F7F5F0; --pill:#DAD6CC; --coral:#8A6A44;
  --ink:#252525; --text:#424242; --muted:#838383; --line:#e9e9ea; --offwhite:#fafafa; --white:#fff;
  --bulky:"Figtree","Helvetica Neue",Arial,sans-serif; --median:"Figtree","Helvetica Neue",Arial,sans-serif; --neutral:"Figtree","Helvetica Neue",Arial,sans-serif;
  --shadow:0px 38.5185px 25.4815px rgba(65,48,29,.0425185),0px 20px 13px rgba(65,48,29,.035),0px 8.14815px 6.51852px rgba(65,48,29,.0274815),0px 1.85185px 3.14815px rgba(65,48,29,.0168519);
  --ease:cubic-bezier(.16,1,.3,1);
  --gl:max(16px,env(safe-area-inset-left,0px)); --gr:max(16px,env(safe-area-inset-right,0px));
  color-scheme:light;
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--neutral);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
p,h1,h2,h3,h4,h5{margin:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:6px}
.u-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.container{display:block;width:100%;max-width:1232px;margin:0 auto;padding-right:max(32px,var(--gr));padding-left:max(32px,var(--gl))}
@media (max-width:768px){.container{padding-right:max(24px,var(--gr));padding-left:max(24px,var(--gl))}}
.num{font-variant-numeric:tabular-nums}
.h0{font-family:var(--bulky);font-weight:800;font-size:clamp(40px,5.55vw,80px);line-height:1;letter-spacing:-.02em}
.h1{font-family:var(--median);font-weight:600;font-size:50px;line-height:1;letter-spacing:-.02em}
.h2{font-family:var(--median);font-weight:600;font-size:40px;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.h3{font-family:var(--median);font-weight:600;font-size:32px;line-height:1.2;letter-spacing:-.015em}
.h4{font-family:var(--median);font-weight:600;font-size:24px;line-height:1.2}
.h5{font-size:16px;line-height:1.2;color:var(--purple);font-weight:600}
.text{font-family:var(--neutral);font-size:16px;line-height:1.4;color:var(--text)}
.text strong{font-weight:600}
.text--lg,.body-text-lg{font-size:20px;line-height:1.4;color:var(--text)}
.text--md{font-size:16px;line-height:1.5}
.text--sm{font-size:14px}
@media (max-width:1200px){.h1{font-size:45px}}
@media (max-width:768px){.h2{font-size:35px}.h3{font-size:24px}.text{font-size:14px}.body-text-lg{font-size:17px}}
@media (max-width:600px){.h1{font-size:40px}.h2{font-size:32px}.h3{font-size:20px}}
.section-header{text-align:center;max-width:720px;margin:0 auto}
.section-header.width-auto{max-width:none}
.section-header .h2{margin:16px 0}
.section-header .body-text-lg{margin:16px auto 8px;max-width:64ch}
.section-header .h2 strong{display:inline-block;position:relative;font-weight:inherit}
.section-header .h2 strong::after{content:"";position:absolute;left:0;bottom:-.12em;width:100%;height:.28em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 40 2, 120 2, 198 7' fill='none' stroke='%23CDC0A8' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;z-index:-1}
.button{display:inline-block;padding:16px 33px;border-radius:40px;text-align:center;font-family:var(--bulky);font-weight:700;font-size:12px;line-height:1;letter-spacing:.02em;position:relative;overflow:hidden;isolation:isolate;border:none;z-index:1;transition:.4s var(--ease);cursor:pointer;text-transform:uppercase;white-space:nowrap}
.button::before{content:"";position:absolute;inset:-1px;background:var(--purple-dark);border-radius:40px;transform:translateX(-100%);transform-origin:top right;transition:all .4s var(--ease);pointer-events:none;z-index:-1}
.button:hover{color:#fff}
.button:hover::before{transform:translateX(0);transform-origin:top left}
.button:active::before{background:var(--purple-deep)}
.button--purple{background:var(--purple);color:#fff}
.button--ghost{background:none;color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}
.button--white{background:#fff;color:var(--purple)}
.button--plain{background:none;color:inherit;padding:0;border-radius:0}
.button--plain::before{display:none}
.button--plain:hover{color:var(--purple-dark)}
.button--100{min-width:160px}
@media (max-width:600px){.button--100{display:block!important;width:100%!important;max-width:380px!important;margin:0 auto 12px!important}}
.border-radius{border-radius:16px;overflow:hidden;isolation:isolate}
.shadow-card{box-shadow:var(--shadow)}
.section-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#fff}
[data-background-color=offwhite] .section-bg{background:var(--offwhite)}
[data-background-color=purple] .section-bg{background:var(--purple)}
.js-inview{transition:opacity 1.2s .1s var(--ease),transform 1.2s .1s var(--ease)}
.js-inview:not(.is-inview){opacity:0;transform:translateY(40px)}
@media (prefers-reduced-motion:reduce){.js-inview:not(.is-inview){opacity:1;transform:none}}
.header{position:fixed;top:env(safe-area-inset-top,0px);left:0;width:100%;user-select:none;z-index:999}
.header__container{position:relative;display:flex;height:80px;align-items:center;padding:0 max(40px,var(--gr)) 0 max(40px,var(--gl));background:#fff;border-bottom:1px solid var(--line);transition:.5s ease}
.header__logo{display:inline-flex;align-items:center;gap:8px;width:135px;min-width:135px;margin-right:40px;font-family:var(--bulky);font-weight:800;font-size:26px;letter-spacing:-.03em;color:var(--ink)}
.header__logo svg,.footer__logo svg{width:28px;height:28px;flex:none}
.header__nav{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%;height:80px}
.header__nav>ul{position:absolute;left:50%;transform:translateX(-50%);height:100%;display:flex;align-items:center;margin:0}
.header__nav>ul>li{display:flex;align-items:center;height:100%;padding-right:28px;color:var(--ink);font-weight:500;font-size:15px;position:relative}
.header__nav>ul>li:last-child{padding-right:0}
.header__nav>ul>li>a,.header__nav>ul>li>button{transition:color .3s;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.header__nav>ul>li>a:hover,.header__nav>ul>li>button:hover,.header__nav>ul>li>button.is-active{color:var(--purple)}
.header__nav>ul>li>button svg{width:10px;height:10px;transition:transform .3s}
.header__nav>ul>li>button.is-active svg{transform:rotate(180deg)}
.header__buttons{display:flex;align-items:center;gap:10px}
.header__buttons .button{padding:16px 32px}
.header__buttons .button--plain{color:var(--purple)}
@media (max-width:1200px){.header__buttons .button{padding:11px 16px;font-size:11px}.header__nav>ul>li{padding-right:20px;font-size:14px}.header__buttons .button--plain{display:none}}
.header__button{display:none}
.header__bg{display:none}
.dropdown-wrapper{position:absolute;top:80px;left:50%;transform:translateX(-50%);padding-top:0;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:5}
.dropdown-wrapper.is-open{opacity:1;pointer-events:auto}
.dropdown{width:760px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.dropdown__heading{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.dropdown__highlights__container{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dropdown__highlight{display:block;background:var(--lavender);border-radius:12px;padding:16px;transition:background .25s;font-weight:400}
.dropdown__highlight:hover{background:var(--pill)}
.dropdown__highlight p{font-weight:600;color:var(--ink);margin-bottom:4px}
.dropdown__highlight span{font-size:13px;color:var(--text);display:block;line-height:1.35}
.dropdown__highlight img{height:70px;width:auto;margin:10px auto 0;filter:drop-shadow(0 10px 12px rgba(65,48,29,.18))}
.dropdown__list__list li a{display:block;padding:7px 0;font-weight:500;color:var(--ink)}
.dropdown__list__list li a:hover{color:var(--purple)}
.dropdown__list__label{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--pill);color:var(--purple);padding:3px 7px;border-radius:20px;vertical-align:middle}
@media (max-width:900px){
  .header__container{height:70px;padding:0 max(24px,var(--gr)) 0 max(24px,var(--gl))}
  .header__logo{width:auto;min-width:0;margin-right:0;font-size:22px;position:relative;z-index:3}
  .header__button{display:block;position:absolute;right:16px;top:14px;padding:12px;z-index:3}
  .hamburger{width:26px;height:18px;position:relative;display:block}
  .hamburger i{position:absolute;left:0;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
  .hamburger i:nth-child(1){top:0}.hamburger i:nth-child(2){top:8px}.hamburger i:nth-child(3){top:16px}
  .is-mobile-open .hamburger i:nth-child(1){top:8px;transform:rotate(45deg)}.is-mobile-open .hamburger i:nth-child(2){opacity:0}.is-mobile-open .hamburger i:nth-child(3){top:8px;transform:rotate(-45deg)}
  .header__bg{display:block;position:fixed;inset:0;background:#fff;z-index:1;opacity:0;transition:opacity .3s;pointer-events:none}
  .is-mobile-open .header__bg{opacity:1;pointer-events:auto}
  .header__nav{position:fixed;left:0;top:70px;width:100%;height:calc(100vh - 70px);padding:20px max(24px,var(--gr)) 160px max(24px,var(--gl));overflow:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;opacity:0;pointer-events:none;z-index:2;border-top:1px solid var(--line);background:#fff;transition:opacity .3s}
  .is-mobile-open .header__nav{opacity:1;pointer-events:auto}
  .header__nav>ul{position:static;transform:none;display:block;width:100%;height:auto}
  .header__nav>ul>li{display:block;height:auto;font-size:16px;margin:0;padding:0;border-top:1px solid var(--line)}
  .header__nav>ul>li:first-of-type{border-top:0}
  .header__nav>ul>li>a,.header__nav>ul>li>button{display:block;padding:20px 0;width:100%;text-align:left}
  .dropdown-wrapper{position:static;transform:none;opacity:1;pointer-events:auto;display:none}
  .dropdown-wrapper.is-open{display:block}
  .dropdown{width:100%;grid-template-columns:1fr;box-shadow:none;border:0;padding:0 0 20px}
  .dropdown__highlights__container{grid-template-columns:1fr}
  .header__buttons{flex-direction:column;width:100%;margin:0;padding-top:16px;border-top:1px solid var(--line);align-items:stretch}
  .header__buttons .button{width:100%;padding:18px 33px;font-size:12px}
}
.section-1a{display:flex;flex-direction:column;width:100%;z-index:2;padding-top:110px;overflow:hidden;position:relative}
.section-1a__container{max-width:1320px;padding-top:22px;text-align:center}
.section-1a__button-container{display:inline-block;position:relative;transition:all 1.5s .2s var(--ease)}
.section-1a__button-container:not(.is-inview){opacity:0;transform:translateY(40px)}
.section-1a .button--special{display:inline-flex;align-items:center;justify-content:center;position:relative;gap:7px;margin:0 auto 50px;padding:7px 15px 7px 10px;color:var(--purple);background:var(--pill);font-size:16px;font-family:var(--median);font-weight:500;text-transform:none;letter-spacing:0;z-index:2}
.section-1a .button--special::before{display:none}
.section-1a .button--special:hover{color:var(--purple-dark)}
.section-1a .button--special svg{width:16px;height:16px}
.section-1a__button-image{position:absolute;top:10px;width:30px;transition:all .7s var(--ease);pointer-events:none;filter:drop-shadow(0 8px 10px rgba(65,48,29,.2));z-index:1}
.section-1a__button-image--1{left:0;width:34px}
.section-1a__button-image--2{left:22px;width:24px;transition-delay:.03s}
.section-1a__button-image--3{right:0;width:34px;transform:rotate(-8deg);transition-delay:.06s}
.section-1a__button-image--4{right:22px;width:24px;transform:rotate(8deg);transition-delay:.09s}
.section-1a .button--special:hover~.section-1a__button-image--1{transform:translate3d(-44px,-22px,0) rotate(-14deg)}
.section-1a .button--special:hover~.section-1a__button-image--2{transform:translate3d(-24px,-44px,0) rotate(-24deg)}
.section-1a .button--special:hover~.section-1a__button-image--3{transform:translate3d(44px,-22px,0) rotate(10deg)}
.section-1a .button--special:hover~.section-1a__button-image--4{transform:translate3d(24px,-44px,0) rotate(22deg)}
.section-1a__headline{display:block;font-size:96px;line-height:1.04;letter-spacing:-.03em;font-family:var(--bulky);font-weight:800;transition:all 1.5s .2s var(--ease);text-align:center;text-wrap:balance}
@media (min-width:1280px){.section-1a__headline{font-size:112px}}
.section-1a__headline span{display:inline-block;position:relative;color:var(--purple)}
.section-1a__headline span::after{position:absolute;bottom:.55em;right:-.42em;width:.36em;content:url("data:image/svg+xml;utf8,<svg viewBox='0 0 35 36' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22.6 9.4c3.9-5.5 5.2-8.2 4.2-8.3-.5 0-.7.1-1.5.7-1.4 1.2-5.9 7.8-5.7 8.4.2.8 2.2.3 3-.8zM17.5 14.3c.2-.3-2.2-9.9-2.7-10.9-.4-.8-1.5-.9-1.8-.1-.3.8 1.9 10.6 2.5 11.2.5.5 1.6.5 2-.2zM28.4 17.5c.4-.2 5.7-2.9 6.2-3.4.6-.6.1-1.6-.7-1.6-.6 0-6.2 2.6-6.8 3.2-.7.7.3 2.1 1.3 1.8z' fill='%238A6A44'/></svg>")}
.section-1a__headline:not(.is-inview){opacity:0;transform:translateY(40px)}
.section-1a__fade{max-width:1320px;margin:0 auto;transition:all 1.5s .2s var(--ease);opacity:0;transform:translateY(40px)}
.is-inview .section-1a__fade{opacity:1;transform:translateY(0)}
.section-1a__text{max-width:883px;margin:10px auto 0;text-align:center}
.section-1a__buttons{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px auto}
.section-1a__logos{opacity:.85;position:relative}
.section-1a__logos-heading{margin:0 0 6px;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.section-17__static{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-width:1050px;margin:0 auto;justify-items:center;align-items:center}
.section-17__static__slide{margin:12px 20px;display:flex;align-items:center;height:30px}
.section-17__static__slide img{width:auto;max-width:130px;max-height:22px;filter:grayscale(1);opacity:.75;transition:.3s}
.section-17__static__slide:hover img{filter:none;opacity:1}
.section-17__moving{display:none}
@media (max-width:600px){
  .section-17__static{display:none}
  .section-17__moving{display:block;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  .section-17__moving .track{display:flex;gap:40px;width:max-content;align-items:center;animation:marquee 30s linear infinite;padding:16px 0}
  .section-17__moving img{max-width:86px;max-height:24px;filter:grayscale(1);opacity:.8}
}
@keyframes marquee{to{transform:translateX(-50%)}}
.section-1a__video-container{position:relative;padding-bottom:120px;margin-top:24px}
.section-1a .section-bg{top:auto;bottom:0;height:calc(100% + 24px);background:linear-gradient(180deg,rgba(138,106,68,0) 0%,var(--purple) 250px);transition:opacity 1.5s .2s var(--ease)}
.section-1a .section-bg:not(.is-inview){opacity:0}
.section-1a__video{max-width:1096px;margin:24px auto 0;overflow:hidden;isolation:isolate;border-radius:22px;background:#fff;position:relative}
.video__button{position:absolute;top:24px;left:24px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding-right:22px}
.video__button i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.3}}
@media (max-width:768px){.section-1a{padding-top:80px}.section-1a .button--special{margin-bottom:32px}.video__button{left:auto;right:16px;top:16px;padding:11px 16px}}
@media (max-width:600px){.section-1a{padding-top:100px}.section-1a__headline{font-size:48px}.section-1a__text{max-width:400px;font-size:16px;margin:16px auto}.section-1a__buttons{margin-bottom:16px}}
.demo-stage{position:relative;aspect-ratio:16/9;max-height:620px;background:linear-gradient(180deg,#FDFCFB,#F9F6F3);overflow:hidden}
.demo-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:clamp(28px,6%,72px) clamp(24px,6%,72px) clamp(28px,6%,72px);opacity:0;animation:demoCycle 18s infinite}
.demo-scene:nth-child(2){animation-delay:6s}.demo-scene:nth-child(3){animation-delay:12s}
@keyframes demoCycle{0%{opacity:0;transform:translateY(14px)}4%{opacity:1;transform:none}31%{opacity:1;transform:none}34%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}
.demo-q{font-family:var(--bulky);font-weight:800;font-size:clamp(20px,3.2vw,42px);line-height:1.05;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.demo-q em{font-style:normal;color:var(--purple)}
.demo-a{position:relative;min-width:0}
.demo-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.demo-dots i{width:34px;height:4px;border-radius:2px;background:rgba(138,106,68,.18);overflow:hidden;position:relative}
.demo-dots i::after{content:"";position:absolute;inset:0;background:var(--purple);transform:scaleX(0);transform-origin:left;animation:dotFill 18s infinite linear}
.demo-dots i:nth-child(2)::after{animation-delay:6s}.demo-dots i:nth-child(3)::after{animation-delay:12s}
@keyframes dotFill{0%{transform:scaleX(0)}33.3%{transform:scaleX(1)}33.4%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@media (max-width:768px){.demo-stage{aspect-ratio:4/5;max-height:none}.demo-scene{grid-template-columns:1fr;align-content:center;gap:20px;padding:28px 20px 44px}.demo-q{font-size:22px;text-align:center}}
.mock{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);font-size:13px;color:var(--ink);overflow:hidden}
.mock-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600}
.mock-head small{font-weight:500;color:var(--muted);font-size:11px}
.mock-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;background:var(--pill);color:var(--purple);white-space:nowrap}
.mock-chip.ok{background:#dcf5ea;color:#0e7a4f}.mock-chip.warn{background:#fff1d6;color:#9a5b00}.mock-chip.bad{background:#ffe1e1;color:#c0262c}
.prow{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid #F5F3F0}
.prow:last-child{border-bottom:0}
.prow img{width:44px;height:30px;object-fit:contain}
.prow b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}
.prow span img{width:auto;height:11px}
.prow .pr{font-family:var(--bulky);font-weight:700;font-size:14px;min-width:5ch;text-align:right}
.prow.you{background:var(--lavender)}
.delta{font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;background:#F5F3F0;color:var(--muted);min-width:5ch;text-align:center}
.delta.down{background:#dcf5ea;color:#0e7a4f}.delta.up{background:#ffe1e1;color:#c0262c}
.price-drop{animation:priceDrop 6s infinite}
@keyframes priceDrop{0%,40%{color:inherit}45%,100%{color:#0e7a4f}}
.chart{width:100%;height:auto;display:block}
.chart .grid{stroke:#F4F0EA;stroke-width:1}
.chart .line{fill:none;stroke:var(--purple);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;animation:draw 6s infinite}
.chart .area{fill:url(#gA);opacity:0;animation:fadeLate 6s infinite}
.chart text{fill:var(--muted);font-size:9px;font-family:var(--neutral)}
.chart .dot{fill:#fff;stroke:var(--purple);stroke-width:2;opacity:0;animation:fadeLate 6s infinite}
@keyframes draw{0%{stroke-dashoffset:600}55%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes fadeLate{0%,55%{opacity:0}65%,100%{opacity:1}}
.vision{position:relative;width:100%;aspect-ratio:16/9;background:radial-gradient(90% 90% at 50% 60%,#5B4931 0%,#30271A 60%,#1E1810 100%);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.vision .hero-sofa{position:absolute;left:50%;top:50%;width:48%;transform:translate(-50%,-52%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.vision .scan{position:absolute;left:26%;top:16%;width:48%;height:68%;-webkit-mask:url(/landing/img/hero.webp) center/contain no-repeat;mask:url(/landing/img/hero.webp) center/contain no-repeat;pointer-events:none}
.vision .scan::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(225,214,200,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(225,214,200,.5) 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:screen;opacity:0;animation:gridIn 6s infinite}
.vision .scan::after{content:"";position:absolute;left:-10%;right:-10%;height:34%;top:-40%;background:linear-gradient(to bottom,transparent,rgba(201,181,154,.45));border-bottom:2px solid #EEE8E0;box-shadow:0 10px 24px rgba(218,205,187,.9);animation:beam 6s infinite}
@keyframes beam{0%{top:-40%;opacity:0}5%{opacity:1}55%{top:110%;opacity:1}60%,100%{top:110%;opacity:0}}
@keyframes gridIn{0%,5%{opacity:0}30%{opacity:1}60%{opacity:.3}100%{opacity:.3}}
.vision .twin{position:absolute;width:19%;opacity:0;animation:twinIn 6s infinite}
.vision .twin img{width:100%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}
.vision .twin .sc{display:flex;align-items:center;gap:6px;margin-top:4px;color:#fff;font-family:var(--bulky);font-weight:700;font-size:clamp(10px,1.1vw,15px)}
.vision .twin .sc small{display:block;font-family:var(--neutral);font-weight:500;font-size:.72em;color:#D6C7B4}
.vision .ring{width:2.4em;height:2.4em;flex:none;transform:rotate(-90deg)}
.vision .ring .t{fill:none;stroke:rgba(255,255,255,.15);stroke-width:4}
.vision .ring .v{fill:none;stroke:#E0D4C5;stroke-width:4;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113;animation:ringFill 6s infinite}
@keyframes twinIn{0%,58%{opacity:0;transform:translateY(10px) scale(.92)}66%,100%{opacity:1;transform:none}}
@keyframes ringFill{0%,62%{stroke-dashoffset:113}80%,100%{stroke-dashoffset:var(--off)}}
.vision .label{position:absolute;left:16px;top:14px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;opacity:.9}
.vision .label i{width:7px;height:7px;border-radius:50%;background:#E0D4C5;box-shadow:0 0 10px 2px rgba(224,212,197,.8)}
.vision .marker{position:absolute;display:flex;align-items:center;gap:5px;font-size:clamp(9px,.9vw,12px);font-weight:600;color:#fff;white-space:nowrap;opacity:0;animation:markIn 6s infinite}
.vision .marker i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25),0 0 12px 2px rgba(201,181,154,.8)}
.vision .marker span{background:rgba(30,24,16,.75);border:1px solid rgba(255,255,255,.12);padding:2px 7px;border-radius:20px}
@keyframes markIn{0%,20%{opacity:0;transform:scale(.6)}30%,56%{opacity:1;transform:none}62%,100%{opacity:0}}
.gauge{display:flex;align-items:center;gap:14px}
.gauge svg{width:96px;height:56px}
.gauge .arc{fill:none;stroke:#F4F0EA;stroke-width:9;stroke-linecap:round}
.gauge .fill{fill:none;stroke:#1fb373;stroke-width:9;stroke-linecap:round;stroke-dasharray:110;stroke-dashoffset:110;animation:gaugeFill 6s infinite}
@keyframes gaugeFill{0%,10%{stroke-dashoffset:110}50%,100%{stroke-dashoffset:8.8}}
.gauge b{font-family:var(--bulky);font-size:30px;letter-spacing:-.03em;display:block;line-height:1}
.gauge span{font-size:11px;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 16px}
.kpi{background:var(--offwhite);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.kpi span{font-size:10px;color:var(--muted)}
.kpi b{display:block;font-family:var(--bulky);font-size:18px;letter-spacing:-.02em}
.kpi small{font-size:10px;font-weight:600;color:#0e7a4f}.kpi small.bad{color:#c0262c}
.dash{display:grid;grid-template-columns:120px 1fr;font-size:11px;aspect-ratio:16/9;background:#fff}
.dash .side{background:#1E1810;color:#D6C7B4;padding:12px 10px;display:flex;flex-direction:column;gap:2px}
.dash .side b{color:#fff;font-family:var(--bulky);font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.dash .side a{padding:6px 8px;border-radius:7px}
.dash .side a.on{background:rgba(138,106,68,.35);color:#fff}
.dash .main{padding:10px 12px;display:grid;grid-template-rows:auto auto 1fr;gap:8px;min-width:0}
.dash .top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;font-size:12px}
.dash .top .srch{font-weight:400;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:10px}
.dash .kpis{padding:0;grid-template-columns:repeat(4,1fr);gap:6px}
.dash .kpi b{font-size:15px}
.dash .grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:6px;min-height:0}
.dash .card{border:1px solid var(--line);border-radius:10px;padding:8px;overflow:hidden}
.dash .card h5{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:700}
.dash .trow{display:grid;grid-template-columns:26px 1fr .5fr .6fr .7fr;gap:5px;align-items:center;padding:3px 0;border-top:1px solid #F5F3F0;white-space:nowrap;font-size:10px}
.dash .trow img{height:16px;width:26px;object-fit:contain}
.dash .trow .nm{overflow:hidden;text-overflow:ellipsis}
.dash .st{display:inline-block;font-size:9px;font-weight:700;padding:1px 6px;border-radius:20px}
.dash .st.ok{background:#dcf5ea;color:#0e7a4f}.dash .st.w{background:#fff1d6;color:#9a5b00}.dash .st.k{background:#ffe1e1;color:#c0262c}
.alerts{display:flex;flex-direction:column;gap:5px}
.alert{display:flex;gap:6px;align-items:flex-start;padding:6px 8px;border-radius:8px;background:var(--offwhite);border:1px solid var(--line);font-size:10px}
.alert i{width:6px;height:6px;border-radius:50%;background:var(--purple);flex:none;margin-top:4px}
.alert i.g{background:#1fb373}.alert i.r{background:#e5484d}
.alert b{display:block;font-weight:600;font-size:10.5px}
.alert span{color:var(--muted)}
.alert.hot{animation:hot 4s infinite;border-color:rgba(138,106,68,.5)}
@keyframes hot{0%,100%{box-shadow:0 0 0 0 rgba(138,106,68,0)}50%{box-shadow:0 0 0 3px rgba(138,106,68,.3)}}
.alerts.stagger .alert{opacity:0;animation:rise 7s infinite}
.alerts.stagger .alert:nth-child(1){animation-delay:.2s}.alerts.stagger .alert:nth-child(2){animation-delay:1s}.alerts.stagger .alert:nth-child(3){animation-delay:1.8s}.alerts.stagger .alert:nth-child(4){animation-delay:2.6s}.alerts.stagger .alert:nth-child(5){animation-delay:3.4s}
@keyframes rise{0%{opacity:0;transform:translateY(10px)}8%,80%{opacity:1;transform:none}90%,100%{opacity:0}}
.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px}
.catalog div{aspect-ratio:4/3;border-radius:10px;background:var(--offwhite);border:1px solid var(--line);display:grid;place-items:center;padding:8px;opacity:0;animation:pop 8s infinite}
.catalog div img{max-height:100%;object-fit:contain}
.catalog div:nth-child(n){animation-delay:calc(var(--i)*.35s)}
@keyframes pop{0%{opacity:0;transform:scale(.8)}6%,85%{opacity:1;transform:none}92%,100%{opacity:0}}
.section-36-wrapper{overflow:hidden}
.section-36{position:relative;padding:120px 0}
.section-36[data-background-color=purple]::after{position:absolute;top:auto;bottom:0;width:100%;height:50%;background:#fff;content:"";z-index:-1}
.section-36 .section-header{margin-bottom:80px;color:#fff}
.section-36 .section-header .body-text-lg{color:rgba(255,255,255,.85)}
.section-36 .section-header .h5{color:var(--pill)}
.section-36__container--slides{max-width:none;padding:0}
.section-36__slides{display:flex;flex-wrap:nowrap;gap:90px;width:max-content;padding:0 max(40px,(100vw - 1000px)/2);transform:translateX(0);will-change:transform}
.section-36__slide{display:flex;align-items:flex-end;gap:56px}
.section-36__slide__content{width:280px;display:flex;flex-direction:column;gap:16px}
.section-36__slide__content svg{width:34px;height:34px;color:var(--purple);margin-bottom:8px}
.section-36__slide__heading{color:var(--ink)}
.section-36__slide__text{color:var(--text)}
.section-36__slide__video{width:52.77vw;position:relative;filter:drop-shadow(0 38px 25px rgba(65,48,29,.08)) drop-shadow(0 20px 13px rgba(65,48,29,.06))}
@media (min-width:1280px){.section-36__slide__video{width:45vw}}
@media (max-width:1024px){
  .section-36{padding:100px 0}
  .section-36__slides{padding:0 max(20px,var(--gl)) 0 max(20px,var(--gl));flex-direction:column;width:100%;gap:56px}
  .section-36__slide{flex-shrink:0}
  .section-36[data-background-color=purple]::after{height:calc(100% - 280px)}
  .section-36__slide__content svg,.section-36__slide__heading,.section-36__slide__text{color:var(--ink)}
  .section-36__slide__text{color:var(--text)}
  .section-36__slide__content svg{color:var(--purple)}
}
@media (max-width:768px){
  .section-36 .section-header{margin-bottom:64px}
  .section-36 .section-header *{color:var(--ink)}
  .section-36 .section-header .body-text-lg{color:var(--text)}
  .section-36 .section-header .h5{color:var(--purple)}
  .section-36__slide{flex-direction:column;gap:32px;align-items:flex-start}
  .section-36__slide__video{width:100%}
  .section-36__slide__content{width:100%}
  .section-36[data-background-color=purple]::after{height:100%}
}
@media (max-width:600px){.section-36{padding:80px 0}}
.section-4{position:relative;padding:120px 0}
.section-4 .section-header{margin-bottom:40px}
.section-4__numbers{display:flex;justify-content:center}
.section-4__numbers .number{max-width:280px;flex:1 1 0;margin:0 12px 24px;padding:36px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.section-4__numbers .number__no{font-family:var(--bulky);font-weight:800;font-size:64px;line-height:1;color:var(--purple);white-space:nowrap;letter-spacing:-.03em}
.section-4__numbers .number__text{margin-top:1em}
@media (max-width:1024px){.section-4{padding:100px 0}.section-4__numbers{flex-wrap:wrap;max-width:576px;margin:0 auto}.section-4__numbers .number{width:calc(50% - 8px);flex:none;margin:0 0 16px}}
@media (max-width:600px){.section-4{padding:80px 0}.section-4__numbers{display:block;max-width:350px}.section-4__numbers .number{width:100%;max-width:100%}.section-4__numbers .number__no{font-size:56px}}
.section-34{padding:120px 0;background:#fff;position:relative;z-index:1;overflow:hidden}
.section-34__testimonials{margin-top:48px;user-select:none;padding-bottom:64px;position:relative}
.section-34__testimonials__slide{position:relative;display:flex;height:auto;gap:24px;width:88%;pointer-events:none;transition:.5s ease;transition-property:transform,opacity;transform-origin:left center}
.section-34__testimonials__slide.swiper-slide-active{pointer-events:auto}
.section-34__testimonials__slide.swiper-slide-active .section-34__testimonials__slide__content{opacity:1}
.section-34__testimonials__slide.swiper-slide-prev{opacity:0}
.section-34__testimonials__slide.swiper-slide-next{transform:scale(.7);opacity:.3}
.section-34__testimonials__slide__image{flex:0 0 31%;width:31%;min-width:0;border-radius:16px;overflow:hidden;background:var(--lavender);display:grid;place-items:center;padding:24px}
.section-34__testimonials__slide__image img{width:100%;filter:drop-shadow(0 20px 24px rgba(65,48,29,.2))}
.section-34__testimonials__slide__content{position:relative;padding:50px;padding-bottom:110px;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:16px;transition:opacity .5s ease;opacity:0;flex:1;min-width:0}
.section-34__testimonials__slide__text{margin-bottom:.8em}
.section-34__testimonials__slide__bottom-wrapper{position:absolute;bottom:40px;left:0;width:100%;padding:0 50px}
.section-34__testimonials__slide__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:1em;flex-wrap:wrap;gap:24px}
.section-34__testimonials__slide__logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-family:var(--bulky);font-size:15px}
.section-34__testimonials__slide__logo i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-style:normal}
.section-34__testimonials__slide__author{color:var(--text)}
.section-34__testimonials__slide__link{display:inline-flex;align-items:center;color:var(--purple);gap:8px;transition:.25s}
.section-34__testimonials__slide__link:hover{color:var(--purple-dark)}
.section-34__testimonials__slide__link svg{width:14px;height:14px;transition:.25s}
.section-34__testimonials__slide__link:hover svg{transform:translateX(.33em)}
.swiper-btn{display:inline-grid;place-items:center;position:absolute;bottom:0;right:0;width:40px;height:40px;cursor:pointer;z-index:2;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);transition:.25s}
.swiper-btn:hover{border-color:var(--purple);color:var(--purple)}
.swiper-btn svg{width:14px;height:14px}
.swiper-btn.swiper-button-disabled{opacity:.5;pointer-events:none}
.section-34__testimonials__button--prev{right:56px}
.section-34__note{text-align:center;color:var(--muted);font-size:13px;margin-top:8px}
@media (max-width:1200px){.section-34__testimonials__slide__image{min-width:33%}.section-34__testimonials__slide__content{padding:40px}.section-34__testimonials__slide__bottom-wrapper{position:static;padding:0}}
@media (max-width:1024px){.section-34{padding:100px 0}}
@media (max-width:768px){.section-34__testimonials__slide{flex-direction:column;width:100%}.section-34__testimonials__slide__image{flex:none;width:100%;aspect-ratio:16/10}}
@media (max-width:600px){.section-34__container{padding:0}.section-34__testimonials__slide{padding:0 24px}.section-34__testimonials__slide__content{box-shadow:var(--shadow)}.swiper-btn{right:auto;left:80px}.section-34__testimonials__button--prev{right:auto;left:24px}}
.swiper{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide-active{pointer-events:auto}
.swiper-horizontal{touch-action:pan-y}
.section-5{position:relative;padding-top:120px;padding-bottom:100px;background:var(--lavender);overflow:clip}
.section-5__heading{color:var(--ink)}
.section-5__text{margin-top:8px}
.section-5 .how-it-works{display:flex;align-items:flex-start;margin-top:400px}
.section-5 .how-it-works__list{position:sticky;top:20vh;align-self:flex-start;flex:none;width:225px;white-space:nowrap}
.section-5 .how-it-works__list__heading{margin-bottom:8px;color:var(--purple);font-weight:600}
.section-5 .how-it-works__list ul li{opacity:.3;font-size:16px;padding:8px 0;transition:opacity .4s}
.section-5 .how-it-works__list ul li.active{opacity:1}
.section-5 .how-it-works__items{display:flex;align-items:flex-start;flex:1;min-width:0}
.section-5 .how-it-works__items .item__content{width:322px;padding-right:60px;padding-top:30vh;padding-bottom:10vh}
.section-5 .how-it-works__items .item__content:last-child{padding-bottom:20vh}
.section-5 .how-it-works__items .item__content .item__video{display:none;margin-bottom:24px}
.section-5 .how-it-works__items .item__content>svg{color:var(--purple);width:34px;height:34px;margin-bottom:48px}
.section-5 .how-it-works__items .item__content h4{margin-bottom:8px}
.section-5 .how-it-works__items .item__content p{font-size:16px;line-height:1.4;color:rgba(37,37,37,.8)}
.section-5 .how-it-works__items .images{margin-left:24px;width:100vw;height:100vh;max-width:760px;position:sticky;top:0;align-self:flex-start;flex:none}
.section-5 .how-it-works__items .images>div{width:100%;height:auto;position:absolute;left:0;top:50%;transform:translate3d(0,-50%,0);will-change:top,left,width}
.section-5 .how-it-works__items .images .visual{width:100%;transition:opacity 1s var(--ease),visibility 1s var(--ease)}
.section-5 .how-it-works__items .images .visual:not(.active){opacity:0;visibility:hidden}
.section-5.active .how-it-works__items .images:not(:has(.visual.active))>div:first-child .visual{opacity:1;visibility:visible}
@media (max-width:1024px){
  .section-5{padding:120px 0}
  .section-5 .how-it-works{margin-top:48px}
  .section-5 .how-it-works__list{display:none}
  .section-5 .how-it-works__items{padding-left:0;width:100%}
  .section-5 .how-it-works__items>div{width:100%}
  .section-5 .how-it-works__items .item__content{width:100%;padding:0 0 120px;max-width:720px;margin:0 auto}
  .section-5 .how-it-works__items .item__content:last-child{padding-bottom:0}
  .section-5 .how-it-works__items .item__content .item__video{display:block}
  .section-5 .how-it-works__items .item__content>svg{margin-bottom:32px}
  .section-5 .how-it-works__items .item__content h4{font-size:24px}
  .section-5 .how-it-works__items .images{display:none}
}
@media (max-width:768px){.section-5{padding:100px 0}}
.section-pricing{position:relative;padding:120px 0;background:#fff}
.price-panel{margin-top:56px;border-radius:28px;padding:clamp(20px,3vw,36px);background:linear-gradient(135deg,#F8F6F3 0%,#fff 45%,#F8F5F1 100%);border:1px solid var(--line);position:relative;overflow:hidden}
.price-panel::before{content:"";position:absolute;inset:-40%;background:radial-gradient(40% 40% at 20% 20%,rgba(138,106,68,.16),transparent 60%),radial-gradient(35% 35% at 85% 80%,rgba(255,122,97,.14),transparent 60%);pointer-events:none}
.price-panel>*{position:relative}
.pp-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px}
.pp-head h3{font-size:22px}
.pp-head p{color:var(--text)}
.toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:40px;padding:4px;gap:4px}
.toggle button{border-radius:40px;padding:10px 18px;font-weight:600;color:var(--text);display:inline-flex;gap:8px;align-items:center;font-size:14px}
.toggle button.on{background:var(--ink);color:#fff}
.toggle .save{font-size:11px;font-weight:700;background:#dcf5ea;color:#0e7a4f;padding:2px 8px;border-radius:20px}
.toggle button.on .save{background:rgba(255,255,255,.18);color:#fff}
.presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px}
.presets>span{font-size:14px;color:var(--text);margin-right:4px}
.chipb{border:1px solid rgba(138,106,68,.4);background:#fff;border-radius:40px;padding:8px 14px;font-size:13px;font-weight:600;color:rgba(0,0,0,.55);transition:.2s}
.chipb:hover{border-color:var(--purple);color:var(--purple)}
.chipb.on{background:var(--purple);border-color:var(--purple);color:#fff}
.pp-body{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.gauges{display:flex;flex-direction:column;gap:30px}
.gauge-b h4{font-size:18px;font-weight:600}
.gauge-b p{color:var(--text);font-size:14px;margin-top:4px}
.gauge-val{display:flex;align-items:baseline;gap:10px;margin:14px 0 8px}
.gauge-val b{font-family:var(--bulky);font-weight:800;font-size:40px;letter-spacing:-.04em;color:var(--purple);line-height:1}
.gauge-val span{color:var(--text);font-weight:500}
.gauge-val .plan-tag{margin-left:auto;font-size:12px;font-weight:700;background:var(--pill);color:var(--purple);border-radius:20px;padding:4px 10px}
.range{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:40px;background:linear-gradient(90deg,var(--purple) var(--p,50%),#F0EAE3 var(--p,50%));outline:0;margin:0}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--purple);box-shadow:0 4px 14px -4px rgba(138,106,68,.6);cursor:grab}
.range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--purple);cursor:grab}
.ticks{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px;font-weight:600}
.price-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pc-top h4{font-size:22px}
.pc-top .save-tag{font-size:12px;font-weight:700;color:#0e7a4f;background:#dcf5ea;border-radius:20px;padding:4px 10px}
.pc-price{display:flex;align-items:baseline;gap:6px;margin:14px 0 4px}
.pc-price b{font-family:var(--bulky);font-weight:800;font-size:clamp(40px,5vw,56px);letter-spacing:-.05em;line-height:1}
.pc-price span{color:var(--text);font-weight:500}
.pc-sub{font-size:14px;color:var(--text)}
.pc-sub strong{color:#0e7a4f}
.pc-lines{margin:16px 0 0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text)}
.pc-lines li{display:flex;gap:8px;align-items:flex-start}
.pc-lines li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--pill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%238A6A44' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:1px}
.pc-ctas{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.pc-note{font-size:12px;color:var(--muted);margin-top:12px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.plan{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:10px;transition:.2s}
.plan.on{border-color:var(--purple);box-shadow:0 0 0 4px var(--pill)}
.plan .nm{display:flex;align-items:center;justify-content:space-between}
.plan h4{font-size:22px}
.plan .tag{font-size:10px;font-weight:700;background:var(--purple);color:#fff;padding:3px 8px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}
.plan .from{font-family:var(--bulky);font-weight:800;font-size:30px;letter-spacing:-.04em}
.plan .from small{font-family:var(--neutral);font-size:14px;color:var(--text);letter-spacing:0;font-weight:500}
.plan .lim{font-size:14px;color:var(--text)}
.plan p.desc{color:var(--text);font-size:15px}
.plan .pc-lines{margin-top:6px;flex:1}
.plan .button{margin-top:10px}
@media (max-width:900px){.pp-body{grid-template-columns:1fr}.plans{grid-template-columns:1fr}}
@media (max-width:600px){.section-pricing{padding:80px 0}}
.section-33{position:relative;padding:120px 0;background:#fff}
.section-33__header{display:flex;justify-content:space-between;gap:32px;align-items:center}
@media (min-width:1201px){.section-33 .section-header{text-align:left;margin:0}.section-33 .section-header .body-text-lg{margin-left:0}}
.section-33__badges{display:flex;gap:16px}
.section-33__badges .mock{width:300px;flex:none}
.section-33__list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:80px auto 0}
.section-33__list__title{display:flex;align-items:center;gap:8px;margin-bottom:.8em;color:var(--ink)}
.section-33__list__title svg{width:20px;height:20px;color:#1fb373;flex:none}
@media (max-width:1200px){.section-33__header{flex-direction:column;align-items:center}}
@media (max-width:1024px){.section-33__list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.section-33{padding:80px 0 60px}.section-33__badges{flex-direction:column}.section-33__badges .mock{width:100%;max-width:340px}.section-33__list{grid-template-columns:1fr;max-width:470px;margin:40px auto 0}}
.section-3{padding:120px 0;position:relative}
.section-3__stories{display:flex;justify-content:space-between;margin-top:80px;gap:24px}
.section-3__stories__content{width:500px;position:relative;padding-bottom:60px}
.section-3__stories__images{position:relative;width:calc(100% - 524px)}
.section-3__image{display:block;aspect-ratio:3/2;border-radius:16px;overflow:hidden;position:relative;display:grid;place-items:center;padding:7%}
.section-3__image img{width:70%;filter:drop-shadow(0 24px 30px rgba(65,48,29,.25))}
.section-3__image .tag{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:12px;padding:10px 14px;font-weight:600;font-size:14px;box-shadow:var(--shadow)}
.section-3__image .tag small{display:block;font-weight:500;color:var(--muted);font-size:11px}
.section-3__story{position:relative;padding-top:32px}
.section-3__story__categories{position:absolute;top:0;left:0}
.section-3__story__title{margin-bottom:16px}
.section-3__story__excerpt{margin:16px 0;width:100%;max-width:424px}
.section-3__stories__button{bottom:0;right:auto;left:0}
.section-3__stories__button--next{left:56px}
.section-3__updates-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin:40px 0;gap:10px}
.section-3__updates-header a{color:var(--purple)}
.section-3__updates-header a:hover{text-decoration:underline}
.section-3__updates{padding-bottom:60px;position:relative;overflow:visible}
.section-3__updates .swiper-slide{width:calc((100% - 48px)/3);margin-right:24px;transition:opacity .5s}
.story-block{position:relative;display:flex;flex-direction:column;gap:24px}
.story-block__image{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;display:grid;place-items:center;padding:12%;transition:transform .8s var(--ease);transform-origin:left center;position:relative}
.story-block__image img{width:100%;filter:drop-shadow(0 18px 22px rgba(65,48,29,.25))}
.story-block__image .av{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:13px}
.story-block__image .av i{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--purple);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}
.story-block:hover .story-block__image{transform:scale(1.03)}
.story-block__about{display:flex;flex-direction:column;gap:8px}
.story-block__about a{font-weight:600;line-height:1.3}
.story-block__about a:hover{color:var(--purple)}
.section-3__updates .swiper-slide-next~.swiper-slide~.swiper-slide{opacity:.3}
.section-3__updates .swiper-slide-next~.swiper-slide~.swiper-slide .story-block__image{transform:scale(.7)}
.section-3__updates .swiper-slide-next~.swiper-slide~.swiper-slide .story-block__about{opacity:0}
.section-3__updates__button{bottom:0;right:auto;left:0}
.section-3__updates__button--next{left:56px}
@media (max-width:1200px){.section-3__stories__content{width:360px}.section-3__stories__images{width:calc(100% - 400px)}.section-3__stories{margin-top:48px}.section-3__story__title{font-size:35px}.section-3__updates .swiper-slide{width:calc((100% - 24px)/2)}}
@media (max-width:768px){.section-3{padding:80px 0}.section-3__stories{margin-top:32px;flex-direction:column}.section-3__stories__content{width:100%;margin-bottom:0}.section-3__stories__images{width:100%}.section-3__updates .swiper-slide{width:85%}.section-3__updates .swiper-slide-next~.swiper-slide~.swiper-slide{opacity:1}.section-3__updates .swiper-slide-next~.swiper-slide~.swiper-slide .story-block__image{transform:none}.section-3__updates .swiper-slide-next~.swiper-slide~.swiper-slide .story-block__about{opacity:1}}
@media (max-width:600px){.section-3__story__title{font-size:32px}}
.section-8{position:relative;padding:120px 0}
.section-8 .section-header{margin-bottom:80px}
.section-8 .faq{max-width:872px;margin:0 auto}
.faq__question{position:relative;padding:40px 40px 16px;border-radius:16px;transition:all .25s cubic-bezier(.37,0,.63,1);cursor:pointer}
.faq__question::after{position:absolute;bottom:-1px;left:16px;width:calc(100% - 32px);height:1px;background:var(--line);content:"";z-index:-1}
.faq__question svg{position:absolute;top:30px;left:40px;width:28px;height:28px}
.faq__question svg circle{fill:none;stroke:var(--line);stroke-width:1.5;transition:.2s}
.faq__question svg path{fill:var(--ink);transform-origin:center;transition:.2s}
.faq__question.is-active{padding-bottom:40px;background:var(--purple);box-shadow:var(--shadow)}
.faq__question.is-active svg circle{stroke:rgba(255,255,255,.2)}
.faq__question.is-active svg path{fill:#fff;transform:rotate(-180deg)}
.faq__term{margin-bottom:24px;padding-left:64px;font-weight:600;color:var(--ink);transition:.25s;width:100%;text-align:left;display:block}
.faq__question.is-active .faq__term{color:#fff}
.faq__definition{overflow:hidden;color:var(--ink);transition:.25s}
.faq__question.is-active .faq__definition{color:#fff}
.faq__definition:not(.is-active){display:none}
.faq__definition p{max-width:70ch}
@media (max-width:768px){.faq__question{padding:32px 24px 8px}.faq__question svg{top:21px;left:24px}.faq__question.is-active{padding-bottom:32px}.faq__term{padding-left:48px}}
@media (max-width:600px){.section-8{padding:80px 0}.section-8 .section-header{margin-bottom:32px}}
.footer{position:relative;padding:120px 0 97px;background:linear-gradient(180deg,#31271A 0%,#7D6544 .01%,#261F15 100%);text-align:center;color:#fff}
.footer .text{color:#fff}
.footer__headline{margin-bottom:60px;font-size:clamp(40px,7.2vw,105px);font-family:var(--bulky);font-weight:800;letter-spacing:-.03em;line-height:1}
.footer__buttons{display:flex;align-items:center;justify-content:center;margin-bottom:88px;flex-wrap:wrap;gap:12px}
.footer__navs{display:flex;margin:0 auto 100px;justify-content:center;text-align:center}
.footer__navs>div{width:240px;padding:0 24px}
.footer__navs p{font-family:var(--bulky);font-weight:700;margin-bottom:8px}
.footer__navs ul li a{display:inline-block;padding:8px 0;color:rgba(255,255,255,.6);transition:color .3s}
.footer__navs ul li a:hover{color:#fff}
.footer__footer{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:16px}
.footer__footer>div:nth-of-type(1){justify-self:left}.footer__footer>div:nth-of-type(2){justify-self:center}.footer__footer>div:nth-of-type(3){justify-self:right}
.footer__social{display:inline-flex;gap:24px}
.footer__social a{display:inline-grid;place-items:center;width:24px;height:24px;color:#fff;opacity:.85}
.footer__social a:hover{opacity:1}
.footer__social svg{width:22px;height:22px}
.footer__logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--bulky);font-weight:800;font-size:28px;letter-spacing:-.03em;color:#fff}
.footer__seal{display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.footer__seal span{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;letter-spacing:0}
.footer__hr{width:100%;height:1px;margin:24px 0;background:rgba(251,251,251,.3)}
.footer__copy{color:rgba(255,255,255,.7)}
.footer__legal{font-size:12px;color:rgba(255,255,255,.5);max-width:90ch;margin:24px auto 0;line-height:1.5}
@media (max-width:768px){.footer{padding:80px 0}.footer__navs{flex-direction:column;margin-bottom:16px}.footer__navs>div{width:100%;padding:0;margin-bottom:24px}.footer__navs>div p{color:rgba(255,255,255,.5)}}
@media (max-width:600px){.footer__headline,.footer__buttons{margin-bottom:40px}.footer__hr{display:none}.footer__footer{grid-template-columns:1fr;align-items:center;row-gap:24px}.footer__footer>div{justify-self:center!important}}
.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px var(--gr) 24px var(--gl);background:rgba(49,39,26,.55);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
.modal.is-open{opacity:1;pointer-events:auto}
.modal__box{width:min(100%,640px);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:22px;padding:32px;box-shadow:var(--shadow);transform:translateY(16px) scale(.98);transition:transform .35s var(--ease)}
.modal.is-open .modal__box{transform:none}
.modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ink);box-shadow:var(--shadow)}
.modal__box h3{margin-bottom:6px}
.modal__box .lead{color:var(--text);margin-bottom:16px}
.tabs{display:inline-flex;background:var(--lavender);border-radius:40px;padding:4px;gap:4px;margin:12px 0 4px}
.tab{border-radius:40px;padding:9px 16px;font-weight:600;color:var(--text);font-size:14px}
.tab.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 10px -4px rgba(65,48,29,.35)}
.field-l{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--text)}
.input,.select{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff;color:var(--ink);transition:.15s}
.input:focus,.select:focus{outline:0;border-color:var(--purple);box-shadow:0 0 0 4px var(--pill)}
.input.bad{border-color:#e5484d}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.drop{display:grid;place-items:center;text-align:center;gap:6px;border:1.5px dashed var(--line);border-radius:14px;padding:22px 16px;color:var(--text);cursor:pointer;position:relative;overflow:hidden;transition:.15s}
.drop:hover,.drop.over{border-color:var(--purple);background:var(--lavender)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop img{max-height:150px;object-fit:contain}
.hint{font-size:12px;color:var(--muted);margin-top:8px}
.error{color:#c0262c;font-size:13px;font-weight:600;margin-top:10px}
.modal .button--100{width:100%;margin-top:16px}
.scanbox{position:relative;background:#1E1810;border-radius:16px;padding:20px;display:grid;place-items:center;min-height:220px;overflow:hidden}
.scanbox img{max-height:200px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
.scanbox .mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(218,205,187,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(218,205,187,.22) 1px,transparent 1px);background-size:24px 24px;mix-blend-mode:screen}
.scanbox .beam{position:absolute;left:0;right:0;height:3px;background:#EAE3D9;box-shadow:0 0 18px 4px rgba(218,205,187,.9);animation:beamUD 1.6s ease-in-out infinite alternate}
@keyframes beamUD{from{top:4%}to{top:96%}}
.status{margin:14px 0 0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text)}
.status li{display:flex;gap:8px;align-items:center;opacity:.35;transition:.3s}
.status li.on{opacity:1;color:var(--ink)}
.status li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--purple)}
.results{margin:14px 0 0;display:flex;flex-direction:column;gap:8px}
.res{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:14px;opacity:0;transform:translateY(10px);animation:riseIn .5s var(--ease) forwards}
.res:nth-child(2){animation-delay:.12s}.res:nth-child(3){animation-delay:.24s}.res:nth-child(4){animation-delay:.36s}.res:nth-child(5){animation-delay:.48s}
@keyframes riseIn{to{opacity:1;transform:none}}
.res .th{width:64px;height:48px;background:#1E1810;border-radius:10px;display:grid;place-items:center;padding:4px}
.res .th img{max-height:40px}
.res b{display:block;font-size:14px}
.res .shop{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text)}
.res .shop img{height:13px;width:auto}
.res .right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.res .right .pr{font-family:var(--bulky);font-weight:700;font-size:16px}
.res .score{font-size:12px;font-weight:700;color:var(--purple)}
.res a.lk{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.demo-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a5b00;background:#fff1d6;border-radius:20px;padding:4px 9px}
.used{text-align:center;padding:8px 0}
.used .ico{width:56px;height:56px;border-radius:50%;background:var(--pill);display:grid;place-items:center;margin:0 auto 12px;color:var(--purple)}
.ok-state{text-align:center;padding:16px 0}
@media (max-width:600px){.modal__box{padding:24px 20px}.grid2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.demo-scene{opacity:1;position:relative}.demo-scene:nth-child(n+2){display:none}.vision .twin,.vision .marker{opacity:1}.catalog div,.alerts.stagger .alert{opacity:1}}
@media (max-width:1600px){.header__buttons .button--plain{display:none}}
.section-17__moving img.sq{max-height:40px}
.section-36 .chart-wrap{max-width:460px}
.prow img,.dash .trow img{background:#fff;border-radius:6px}
.tinder{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;font-size:13px;color:var(--ink)}
.tn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.tn-label{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)}
.tn-label i{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px var(--pill)}
.tn-step{font-size:11px;color:var(--muted);font-weight:600}
.tn-body{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;gap:6px;padding:18px 18px 8px}
.tn-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 10px 24px -14px rgba(65,48,29,.35);position:relative}
.tn-img{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#fff}
.tn-img img{width:100%;height:100%;object-fit:contain}
.tn-card b{display:block;margin-top:8px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-card span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap}
.tn-card span img{height:11px;width:auto}
.tn-card span em{font-style:normal;font-weight:700;color:var(--ink);margin-left:auto}
.tn-tag{position:absolute;top:16px;left:16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:#fff;padding:3px 8px;border-radius:20px;z-index:2}
.tn-scan{position:absolute;inset:0;pointer-events:none;opacity:0}
.tn-scan::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(138,106,68,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(138,106,68,.18) 1px,transparent 1px);background-size:16px 16px}
.tn-scan::after{content:"";position:absolute;left:0;right:0;height:38%;top:-40%;background:linear-gradient(to bottom,transparent,rgba(138,106,68,.22));border-bottom:2px solid var(--purple);box-shadow:0 8px 18px rgba(138,106,68,.35)}
.tn-link{display:grid;place-items:center;gap:4px;color:var(--purple)}
.tn-link svg{width:30px;height:30px}
.tn-link small{font-size:10px;font-weight:700;color:var(--muted);text-align:center;line-height:1.1}
.tn-stack{position:relative}
.tn-ghost{position:absolute;inset:0;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -16px rgba(65,48,29,.4)}
.tn-ghost.g1{transform:translate(10px,-8px) rotate(4deg)}
.tn-ghost.g2{transform:translate(20px,-14px) rotate(8deg);opacity:.75}
.tn-ghost::after{content:"";position:absolute;inset:10px 10px auto;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,#F9F7F4,#F4F0EB)}
.tn-match{z-index:2}
.tn-stamp{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:var(--purple);color:#fff;font-weight:800;font-size:12px;padding:5px 10px;border-radius:20px;box-shadow:0 8px 18px -6px rgba(138,106,68,.7);opacity:0}
.tn-stamp svg{width:12px;height:12px}
.tn-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px 16px}
.tn-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--ink)}
.tn-more i{display:inline-flex}
.tn-more i b{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#DAD6CC,#E7DED3);border:2px solid #fff;margin-left:-7px}
.tn-more i b:first-child{margin-left:0}
.tn-actions{display:flex;gap:10px}
.tn-actions span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff;box-shadow:0 6px 14px -8px rgba(65,48,29,.4)}
.tn-actions span svg{width:16px;height:16px}
.tn-actions .no{color:#c0262c}.tn-actions .yes{color:#fff;background:var(--purple);border-color:var(--purple)}
.tinder.run .tn-src .tn-img img{animation:tnFade .5s ease both}
.tinder.run .tn-scan{animation:tnScanBox 4.6s both}
.tinder.run .tn-scan::after{animation:tnBeam 4.6s both}
.tinder.run .tn-match{animation:tnIn 4.6s cubic-bezier(.2,.9,.3,1.1) both}
.tinder.run .tn-stamp{animation:tnStamp 4.6s both}
.tinder.run .tn-actions .yes{animation:tnYes 4.6s both}
@keyframes tnFade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes tnScanBox{0%{opacity:0}5%,30%{opacity:1}38%,100%{opacity:0}}
@keyframes tnBeam{0%{top:-40%}32%{top:105%}100%{top:105%}}
@keyframes tnIn{0%,30%{opacity:0;transform:translateX(70%) rotate(14deg)}44%{opacity:1;transform:translateX(-4%) rotate(-2deg)}50%,84%{opacity:1;transform:none}100%{opacity:0;transform:translateX(90%) rotate(18deg)}}
@keyframes tnStamp{0%,48%{opacity:0;transform:scale(1.6) rotate(-12deg)}55%,84%{opacity:1;transform:scale(1) rotate(-6deg)}100%{opacity:0}}
@keyframes tnYes{0%,80%{transform:none}86%{transform:scale(1.18)}92%,100%{transform:none}}
@media (max-width:600px){.tn-body{grid-template-columns:1fr 34px 1fr;padding:14px 12px 6px}.tn-link svg{width:22px;height:22px}.tn-link small{display:none}.tn-foot{padding:8px 12px 12px}.tn-more{font-size:12px}.tn-actions span{width:32px;height:32px}}
.app-shot{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.app-bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:#F8F6F3;border-bottom:1px solid var(--line)}
.app-bar i{width:9px;height:9px;border-radius:50%;background:#E6E1DA}
.app-bar span{margin-left:12px;font-size:11px;color:var(--muted);background:#fff;border-radius:6px;padding:2px 10px}
.app-shot img{display:block;width:100%;height:auto}
.app-cap{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}
.pos{padding:16px}
.pos-bar{display:flex;height:16px;border-radius:20px;overflow:hidden;background:#F5F3F0}
.pos-bar i{display:block;height:100%;transform-origin:left;animation:barGrow 6s infinite}
.pos-bar i:nth-child(1){background:#e5484d;width:37.5%}.pos-bar i:nth-child(2){background:#C8C0B6;width:43.75%;animation-delay:.25s}.pos-bar i:nth-child(3){background:#1fb373;width:18.75%;animation-delay:.5s}
@keyframes barGrow{0%{transform:scaleX(0)}25%,100%{transform:scaleX(1)}}
.pos-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.pos-legend div{border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.pos-legend b{display:block;font-family:var(--bulky);font-size:22px;letter-spacing:-.03em}
.pos-legend span{font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:5px}
.pos-legend span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.alert .th{width:40px;height:30px;flex:none;border:1px solid var(--line);border-radius:6px;background:#fff;object-fit:contain}
.section-17__static{display:none}
.section-17__moving{display:block;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);max-width:1050px;margin:0 auto}
.section-17__moving .track{display:flex;gap:64px;width:max-content;align-items:center;animation:marquee 34s linear infinite;padding:18px 0}
.section-17__moving .track:hover{animation-play-state:paused}
.section-17__moving img{width:auto;max-width:130px;max-height:24px;filter:grayscale(1);opacity:.7;transition:.3s}
.section-17__moving img.tall{max-height:34px}
.section-17__moving img:hover{filter:none;opacity:1}
@media (max-width:600px){.section-17__moving .track{gap:40px}.section-17__moving img{max-width:90px;max-height:20px}.section-17__moving img.tall{max-height:28px}}
@media (min-width:1025px){
  .section-36{padding:80px 0 60px}
  .section-36 .section-header{margin-bottom:44px}
  .section-36 .section-header .h2{font-size:36px}
  .section-36__slide__video{width:min(45vw,calc((100vh - 440px) * 1.6))}
  .section-36__slide{align-items:center}
}
@media (min-width:1280px){.section-36__slide__video{width:min(45vw,calc((100vh - 440px) * 1.6))}}
.section-5 .how-it-works__items .images{flex:1 1 auto;width:auto;min-width:0;max-width:640px}
.updates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:20px}
.story-block__image.art{padding:0;background:#fff;border:1px solid var(--line);aspect-ratio:4/3}
.story-block__image.art img{width:100%;height:100%;object-fit:contain;filter:none}
.story-block__tag{display:inline-block;font-size:12px;font-weight:700;color:var(--purple)}
@media (max-width:900px){.updates-grid{grid-template-columns:1fr}}
.section-3__image{background:var(--lavender)}
.section-3__image .packshot{width:78%;background:#fff;border-radius:14px;padding:6%;box-shadow:var(--shadow);filter:none}
.section-34__testimonials__slide__image img{background:#fff;border-radius:12px;filter:none;box-shadow:0 14px 28px -18px rgba(65,48,29,.35)}
.pp-body.v3{grid-template-columns:1.15fr 1fr}
.gauges.v3{gap:22px}
.gauges.v3 .gauge-val{margin:8px 0 6px}
.gauges.v3 .gauge-val b{font-size:30px}
.gauges.v3 .gauge-b h4{font-size:16px}
.modules{margin-top:6px}
.modules h4{font-size:16px;font-weight:600;margin-bottom:8px}
.modules .chips{display:flex;flex-wrap:wrap;gap:8px}
.mod{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:40px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text);transition:.2s}
.mod::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid #DAD1C5;background:#fff;transition:.2s}
.mod.on{border-color:var(--purple);color:var(--purple);background:var(--lavender)}
.mod.on::before{background:var(--purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--purple)}
.mod small{font-weight:500;color:var(--muted)}
.mod.incl{opacity:.65;pointer-events:none}
.breakdown{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text)}
.breakdown div{display:flex;justify-content:space-between;gap:12px}
.breakdown div b{font-weight:600;color:var(--ink);white-space:nowrap}
.limits{margin-top:28px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
.limits h3{font-size:18px;font-weight:600;padding:18px 22px;border-bottom:1px solid var(--line)}
.limits-scroll{overflow-x:auto}
.limits table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.limits th,.limits td{padding:11px 16px;text-align:left;border-bottom:1px solid #F5F3F0}
.limits th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;background:var(--offwhite)}
.limits td:first-child{font-weight:600;color:var(--ink)}
.limits td.pack{color:var(--purple);font-weight:600;white-space:nowrap}
.limits tr:last-child td{border-bottom:0}
.limits .col-on{background:var(--lavender)}
.scanbox{background:#fff;border:1px solid var(--line)}
.scanbox img{filter:none}
.scanbox .mesh{background-image:linear-gradient(rgba(138,106,68,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(138,106,68,.14) 1px,transparent 1px);mix-blend-mode:normal}
.scanbox .beam{background:var(--purple);box-shadow:0 0 14px 3px rgba(138,106,68,.45)}
.res .th{background:#fff;border:1px solid var(--line)}
.section-34__testimonials__slide.swiper-slide{display:flex}
@media (max-width:768px){.section-34__testimonials__slide.swiper-slide{flex-direction:column}}
.tn-body>*{min-width:0}
.tn-card{min-width:0}
@media (max-width:900px){.pp-body.v3{grid-template-columns:1fr}}
@media (max-width:600px){
  .section-1a .button--special{white-space:normal;max-width:calc(100vw - 48px);font-size:14px;line-height:1.25;text-align:left}
  .demo-scene{padding-top:64px}
  .tn-ghost.g1{transform:translate(5px,-5px) rotate(3deg)}.tn-ghost.g2{transform:translate(9px,-9px) rotate(6deg)}
  .tn-card b{font-size:11.5px}.tn-card span{font-size:10.5px}
}
.prow>div{min-width:0}
.section-1a{padding-bottom:40px}
.section-q{background:var(--lavender);padding:80px 0 70px}
.section-q::after{display:none}
.section-q .section-header{margin-bottom:44px}
.section-q .section-header .h2{color:var(--ink)}
.section-q .section-36__slide__content{width:340px}
.q-num{font-size:13px;font-weight:700;color:var(--purple);letter-spacing:.06em}
.q-title{font-family:var(--bulky);font-weight:800;font-size:32px;line-height:1.08;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.q-title em{font-style:normal;color:var(--purple)}
.section-q .section-36__slide__text{color:var(--text)}
.section-36__slides{position:relative}
@media (max-width:1024px){.section-q{padding:70px 0}.q-title{font-size:26px}}
.tn-card .tn-stamp,.tn-card .tn-stamp span{color:#fff;font-size:12px;font-weight:800;margin:0;display:inline-flex;align-items:center;gap:6px}
.tn-card .tn-stamp{position:absolute;top:10px;right:10px;padding:6px 11px}
.hz-wrap{overflow:hidden}
.band-intro{position:relative;background:var(--purple);color:#fff;padding:120px 0}
.band-intro .section-header .h5{color:var(--pill)}
.band-intro .section-header .h2{color:#fff}
.band-intro .section-header .body-text-lg{color:rgba(255,255,255,.85)}
.band-slides{background:#fff;padding:80px 0}
.band-slides::after{display:none}
.section-q{background:var(--lavender);padding:80px 0}
.q-eyebrow{text-align:center}
.section-q .section-36__slide{width:min(1000px,78vw)}
.section-q .section-36__slide__content{width:100%;gap:22px}
.section-q .q-title{font-size:clamp(40px,5.2vw,80px);line-height:1.02}
.section-q .q-num{font-size:15px}
@media (min-width:1025px){
  .hz-panel{height:100vh;padding:80px 0 0;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
  .section-q.hz-panel{justify-content:center;gap:40px}
  .band-intro{min-height:100vh;display:flex;align-items:center;padding:80px 0 0;box-sizing:border-box}
  .band-intro .section-header{max-width:920px}
  .band-intro .section-header .h2{font-size:clamp(44px,4.6vw,68px);line-height:1.04}
  .band-intro .section-header .body-text-lg{font-size:22px;max-width:46ch}
  .band-slides .section-36__slide__video{width:min(46vw,calc((100vh - 220px) * 1.6))}
}
@media (max-width:1024px){.section-q{padding:70px 0}.section-q .section-36__slide{width:100%}.band-slides{padding:70px 0}.band-intro{padding:90px 0}}
.curves{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:22px 92px 22px 22px;position:relative}
.cv-you{text-align:center}
.cv-you .th{background:#fff;border:2px solid var(--purple);border-radius:14px;padding:8px;box-shadow:0 10px 24px -14px rgba(138,106,68,.6)}
.cv-you .th img{width:100%;aspect-ratio:4/3;object-fit:contain}
.cv-you b{display:block;margin-top:8px;font-family:var(--bulky);font-size:20px;letter-spacing:-.02em;color:var(--purple)}
.cv-chart{position:relative;height:260px}
.cv-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cv-chart .g{stroke:#F6F2ED;stroke-width:1}
.cv-chart .you{fill:none;stroke:var(--purple);stroke-width:3;stroke-dasharray:7 6}
.cv-chart .c{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cvDraw 6s infinite}
.cv-chart .c1{stroke:#e5484d}.cv-chart .c2{stroke:#C8C0B6;animation-delay:.3s}.cv-chart .c3{stroke:#1fb373;animation-delay:.6s}
@keyframes cvDraw{0%{stroke-dashoffset:1}50%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.cv-end{position:absolute;right:-84px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;opacity:0;animation:cvEnd 6s infinite}
.cv-end .th{width:56px;height:42px;border-radius:10px;background:#fff;border:2px solid var(--c);display:grid;place-items:center;padding:2px;box-shadow:0 8px 18px -10px rgba(65,48,29,.45)}
.cv-end .th img{max-width:100%;max-height:100%;object-fit:contain}
.cv-end .pr{position:absolute;right:0;top:calc(100% + 3px);font-size:11px;font-weight:700;color:var(--c);white-space:nowrap}
@keyframes cvEnd{0%,45%{opacity:0;transform:translateY(-50%) scale(.8)}55%,95%{opacity:1;transform:translateY(-50%) scale(1)}100%{opacity:0}}
.cv-you-line{position:absolute;left:0;font-size:11px;font-weight:700;color:var(--purple);background:#fff;padding:0 6px;transform:translateY(-140%)}
@media (max-width:600px){.curves{grid-template-columns:1fr;padding:18px 84px 18px 16px}.cv-you{display:flex;align-items:center;gap:10px;text-align:left}.cv-you .th{width:90px}.cv-chart{height:200px}}
.section-34__testimonials__slide__image.photo{padding:0;background:none}
.section-34__testimonials__slide__image.photo img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:16px;box-shadow:none}
.section-34__testimonials__slide__author strong{color:var(--ink);font-weight:700}
.section-roi .section-header{margin-bottom:44px;max-width:820px}
.section-roi .section-4__numbers{gap:20px;max-width:1168px;margin:0 auto}
.section-roi .section-4__numbers .number{max-width:none;margin:0;display:flex;flex-direction:column;padding:30px 22px 22px}
.section-roi .number__no{font-size:56px}
.section-roi .number__text{flex:1}
.number__src{display:block;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);line-height:1.35}
.number__src:hover{color:var(--purple)}
.roi-note{margin:34px auto 0;max-width:62ch;text-align:center;font-size:17px;color:var(--ink);font-weight:500}
@media (max-width:1024px){.section-roi .section-4__numbers{display:grid;grid-template-columns:1fr 1fr;max-width:640px}.section-roi .section-4__numbers .number{width:auto}}
@media (max-width:600px){.section-roi .section-4__numbers{grid-template-columns:1fr;max-width:380px}.section-roi .number__no{font-size:48px}}
.section-1a__container{padding-top:56px}
@media (max-width:600px){.section-1a__container{padding-top:24px}}
.section-roi .number__text{font-size:16px;color:var(--ink);line-height:1.35;margin-top:.8em}
.section-roi .section-4__numbers .number{padding:32px 22px}
.section-pricing .plans{margin-top:48px}
.plan{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.plan:hover{border-color:rgba(138,106,68,.5);transform:translateY(-2px)}
.plan:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.plan .button{pointer-events:none;margin-top:auto}
.plan.on .button--ghost{background:var(--purple);color:#fff;box-shadow:none}
.plan .pc-lines{flex:1}
.price-panel{margin-top:28px}
.adv{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7);padding:0 18px}
.adv summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:600;font-size:15px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.adv summary::-webkit-details-marker{display:none}
.adv summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--pill);color:var(--purple);font-weight:700;font-size:14px}
.adv[open] summary::before{content:"−"}
.adv summary small{font-weight:500;color:var(--muted);font-size:12px}
.adv-body{display:flex;flex-direction:column;gap:22px;padding:4px 0 20px}
.mods{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mod{display:grid;grid-template-columns:18px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:start;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px;color:var(--text);transition:.2s}
.mod::before{grid-row:1/3;margin-top:2px}
.mod .mod-t{font-weight:600;font-size:13.5px;color:var(--ink)}
.mod .mod-d{grid-column:2/4;font-size:12px;color:var(--muted);line-height:1.3;margin-top:2px}
.mod small{grid-column:3;grid-row:1;font-size:11.5px;font-weight:700;color:var(--purple);white-space:nowrap}
.mod.on{border-color:var(--purple);background:var(--lavender)}
.mod.incl{opacity:1;pointer-events:none;background:#f3fbf7;border-color:#bfe9d5}
.mod.incl small{color:#0e7a4f}
.mod.incl::before{background:#1fb373 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:#1fb373}
.breakdown .tot{border-top:1px solid var(--line);padding-top:6px;margin-top:2px}
.breakdown .tot span,.breakdown .tot b{font-weight:700;color:var(--ink)}
.pc-incl{margin-top:16px}
.pc-incl>p{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.pc-incl .pc-lines{margin-top:8px}
.limits .sep td{background:var(--offwhite);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.limits .ok{color:#0e7a4f;font-weight:600}
@media (max-width:600px){.mods{grid-template-columns:1fr}}
.upsell{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--lavender);font-size:13px;color:var(--ink)}
.upsell button{margin-left:4px;color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.section-34{background:linear-gradient(180deg,#fff 0%,var(--lavender) 22%,#F6F3EF 100%)}
.section-34 .section-bg{display:none}
.section-34::before{content:"";position:absolute;inset:auto -10% -30% auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(138,106,68,.22),transparent 65%);pointer-events:none}
.section-34::after{content:"";position:absolute;inset:8% auto auto -8%;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(201,181,155,.22),transparent 65%);pointer-events:none}
.section-34 .section-header .h2{color:var(--ink)}
.section-34__testimonials__slide__content{background:#fff;border:0;box-shadow:0 30px 60px -30px rgba(138,110,74,.35);overflow:hidden}
.section-34__testimonials__slide__content::before{content:"\201C";position:absolute;top:-34px;right:36px;font-family:Georgia,serif;font-size:220px;line-height:1;color:var(--pill)}
.section-34__testimonials__slide__content::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--purple),#CDC0A8)}
.section-34__testimonials__slide__text{position:relative}
.section-34__testimonials__slide__author strong{color:var(--purple)}
.section-34__testimonials__slide__image.photo{position:relative;box-shadow:0 30px 60px -30px rgba(138,110,74,.45);border-radius:16px}
.section-34__testimonials__slide__image.photo::after{content:"Bêta-testeur";position:absolute;left:16px;bottom:16px;background:var(--purple);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:20px;box-shadow:0 8px 18px -8px rgba(138,110,74,.7)}
.section-34 .swiper-btn{background:var(--purple);border-color:var(--purple);color:#fff}
.section-34 .swiper-btn:hover{background:var(--purple-dark);color:#fff}
.section-34__note{display:inline-block;margin:6px auto 0;background:#fff;border:1px solid rgba(138,106,68,.25);color:var(--purple);font-weight:600;padding:6px 14px;border-radius:20px;font-size:13px}
.section-34__container{text-align:center}
.section-34__testimonials{text-align:left}
.from-floor{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--purple);background:var(--pill);padding:3px 9px;border-radius:20px}
.limits td small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.pc-note-up{display:block;font-weight:600;color:var(--purple);margin-bottom:4px}
.section-roi .section-4__numbers .number{padding:34px 22px}
.section-33__badges .mock{width:380px}
.breakdown b{font-variant-numeric:tabular-nums}
.mock.px-card{background:radial-gradient(120% 90% at 85% 0%,#5A4830 0%,#2A2116 55%,#201A12 100%);border:1px solid rgba(255,255,255,.08);color:#F7F4F1;border-radius:22px;padding:22px 24px 18px;box-shadow:0 40px 80px -40px rgba(91,73,49,.7),inset 0 1px 0 rgba(255,255,255,.06);overflow:visible}
.px-head{display:flex;align-items:center;gap:14px}
.px-prod{width:58px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;padding:4px;flex:none;box-shadow:0 0 0 2px #CCB99F,0 10px 24px -8px rgba(204,185,159,.8)}
.px-prod img{max-width:100%;max-height:100%;object-fit:contain}
.px-ttl{display:flex;flex-direction:column;min-width:0}
.px-ttl b{font-size:16px;font-weight:650;color:#fff;letter-spacing:-.01em}
.px-ttl span{font-size:12.5px;color:#C8B69D}
.px-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#EBE4DA;background:rgba(204,185,159,.16);border:1px solid rgba(204,185,159,.35);padding:6px 11px;border-radius:999px;white-space:nowrap}
.px-live i{width:7px;height:7px;border-radius:50%;background:#5ef2b0;box-shadow:0 0 0 0 rgba(94,242,176,.7);animation:pxLive 1.8s infinite}
@keyframes pxLive{70%{box-shadow:0 0 0 7px rgba(94,242,176,0)}100%{box-shadow:0 0 0 0 rgba(94,242,176,0)}}
.px-chart{position:relative;height:250px;margin:20px 92px 0 0}
.px-chart svg{position:absolute;inset:0 0 26px 0;width:100%;height:calc(100% - 26px);overflow:visible}
.px-grid line{stroke:rgba(255,255,255,.07);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.px-area{fill:url(#pxA);opacity:0;animation:pxFade 7s infinite}
.px-you{stroke:#D4C5B0;stroke-width:2;stroke-dasharray:6 6}
.px-c{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pxDraw 7s infinite}
.px-c1{stroke:#8A6A44;stroke-width:3}
.px-c2{stroke:#E5DBCE;animation-delay:.2s}
.px-c3{stroke:#9E7F55;animation-delay:.4s}
@keyframes pxDraw{0%{stroke-dashoffset:1;opacity:1}38%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes pxFade{0%,30%{opacity:0}45%,92%{opacity:1}100%{opacity:0}}
.px-you-tag{position:absolute;left:0;transform:translateY(-135%);font-size:11.5px;font-weight:600;color:#EBE4DA;background:rgba(42,33,22,.85);padding:2px 8px;border-radius:6px;backdrop-filter:blur(4px)}
.px-you-tag b{color:#fff;font-weight:700}
.px-pulse{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#8A6A44;box-shadow:0 0 0 3px rgba(32,26,18,1),0 0 18px 4px rgba(255,122,97,.8);opacity:0;animation:pxDot 7s infinite}
.px-pulse::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #8A6A44;animation:pxRing 1.6s infinite}
@keyframes pxDot{0%,34%{opacity:0;transform:scale(.4)}40%,94%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes pxRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}}
.px-toast{position:absolute;left:62%;top:-2%;transform:translate(-50%,0);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);color:#2E261B;border-radius:14px;padding:8px 14px 8px 8px;box-shadow:0 18px 40px -14px rgba(0,0,0,.6);white-space:nowrap;opacity:0;animation:pxToast 7s infinite}
.px-toast img{width:42px;height:32px;object-fit:contain;border-radius:8px;background:#F7F5F0}
.px-toast p{margin:0;line-height:1.25}.px-toast b{display:block;font-size:12.5px;font-weight:700;color:#2E261B}
.px-toast em{font-style:normal;font-size:12px;color:#857765}
.px-toast strong{margin-left:4px;font-size:13px;font-weight:700;color:#fff;background:#e5484d;padding:4px 8px;border-radius:8px}
@keyframes pxToast{0%,42%{opacity:0;transform:translate(-50%,10px) scale(.94)}48%,92%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,0)}}
.px-end{position:absolute;right:-92px;transform:translateY(-50%);margin-top:-13px;display:flex;align-items:center;gap:8px;opacity:0;animation:pxEnd 7s infinite}
.px-end .th{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;padding:4px;box-shadow:0 0 0 2px var(--c),0 0 16px -2px var(--c)}
.px-end .th img{max-width:100%;max-height:100%;object-fit:contain}
.px-end .pr{font-size:12.5px;font-weight:700;color:var(--c)}
@keyframes pxEnd{0%,32%{opacity:0;transform:translate(-8px,-50%)}40%,94%{opacity:1;transform:translate(0,-50%)}100%{opacity:0}}
.px-axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:11px;color:#A69278}
.px-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.px-stats div{display:flex;flex-direction:column;gap:3px;padding:0 14px;border-left:1px solid rgba(255,255,255,.08)}
.px-stats div:first-child{border-left:0;padding-left:0}
.px-stats span{font-size:11.5px;color:#C8B69D}
.px-stats b{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em}
.px-stats .px-bad{color:#ff8f7a}
@media (max-width:600px){.mock.px-card{padding:16px 14px 14px}.px-chart{height:190px;margin-right:72px}.px-end{right:-74px}.px-end .th{width:32px;height:32px}.px-live{display:none}.px-stats b{font-size:16px}.px-toast{left:50%;top:-6%}.px-toast img{display:none}}
@media (prefers-reduced-motion:reduce){.px-c{stroke-dashoffset:0;animation:none}.px-area,.px-pulse,.px-toast,.px-end{opacity:1;animation:none}}
.header__buttons .button--plain.header__login{display:inline-flex;padding:0 14px 0 0;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0}
@media (max-width:1200px){.header__buttons .button--plain.header__login{font-size:13px;padding:0 6px 0 14px}}
@media (min-width:901px){.header__nav>ul{position:static;transform:none;margin:0 auto;padding-left:24px}}
@media (max-width:900px){.header__buttons .button--plain.header__login{font-size:16px;padding:10px 0}}
:root{--white:#FAF9F6;--offwhite:#F2F0EA;--lavender:#F2F0EA;--pill:#E8E2D7;--purple:#8A6A44;--purple-dark:#705334;--purple-deep:#503C28;--ink:#22201D;--text:#504B43;--muted:#726B60;--line:#E2DDD4;--bulky:"Manrope",Arial,sans-serif;--median:"Manrope",Arial,sans-serif;--neutral:"DM Sans",Arial,sans-serif;--shadow:0 16px 40px -24px #8A6A4438}
.header__container{background:rgba(250,249,246,.94);backdrop-filter:blur(16px)}
.header__logo,.footer__logo{font-weight:600;letter-spacing:-.045em}
.h0,.h1,.h2,.h3,.section-1a__headline,.q-title{font-weight:500;letter-spacing:-.045em}
.section-1a__headline{font-size:clamp(44px,7.2vw,104px);line-height:1.08}
.section-1a{isolation:isolate;background:#FAF9F6}
.section-1a{--hero:url('/landing/img/hero-interieur-1600.webp')}@media(max-width:1100px){.section-1a{--hero:url('/landing/img/hero-interieur-1100.webp')}}
.section-1a:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#FAF9F6 0%,rgba(250,249,246,.94) 9%,rgba(250,249,246,.78) 40%,rgba(250,249,246,.78) 100%),var(--hero) center 48%/cover no-repeat}
.section-q{background:linear-gradient(#FAF9F6 0%,#F2F0EA 28%,#F2F0EA 100%)}
.section-1a__headline span{color:#8A6A44}.section-1a__headline span:after{display:none}
.section-1a__text{color:#504B43}.section-1a__logos img{filter:grayscale(1);opacity:.66}
.button{border-radius:8px;text-transform:none;font-size:13px;font-weight:600;letter-spacing:0;transition:background .2s,color .2s,transform .2s}
.button:before{border-radius:8px}.button--purple{background:#22201D;color:#fff}.button--purple:before{background:#8A6A44}.button--ghost{color:#22201D;box-shadow:inset 0 0 0 1px #BBA581;background:rgba(250,249,246,.35)}
.button--plain{border-radius:0}.header__buttons .button--plain{color:#504B43}
.band-intro,.band-slides{background:#8A6A44}.border-radius{border-radius:12px}
.section-header .h2 strong:after{display:none}.app-shot img{filter:sepia(.25) saturate(.5)}
.plan.featured,.plan.selected,.plan.is-selected{border-color:#8A6A44}
@media(max-width:600px){.section-1a__headline{font-size:43px}.section-1a:before{background-position:65% center}}

.header__container{background:#000;border-color:#242424;backdrop-filter:none;transition:none}.header__logo,.header__nav>ul>li,.header__buttons .button--plain{color:#fff}
.header__logo,.footer__logo,.hero-wordmark,.footer__group b.wordmark{font-family:"Syne",Arial,sans-serif;font-weight:700;letter-spacing:-.01em}.header__logo svg,.footer__logo svg{display:none}
.header__logo{font-size:30px}.header__buttons .button--purple{background:#fff;color:#111}.header__buttons .button--ghost{color:#fff;border:1px solid #ffffff70;box-shadow:none;background:transparent}
.header__nav>ul>li>a:hover,.header__nav>ul>li>button:hover{color:#CDC0A8}.hamburger i{background:#fff}
.section-1a{padding-top:80px;min-height:880px;padding-bottom:0;background:#FAF9F6}
.section-1a:before{background:linear-gradient(0deg,#FAF9F6 0%,rgba(250,249,246,.8) 4%,rgba(250,249,246,0) 23%),linear-gradient(90deg,rgba(34,25,14,.13),transparent 75%),var(--hero) center 54%/cover no-repeat}
.section-1a__container{max-width:1320px;padding-top:84px;text-align:left;padding-bottom:0}
.hero-wordmark{font-size:43px;color:#fff;line-height:1.2;margin-bottom:28px}
.section-1a__headline{max-width:900px;font-size:clamp(44px,4.4vw,66px);font-weight:400;line-height:1.13;letter-spacing:-.025em;text-transform:uppercase;text-align:left;color:#fff}
.section-1a__headline span{color:#fff}.section-1a__text{max-width:590px;margin:24px 0 0;text-align:left;color:#fff;font-size:17px;line-height:1.6}
.section-1a__fade{margin:0}.section-1a__buttons{justify-content:flex-start;align-items:center;margin:30px 0 0;gap:12px}
.section-1a__buttons .button{font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:17px 24px;border-radius:9px}.section-1a__buttons .button--purple{order:-1;background:#000}.section-1a__buttons .button--ghost{color:#fff;box-shadow:inset 0 0 0 1px #ffffffa6;background:transparent}
.section-1a__logos{margin-top:100px;padding-bottom:32px}.section-1a__logos .container{padding:0;max-width:none}.section-1a__logos-heading{color:#413A30}.section-1a__logos img{filter:grayscale(1);opacity:.8}
.price-editorial{padding:26px 28px;background:#FAF9F6;color:#22201D;border:1px solid #DAD6CC;border-radius:13px;box-shadow:0 20px 50px -35px #30291E66;font-family:"DM Sans",Arial,sans-serif;width:100%}
.pe-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid #E4DDD1;font-size:10px;letter-spacing:.1em;color:#756B5D}
.pe-live{font-size:10px;letter-spacing:0;color:#8A6A44}.pe-live:before{content:"";display:inline-block;width:5px;height:5px;background:#8A6A44;border-radius:50%;margin-right:6px}
.pe-product{display:flex;align-items:center;gap:22px;padding:24px 0}.pe-product img{width:150px;height:100px;object-fit:contain}.pe-product small,.pe-bottom small{display:block;font-size:9px;letter-spacing:.1em;color:#756B5D}.pe-product h3{font-family:"Manrope",Arial,sans-serif;font-size:22px;font-weight:500;margin:5px 0}.pe-product p{font-size:11px;color:#756B5D}.pe-product b{display:block;font-weight:500;font-size:20px;margin-top:8px}
.pe-chart-title{display:flex;justify-content:space-between;align-items:center;margin:2px 0 16px}.pe-chart-title b{font-weight:500;font-size:14px}.pe-chart-title span{font-size:10px;color:#756B5D}.pe-chart{width:100%;height:auto;display:block;overflow:visible}.pe-legend{display:flex;gap:20px;font-size:10px;color:#756B5D;margin:4px 0 22px}.pe-legend span{display:flex;gap:6px;align-items:center}.pe-legend i{width:15px;height:2px}
.pe-bottom{border-top:1px solid #E4DDD1;padding-top:19px;display:flex;justify-content:space-between;gap:12px;align-items:center}.pe-bottom strong{display:block;font-family:"Manrope",Arial,sans-serif;font-size:30px;font-weight:500;letter-spacing:-1px;margin-top:6px}.pe-change{text-align:right}.pe-change span{display:inline-block;color:#705334;background:#EEE5D7;padding:6px 9px;border-radius:4px;font-size:13px}.pe-change small{letter-spacing:0;margin-top:8px;font-size:10px}
.band-slides [data-mock="curves"]{background:transparent;box-shadow:none;overflow:visible}
@media(max-width:900px){.header__bg,.header__nav{background:#000}.header__nav{border-color:#333}.header__nav>ul>li{border-color:#333}.section-1a{padding-top:70px;min-height:870px}.section-1a__container{padding-top:65px}.section-1a__headline{max-width:720px;font-size:53px}.hero-wordmark{font-size:38px}.header__buttons .button--plain{display:block}}
@media(max-width:600px){.section-1a{min-height:950px}.section-1a__container{padding-top:48px}.hero-wordmark{font-size:35px;margin-bottom:24px}.section-1a__headline{font-size:37px;line-height:1.13}.section-1a__text{font-size:14px;max-width:320px;margin-top:22px}.section-1a:before{background-position:center,center,58% center}.section-1a__buttons{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:26px}.section-1a__buttons .button--100{display:inline-flex!important;width:auto!important;max-width:100%!important;margin:0!important;min-width:0}.section-1a__logos{margin-top:135px}.section-1a__logos-heading{font-size:10px;letter-spacing:.04em}.price-editorial{padding:19px 17px}.pe-product{gap:13px}.pe-product img{width:110px;height:85px}.pe-product h3{font-size:18px}.pe-top{font-size:8px;letter-spacing:.05em}.pe-live{font-size:8px}.pe-bottom small{font-size:8px}.pe-change small{font-size:9px}.pe-bottom strong{font-size:26px}.pe-chart-title b{font-size:12px}.pe-chart-title span{font-size:9px}}
.band-intro,.band-slides{background:#E8E1D5;color:#22201D}
.band-intro .section-bg,.band-slides .section-bg{background:#E8E1D5}
.band-intro .section-header .h5{color:#705334}.band-intro .section-header .h2{color:#22201D}.band-intro .section-header .body-text-lg{color:#504B43}
.band-slides .section-36__slide__heading{color:#22201D}.band-slides .section-36__slide__text{color:#504B43}.band-slides .section-36__slide__content>svg{color:#8A6A44}
.footer{background:linear-gradient(135deg,#050505 0%,#252525 48%,#000 100%)}.footer .section-bg{background:transparent}
.footer__headline .footer-title-line{display:block;white-space:nowrap;font-size:clamp(32px,7.5vw,112px);line-height:1.12}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:#000;color:#fff;padding:10px 14px;border-radius:8px}.skip:focus{top:12px}
.header__lang{display:inline-grid;place-items:center;min-width:38px;height:34px;padding:0 8px;border:1px solid #ffffff55;border-radius:8px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em}
.header__lang:hover{border-color:#fff}
.header__nav>ul>li>a[aria-current="page"]{color:#CDC0A8}
@media(max-width:900px){.header__lang{color:#fff;align-self:flex-start}}
.footer__group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin:0 0 72px;padding:32px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);text-align:left}
.footer__group h2{font-family:var(--bulky);font-size:20px;font-weight:600;letter-spacing:-.01em;color:#fff}
.footer__group-intro p{margin-top:10px;color:rgba(255,255,255,.62);font-size:14px;line-height:1.55}
.footer__group ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.footer__group li>a,.footer__group li>div{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;transition:border-color .2s,background .2s}
.footer__group li>a:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.04)}
.footer__group b{font-family:var(--bulky);font-size:17px;font-weight:600}
.footer__group span{font-size:13px;line-height:1.45;color:rgba(255,255,255,.7)}
.footer__group small{margin-top:auto;font-size:12px;color:#CDC0A8}
.footer__group .is-here>div{border-color:#CDC0A8;background:rgba(205,192,168,.08)}
.footer__copy{color:rgba(255,255,255,.62)}
.footer__legal{font-size:12px;line-height:1.55;color:rgba(255,255,255,.5);max-width:900px;margin:0 auto;text-align:center}
@media(max-width:900px){.footer__group{grid-template-columns:1fr}.footer__group ul{grid-template-columns:1fr}.footer__navs{flex-wrap:wrap}.footer__navs>div{width:50%;padding:0 12px 24px}}
.story-block__image.cover{padding:0;aspect-ratio:16/9;background:#E8E1D5}
.story-block__image.cover img{width:100%;height:100%;object-fit:cover;filter:none}
.lp-dates{padding-top:28px;padding-bottom:28px}
.lp-dates .dates{font-size:13px;color:var(--muted)}
.mod.soon{opacity:.72;cursor:default}
.mod.soon::before{opacity:.4}
.mod-soon,.limits em.mod-soon{font-style:normal;display:inline-block;margin-left:6px;padding:1px 7px;border-radius:20px;background:#EEE5D7;color:#705334;font-size:10.5px;font-weight:700;letter-spacing:.02em;vertical-align:middle}
/* Aperçus de la plateforme en blocs */
.app-ui img{filter:none!important}
.app-ui .ui{padding:16px;background:#FAF9F6;font-family:var(--neutral);color:var(--ink);text-align:left}
.ui-h{font-family:var(--bulky);font-size:19px;font-weight:500;letter-spacing:-.02em;margin-bottom:12px}
.ui-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:12px}
.ui-kpis>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.ui-kpis span{display:block;font-size:10.5px;color:var(--muted)}
.ui-kpis b{display:block;font-family:var(--bulky);font-size:22px;font-weight:500;letter-spacing:-.02em;margin-top:2px}
.ui-kpis b.bad{color:#c0262c}.ui-kpis b.ok{color:#8A6A44}
.ui-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ui-pair{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ui-pair__img{position:relative;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.ui-pair__img img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:6px}
.ui-pair__img img+img{border-left:1px solid var(--line)}
.ui-gap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:3px 8px;border-radius:20px;font-size:10.5px;font-weight:700;background:#F5F3F0;color:var(--muted);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.ui-gap.up{background:#e5484d;color:#fff}.ui-gap.down{background:#1f9d68;color:#fff}
.ui-pair__px{display:grid;grid-template-columns:1fr 1fr}
.ui-pair__px>div{padding:7px 9px}.ui-pair__px>div+div{border-left:1px solid var(--line)}
.ui-pair__px small{display:block;font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-pair__px b{font-family:var(--bulky);font-size:14px;font-weight:600}
.ui-pair p{padding:6px 9px 8px;border-top:1px solid var(--line);font-size:10.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ui-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.ui-card>b{display:block;font-size:12px;margin-bottom:8px}
.ui-seg{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--text)}
.ui-bar{display:flex;height:8px;border-radius:6px;overflow:hidden;background:#F5F3F0}
.ui-bar i:nth-child(1){background:#e5484d}.ui-bar i:nth-child(2){background:#D8CFC2}.ui-bar i:nth-child(3){background:#8A6A44}
.ui-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #F5F3F0;font-size:11px}
.ui-row:last-child{border-bottom:0}
.ui-row img,.ui-alert img,.ui-review img{width:52px;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px}
.ui-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-row em{font-style:normal}
.ui-list{display:grid;gap:8px}
.ui-alert,.ui-review{display:grid;grid-template-columns:auto 64px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.ui-review{grid-template-columns:64px 1fr auto}
.ui-alert img,.ui-review img{width:64px}
.ui-alert i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#F5F3F0;color:var(--muted)}
.ui-alert i svg{width:18px;height:18px}
.ui-alert.down i{background:#ffe1e1;color:#c0262c}.ui-alert.up i{background:#dcf5ea;color:#0e7a4f}.ui-alert.new i{background:#EEE5D7;color:#705334}
.ui-alert b,.ui-review b{display:block;font-size:12.5px;font-weight:600}
.ui-alert span,.ui-review span{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.ui-review small{display:block;font-size:10.5px;color:var(--text);margin-top:3px}
.ui-alert small{font-size:10.5px;color:var(--muted);white-space:nowrap}
@media(max-width:600px){.ui-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-grid .ui-pair:nth-child(n+5){display:none}.ui-cols{grid-template-columns:1fr}.ui-alert{grid-template-columns:auto 52px 1fr}.ui-alert small{display:none}}
.ui-news{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ui-new{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}
.ui-new img{width:72px;aspect-ratio:4/3;object-fit:contain}
.ui-new b{display:block;font-size:11.5px;font-weight:600;line-height:1.3}
.ui-new span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.ui-new small{display:block;font-size:10px;color:#705334;font-weight:600;margin-top:3px}
@media(max-width:600px){.ui-news{grid-template-columns:1fr}}
/* Fonctionnalités */
.ft-hero{min-height:760px!important}
.ft-hero .section-1a__container{padding-top:120px}
.ft-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#CDC0A8;margin-bottom:22px}
.ft-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:56px}
.ft-jump a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #ffffff40;border-radius:30px;color:#fff;font-size:13px;background:rgba(24,19,12,.62);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.ft-jump a:hover{background:rgba(0,0,0,.35);border-color:#fff}
.ft-jump b{font-weight:700;color:#CDC0A8;font-size:11px}
.ft-anchor{position:relative;top:-90px;display:block}
.ft-ch{padding:120px 0;scroll-margin-top:80px}
.ft-ch--white{background:#FAF9F6}.ft-ch--sand{background:#F2F0EA}.ft-ch--band{background:#E8E1D5}
.ft-ch__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:center}
.ft-ch--rev .ft-ch__text{order:2}
.ft-ch__num{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#705334}
.ft-ch__num b{font-family:var(--median);font-size:44px;font-weight:500;letter-spacing:-.04em;color:#8A6A44;line-height:1}
.ft-ch__title{font-family:var(--median);font-weight:500;font-size:clamp(32px,3.5vw,52px);line-height:1.06;letter-spacing:-.035em;color:#22201D;text-wrap:balance}
.ft-ch__lead{margin-top:22px;font-size:18px;line-height:1.6;color:#504B43;max-width:56ch}
.ft-ch__points{margin-top:26px;display:grid;gap:12px}
.ft-ch__points li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;color:#22201D}
.ft-ch__points svg{flex:none;width:20px;height:20px;color:#8A6A44;margin-top:1px}
.ft-ch__note{margin-top:22px;padding-left:14px;border-left:2px solid #CDC0A8;font-size:14px;line-height:1.5;color:#726B60}
.ft-ch__visual{display:flex;justify-content:center;align-items:center;min-height:360px}
.ft-ch__visual>.mock{max-width:520px}
.ft-ch__visual .tinder{width:100%;max-width:560px}
.ft-ch__visual .app-shot,.ft-ch__visual .price-editorial{width:100%;max-width:640px}
.ft-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none}
.ft-status--live{background:#dcf5ea;color:#0e7a4f}.ft-status--beta{background:#fff1d6;color:#9a5b00}.ft-status--soon{background:#EEE5D7;color:#705334}
.ft-mods{padding:120px 0;background:#FAF9F6}
.ft-mods__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px}
.ft-mods__col h3{font-family:var(--median);font-size:26px;font-weight:500;letter-spacing:-.03em;padding-bottom:14px;border-bottom:2px solid #22201D;margin-bottom:14px}
.ft-mods__col ul{display:grid;gap:10px}
.ft-mods__col li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.ft-mods__col li>div{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ft-mods__col b{font-size:15px;font-weight:600;line-height:1.3}
.ft-mods__col p{margin-top:6px;font-size:13.5px;line-height:1.5;color:#504B43}
.ft-dark{background:linear-gradient(135deg,#050505 0%,#252525 48%,#000 100%);color:#fff;padding:120px 0}
.ft-dark__head h2{font-family:var(--median);font-weight:500;font-size:clamp(34px,4vw,56px);letter-spacing:-.035em;line-height:1.05;text-transform:uppercase;max-width:900px}
.ft-dark__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:56px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden}
.ft-dark__grid>div{background:#111;padding:28px}
.ft-dark__grid h3{font-size:18px;font-weight:600;color:#CDC0A8}
.ft-dark__grid p{margin-top:10px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.75)}
.ft-dark__sub{margin-top:80px;font-family:var(--median);font-size:28px;font-weight:500;letter-spacing:-.02em;scroll-margin-top:90px}
.ft-dark__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.ft-dark__list li{display:flex;gap:12px}
.ft-dark__list svg{flex:none;width:22px;height:22px;color:#CDC0A8}
.ft-dark__list b{font-size:16px}
.ft-dark__list p{margin-top:6px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.7)}
.ft-cta{background:#E8E1D5;padding:120px 0;text-align:center}
.ft-cta h2{font-family:var(--median);font-weight:500;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.035em;line-height:1.05;text-transform:uppercase;max-width:980px;margin:0 auto;color:#22201D}
.ft-cta p{margin:22px auto 0;max-width:620px;font-size:18px;line-height:1.55;color:#504B43}
.ft-cta__btns{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px}
.ft-cta__link{font-weight:600;color:#705334;margin-left:8px}
.ft-cta__link:hover{text-decoration:underline}
@media(max-width:1024px){.ft-ch__in{grid-template-columns:1fr;gap:44px}.ft-ch--rev .ft-ch__text{order:0}.ft-mods__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-dark__list{grid-template-columns:1fr}}
@media(max-width:600px){.ft-ch{padding:80px 0}.ft-hero{min-height:0!important}.ft-hero .section-1a__container{padding-top:64px;padding-bottom:56px}.ft-jump{margin-top:36px}.ft-mods__grid{grid-template-columns:1fr}.ft-dark__grid{grid-template-columns:1fr}.ft-mods,.ft-dark,.ft-cta{padding:80px 0}.ft-ch__num b{font-size:34px}}
/* Offres */
.pr-hero{min-height:640px!important}
.pr-api{padding:0 0 100px;background:#FAF9F6}
.pr-api__card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:36px 40px;border-radius:18px;background:#22201D;color:#fff}
.pr-api__card h2{font-family:var(--median);font-size:32px;font-weight:500;letter-spacing:-.03em}
.pr-api__card p{margin-top:10px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.75);max-width:62ch}
.pr-api__card .ft-ch__num{color:#CDC0A8;margin-bottom:12px}
.pr-api__price{text-align:right;white-space:nowrap}
.pr-api__price b{display:block;font-family:var(--median);font-size:56px;font-weight:500;letter-spacing:-.04em;color:#fff}
.pr-api__price span{font-size:13px;color:rgba(255,255,255,.6)}
.page-pricing .section-pricing{padding-top:100px}
@media(max-width:700px){.pr-api__card{grid-template-columns:1fr;padding:28px}.pr-api__price{text-align:left}}
/* Photos produits sur fond blanc : le produit entier, jamais recadré */
.tn-img,.catalog div,.ui-pair__img,.pe-product img,.dropdown__highlight img{background:#fff}
.tn-img img,.catalog div img,.prow img,.ui-pair__img img,.ui-row img,.ui-alert img,.ui-review img,.ui-new img,.pe-product img,.dropdown__highlight img{object-fit:contain}
.prow img{width:44px;height:33px;border-radius:6px}
.pe-product img{border-radius:10px}
.dropdown__highlight img{width:100%;height:80px;border-radius:8px;filter:none;margin-top:10px}

/* ---------- Simulateur : ce que couvrent les références ---------- */
.gauge-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--text)}
.gauge-note b{font-weight:600;color:var(--ink)}
/* Image du guide : la hauteur suivait l'attribut height et déformait la photo. */
.section-3__image .packshot{height:auto}

/* ---------- Mobile et tablette (sans effet au-delà de 900 px) ---------- */
@media (max-width:900px){
  body.is-mobile-open{overflow:hidden}
  .header__lang{min-width:44px;height:40px}
  .header__buttons .button--plain.header__login{min-height:44px;display:flex;align-items:center}
  .dropdown__list__label{font-size:12px}
  /* Images des articles (16:7) montrées entières quand les cartes passent en colonne. */
  .story-block__image.cover{aspect-ratio:16/7}
}
@media (max-width:768px){
  .catalog{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}
  .footer__navs ul li a{padding:10px 0}
  .section-3__updates-header a,.section-34__testimonials__slide__link{padding:10px 0}
  .faq__term{position:relative}
  .faq__term::after{content:"";position:absolute;inset:-12px 0}
  .ft-jump a{min-height:40px}
  .ft-cta__link{display:inline-block;padding:9px 0}
  .ft-status,.number__src{font-size:12px}
}
@media (max-width:600px){
  .section-34 .section-header{padding:0 max(24px,var(--gr)) 0 max(24px,var(--gl))}
  /* Flèches du carrousel sous la carte, plus sur son texte. */
  .section-34__testimonials.swiper{padding-bottom:60px}
  .section-1a__logos-heading{font-size:12px;line-height:1.4}
  .footer__seal{font-size:12px}
  /* Aperçu « veille concurrentielle » : textes de 8 et 9 px relevés à 10 px. */
  .pe-top,.pe-live,.pe-bottom small,.pe-change small,.pe-chart-title span{font-size:10px}
  .section-3__image .tag{left:14px;bottom:14px;font-size:13px}
  .section-3__image .tag small{font-size:12px}
  /* Tarifs */
  .price-panel{padding:16px;border-radius:20px}
  .price-card{padding:20px 16px}
  .pp-head{margin-bottom:18px}
  .toggle button{min-height:40px}
  .chipb{min-height:40px}
  .plan .tag{font-size:12px}
  .toggle .save{font-size:12px}
  .mod small,.mod .mod-d,.mod-soon,.limits em.mod-soon{font-size:12px}
  .gauge-val b{font-size:34px}
}
@media (max-width:700px){
  /* Comparatif : chaque ligne s'empile, la valeur de chaque offre porte son nom (plus de défilement horizontal). */
  .limits h3{padding:16px}
  .limits-scroll{overflow:visible}
  .limits table{min-width:0;font-size:14px}
  .limits thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .limits tbody{display:block}
  .limits tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;padding:14px 16px;border-bottom:1px solid #F5F3F0}
  .limits tbody tr:last-child{border-bottom:0}
  .limits tbody td{display:block;padding:0;border:0;min-width:0;overflow-wrap:break-word}
  .limits tbody td:first-child{grid-column:1/-1}
  .limits tbody td[data-plan]::before{content:attr(data-plan);display:block;margin-bottom:3px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
  .limits tbody td.col-on{margin:-6px -2px;padding:6px 6px;border-radius:8px}
  .limits td small{font-size:12px}
  .limits tbody tr.sep{display:block;padding:10px 16px;background:var(--offwhite)}
  .limits tbody tr.sep td{background:none}
}
/* Menu mobile (12 novembre 2026) : la liste « Produit » se déplie comme les autres liens, sur le fond noir du menu, sans les deux cartes photo du menu de bureau (leurs liens sont dans la liste). */
@media(max-width:900px){.header__nav #dd-produit .dropdown{display:block;background:transparent;box-shadow:none;border:0;border-radius:0;padding:0 0 10px 12px}.header__nav #dd-produit .dropdown>div:first-child{display:none}.header__nav #dd-produit .dropdown__heading{color:rgba(255,255,255,.5);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 2px}.header__nav #dd-produit .dropdown__list__list a{color:#fff;display:flex;align-items:center;gap:8px;min-height:44px;padding:0;font-size:15px}.header__nav #dd-produit .dropdown__list__list li{border:0}.header__nav #dd-produit .dropdown__list__label{background:rgba(255,255,255,.14);color:#fff}}
