.xsp-page{overflow:hidden;background:#fff;color:#151426}
.xsp-page *{box-sizing:border-box}
.xsp-hero{position:relative;isolation:isolate;padding:88px 0 82px;background:radial-gradient(circle at 85% 18%,rgba(101,62,239,.16),transparent 30%),radial-gradient(circle at 8% 92%,rgba(34,183,226,.09),transparent 25%),linear-gradient(135deg,#fff,#f8f7ff 58%,#f5f8ff)}
.xsp-hero::before{position:absolute;z-index:-2;inset:0;content:"";opacity:.42;background-image:linear-gradient(rgba(94,74,175,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,74,175,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 74%)}
.xsp-hero-glow{position:absolute;z-index:-1;width:680px;height:680px;right:-270px;top:-330px;border:1px solid rgba(105,69,228,.13);border-radius:50%;box-shadow:0 0 0 75px rgba(105,69,228,.025),0 0 0 150px rgba(45,109,240,.018)}
.xsp-hero-grid{display:grid;grid-template-columns:minmax(410px,.82fr) minmax(0,1.18fr);align-items:center;gap:64px}
.xsp-kicker{margin:0;display:flex;align-items:center;gap:10px;color:#6730d8;font-size:11px;font-weight:900;letter-spacing:.15em}
.xsp-kicker>span{width:8px;height:8px;border-radius:50%;background:#31c7d2;box-shadow:0 0 0 5px rgba(49,199,210,.12)}
.xsp-hero-copy h1{margin:20px 0 23px;font-size:clamp(56px,5.2vw,76px);line-height:.96;letter-spacing:-.07em}
.xsp-hero-copy h1 em,.xsp-section-head h2 em,.xsp-installation-copy h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#7e34eb,#276bed 76%);-webkit-background-clip:text;background-clip:text}
.xsp-lead{max-width:650px;margin:0;color:#606077;font-size:17px;line-height:1.75}
.xsp-hero-actions{margin-top:29px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.xsp-button{min-height:52px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:13px;cursor:pointer;font:inherit;font-size:12px;font-weight:850;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.xsp-button:hover{transform:translateY(-2px)}
.xsp-button.primary{color:#fff;background:linear-gradient(105deg,#7935ed,#276ff0);box-shadow:0 15px 30px rgba(90,48,211,.22)}
.xsp-button.secondary{border-color:#dcd9e8;color:#2d293b;background:rgba(255,255,255,.85)}
.xsp-button.light{color:#432194;background:#fff;box-shadow:0 14px 32px rgba(18,13,59,.21)}
.xsp-button.outline{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.07)}
.xsp-quick-offers{margin-top:31px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xsp-quick-offers a{min-width:0;padding:15px 16px;display:grid;gap:3px;border:1px solid #e0dcea;border-radius:15px;color:#262335;background:rgba(255,255,255,.8);box-shadow:0 10px 28px rgba(40,28,83,.05);transition:border-color .2s,transform .2s}
.xsp-quick-offers a:hover{transform:translateY(-2px);border-color:#a98deb}
.xsp-quick-offers span{overflow:hidden;color:#7250be;font-size:8px;font-weight:900;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap}
.xsp-quick-offers strong{font-size:23px;letter-spacing:-.04em}
.xsp-quick-offers small{color:#817c8d;font-size:9px}
.xsp-hero-visual{position:relative;margin:0;padding:8px;overflow:hidden;border:1px solid rgba(85,66,164,.25);border-radius:25px;color:#fff;background:linear-gradient(145deg,#10152a,#070a16);box-shadow:0 35px 80px rgba(30,24,77,.28),0 0 0 7px rgba(255,255,255,.72);transform:perspective(1100px) rotateY(-2deg)}
.xsp-screen-bar{height:43px;padding:0 11px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.xsp-screen-bar>span{display:flex;gap:6px}.xsp-screen-bar i{width:8px;height:8px;border-radius:50%;background:#7e47ee}.xsp-screen-bar i:nth-child(2){background:#2a81ef}.xsp-screen-bar i:nth-child(3){background:#36c5d0}
.xsp-screen-bar b{font-size:9px;letter-spacing:.15em}.xsp-screen-bar small{justify-self:end;color:#a68df2;font-size:7px;font-weight:900;letter-spacing:.12em}
.xsp-hero-visual>img{width:100%;height:auto;display:block;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#050817}
.xsp-hero-visual figcaption{min-height:63px;padding:12px 13px 5px;display:grid;align-content:center;gap:3px}.xsp-hero-visual figcaption span{color:#9d7df5;font-size:8px;font-weight:900;letter-spacing:.14em}.xsp-hero-visual figcaption strong{font-size:14px}
.xsp-offers,.xsp-installation,.xsp-process{padding:105px 0}
.xsp-section-head{margin-bottom:48px;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px}
.xsp-section-head p{margin:0;color:#6d35dc;font-size:10px;font-weight:900;letter-spacing:.15em}
.xsp-section-head h2,.xsp-installation-copy h2{margin:12px 0 0;font-size:clamp(43px,4.6vw,62px);line-height:1.02;letter-spacing:-.06em}
.xsp-section-head>span{max-width:470px;justify-self:end;color:#777284;font-size:14px;line-height:1.7}
.xsp-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.xsp-offer-card{position:relative;min-height:610px;padding:33px;display:flex;flex-direction:column;border:1px solid #ded9e8;border-radius:27px;background:#fff;box-shadow:0 22px 60px rgba(43,30,85,.08)}
.xsp-offer-card.android{overflow:hidden;border-color:#6d43df;color:#fff;background:radial-gradient(circle at 90% 2%,rgba(54,185,218,.25),transparent 25%),linear-gradient(140deg,#16142e,#3b2097 62%,#6428cc);box-shadow:0 27px 70px rgba(67,35,159,.23)}
.xsp-popular{position:absolute;right:0;top:0;padding:9px 15px;border-radius:0 25px 0 14px;color:#442095;background:#fff;font-size:8px;font-weight:900;letter-spacing:.11em}
.xsp-offer-card>header{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px}
.xsp-offer-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#6e37da;background:linear-gradient(135deg,#eee9ff,#eaf5ff);font-size:19px}
.xsp-offer-icon svg{width:22px;height:22px}.xsp-offer-card.android .xsp-offer-icon{color:#fff;background:rgba(255,255,255,.12)}
.xsp-offer-card>header small{color:#7a5cbc;font-size:8px;font-weight:900;letter-spacing:.1em}.xsp-offer-card.android>header small{color:#b9a9ee}
.xsp-offer-card h3{margin:5px 0 0;font-size:21px;letter-spacing:-.035em}
.xsp-offer-card>header>span{padding:7px 10px;border-radius:999px;color:#6530d0;background:#eee8ff;font-size:9px;font-weight:900}.xsp-offer-card.android>header>span{color:#fff;background:rgba(255,255,255,.13)}
.xsp-offer-card>p{margin:28px 0 22px;color:#6e6979;font-size:14px;line-height:1.75}.xsp-offer-card.android>p{color:#d0cbe0}
.xsp-offer-card ul{margin:0;padding:0;display:grid;gap:13px;list-style:none}
.xsp-offer-card li{display:flex;align-items:center;gap:10px;color:#45414f;font-size:12px}.xsp-offer-card.android li{color:#f1eef8}
.xsp-offer-card li svg{width:20px;height:20px;padding:4px;flex:0 0 auto;border-radius:50%;color:#6a36d4;background:#eee9ff}.xsp-offer-card.android li svg{color:#fff;background:rgba(255,255,255,.13)}
.xsp-offer-price{margin-top:auto;padding:25px 0 21px;display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid #e7e3ec}
.xsp-offer-card.android .xsp-offer-price{border-color:rgba(255,255,255,.14)}
.xsp-offer-price>div{display:grid;gap:5px}.xsp-offer-price small{color:#888292;font-size:8px;font-weight:900;letter-spacing:.1em}.xsp-offer-card.android .xsp-offer-price small{color:#b8add2}
.xsp-offer-price strong{font-size:39px;letter-spacing:-.055em}.xsp-offer-price>span{color:#918b99;font-size:9px}.xsp-offer-card.android .xsp-offer-price>span{color:#bdb5cf}
.xsp-offer-card footer{padding-top:20px;display:flex;gap:9px;flex-wrap:wrap}.xsp-offer-card form{margin:0}.xsp-offer-card footer .xsp-button{min-height:48px;font-size:10px}
.xsp-installation{background:linear-gradient(180deg,#f8f7fc,#fff)}
.xsp-installation-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}
.xsp-installation-visual{position:relative;margin:0;overflow:hidden;border:1px solid #ddd8e8;border-radius:26px;background:#090d1d;box-shadow:0 30px 75px rgba(38,23,83,.17)}
.xsp-installation-visual>img{width:100%;height:auto;display:block}
.xsp-installation-visual figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;background:rgba(10,13,29,.78);backdrop-filter:blur(16px)}
.xsp-installation-visual figcaption>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#7838ed,#2971ef)}.xsp-installation-visual figcaption svg{width:17px;height:17px}
.xsp-installation-visual figcaption div{display:grid;gap:3px}.xsp-installation-visual figcaption small{color:#ab91f7;font-size:7px;font-weight:900;letter-spacing:.12em}.xsp-installation-visual figcaption strong{font-size:11px}
.xsp-installation-copy>p:not(.xsp-kicker){margin:20px 0 24px;color:#6d6979;font-size:14px;line-height:1.8}
.xsp-installation-copy ol{margin:0;padding:0;display:grid;list-style:none;border-top:1px solid #e2deea}
.xsp-installation-copy li{padding:16px 0;display:grid;grid-template-columns:42px 1fr;gap:13px;border-bottom:1px solid #e2deea}
.xsp-installation-copy li>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#6a35d3;background:#eee9ff;font-size:9px;font-weight:900}
.xsp-installation-copy li div{display:grid;gap:4px}.xsp-installation-copy li strong{font-size:12px}.xsp-installation-copy li small{color:#878190;font-size:10px}
.xsp-installation-copy>a{margin-top:23px;display:inline-flex;align-items:center;gap:22px;color:#6630d1;font-size:12px;font-weight:900}
.xsp-gallery{padding:105px 0;color:#fff;background:radial-gradient(circle at 82% 10%,rgba(104,55,230,.22),transparent 26%),linear-gradient(150deg,#090b18,#121128 62%,#171037)}
.xsp-section-head.light p{color:#a98cf8}.xsp-section-head.light h2{color:#fff}.xsp-section-head.light>span{color:#aaa5b8}.xsp-section-head.light h2 em{background:linear-gradient(100deg,#ad85ff,#4fc5ee);-webkit-background-clip:text;background-clip:text}
.xsp-gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.xsp-gallery-card{grid-column:span 2;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.055);box-shadow:0 24px 55px rgba(0,0,0,.18)}
.xsp-gallery-card.featured{grid-column:1/-1}
.xsp-gallery-card>button{position:relative;width:100%;display:block;padding:0;overflow:hidden;border:0;cursor:zoom-in;background:#050817}
.xsp-gallery-card.featured>button{aspect-ratio:16/7.9}.xsp-gallery-card:not(.featured)>button{aspect-ratio:16/8.4}
.xsp-gallery-card img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .4s ease,filter .4s ease}
.xsp-gallery-card>button>i{position:absolute;right:14px;bottom:14px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:13px;color:#fff;background:rgba(9,10,24,.72);backdrop-filter:blur(12px);transform:translateY(6px);opacity:0;transition:.25s}
.xsp-gallery-card>button>i svg{width:17px;height:17px}.xsp-gallery-card button:hover img,.xsp-gallery-card button:focus-visible img{transform:scale(1.012);filter:saturate(1.08)}.xsp-gallery-card button:hover>i,.xsp-gallery-card button:focus-visible>i{opacity:1;transform:none}
.xsp-gallery-card figcaption{padding:20px 21px 22px}.xsp-gallery-card figcaption small{display:block;color:#9f82f3;font-size:8px;font-weight:900;letter-spacing:.13em}.xsp-gallery-card figcaption strong{display:block;margin:7px 0;font-size:16px}.xsp-gallery-card figcaption p{margin:0;color:#a9a4b6;font-size:10px;line-height:1.6}
.xsp-lightbox{width:min(1500px,96vw);max-width:none;padding:0;overflow:visible;border:0;border-radius:20px;background:#070914;box-shadow:0 35px 100px rgba(0,0,0,.55)}
.xsp-lightbox::backdrop{background:rgba(4,5,13,.86);backdrop-filter:blur(8px)}.xsp-lightbox>img{width:100%;max-height:92vh;display:block;object-fit:contain;border-radius:20px}.xsp-lightbox>button{position:absolute;z-index:3;right:12px;top:12px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:13px;color:#fff;cursor:pointer;background:rgba(12,13,27,.78);backdrop-filter:blur(12px)}.xsp-lightbox>button svg{width:18px;height:18px}
.xsp-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.xsp-process-grid>article{padding:30px;border:1px solid #dfdbe8;border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(42,30,81,.06)}
.xsp-process-grid>article.accent{border-color:#d5c4f7;background:linear-gradient(145deg,#faf8ff,#f5f0ff)}
.xsp-process-grid article>header{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #e6e2ec}.xsp-process-grid article>header>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#6a35d4;background:#eee9ff;font-size:9px;font-weight:900}.xsp-process-grid article>header div{display:grid;gap:4px}.xsp-process-grid header small{color:#7654bb;font-size:8px;font-weight:900;letter-spacing:.1em}.xsp-process-grid h3{margin:0;font-size:18px}
.xsp-process-grid ol{margin:0;padding:4px 0 0;display:grid;list-style:none}.xsp-process-grid li{position:relative;padding:17px 0 17px 47px;border-bottom:1px solid #e8e4ed}.xsp-process-grid li:last-child{padding-bottom:0;border:0}.xsp-process-grid li>span{position:absolute;left:0;top:16px;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#6b36d4;background:#eee9ff;font-size:8px;font-weight:900}.xsp-process-grid li div{display:grid;gap:4px}.xsp-process-grid li b{font-size:11px}.xsp-process-grid li small{color:#888291;font-size:9px}
.xsp-final{padding:67px 0;color:#fff;background:linear-gradient(115deg,#1c2fb2,#5630d4 58%,#762bd8)}
.xsp-final>.v5-container{display:flex;align-items:center;justify-content:space-between;gap:45px}.xsp-final small{color:#c4b9f0;font-size:9px;font-weight:900;letter-spacing:.14em}.xsp-final h2{margin:9px 0 8px;font-size:clamp(34px,4vw,51px);letter-spacing:-.05em}.xsp-final p{margin:0;color:#d7d3ec;font-size:13px}.xsp-final>.v5-container>div:last-child{display:flex;gap:9px;flex:0 0 auto}
.xsp-page>.v5-product-legal{margin-top:55px;margin-bottom:70px}
@media(max-width:1050px){.xsp-hero-grid{grid-template-columns:1fr;gap:48px}.xsp-hero-copy{max-width:780px}.xsp-hero-visual{width:min(900px,100%);margin:auto;transform:none}.xsp-installation-grid{grid-template-columns:1fr;gap:50px}.xsp-installation-copy{max-width:760px}.xsp-gallery-card{grid-column:span 3}.xsp-gallery-card.featured{grid-column:1/-1}}
@media(max-width:820px){.xsp-section-head{grid-template-columns:1fr;gap:20px}.xsp-section-head>span{justify-self:start}.xsp-offer-grid,.xsp-process-grid{grid-template-columns:1fr}.xsp-offer-card{min-height:auto}.xsp-offer-price{margin-top:34px}.xsp-final>.v5-container{align-items:flex-start;flex-direction:column}.xsp-gallery-card,.xsp-gallery-card.featured{grid-column:1/-1}}
@media(max-width:620px){.xsp-hero{padding:62px 0 65px}.xsp-hero-copy h1{font-size:46px}.xsp-lead{font-size:15px}.xsp-hero-actions{align-items:stretch;flex-direction:column}.xsp-button{width:100%}.xsp-quick-offers{grid-template-columns:1fr}.xsp-hero-visual{padding:5px;border-radius:17px;box-shadow:0 24px 55px rgba(30,24,77,.23),0 0 0 4px rgba(255,255,255,.72)}.xsp-screen-bar{height:34px;padding:0 7px}.xsp-screen-bar b{font-size:7px}.xsp-screen-bar small{display:none}.xsp-hero-visual>img{border-radius:10px}.xsp-hero-visual figcaption{min-height:52px;padding:9px}.xsp-hero-visual figcaption strong{font-size:11px}.xsp-offers,.xsp-installation,.xsp-process,.xsp-gallery{padding:75px 0}.xsp-section-head h2,.xsp-installation-copy h2{font-size:39px}.xsp-offer-card,.xsp-process-grid>article{padding:22px}.xsp-offer-card>header{grid-template-columns:45px 1fr}.xsp-offer-icon{width:45px;height:45px}.xsp-offer-card>header>span{grid-column:1/-1;width:max-content}.xsp-offer-card h3{font-size:18px}.xsp-offer-price{align-items:flex-start;flex-direction:column}.xsp-offer-price strong{font-size:34px}.xsp-offer-card footer{align-items:stretch;flex-direction:column}.xsp-offer-card footer form,.xsp-offer-card footer button{width:100%}.xsp-installation-visual figcaption{position:static;border:0;border-radius:0}.xsp-gallery-grid{display:grid;grid-template-columns:1fr}.xsp-gallery-card>button,.xsp-gallery-card.featured>button,.xsp-gallery-card:not(.featured)>button{aspect-ratio:1.85}.xsp-gallery-card figcaption{padding:17px}.xsp-final>.v5-container>div:last-child{width:100%;align-items:stretch;flex-direction:column}.xsp-page>.v5-product-legal{margin-top:38px;margin-bottom:50px}}
@media(prefers-reduced-motion:reduce){.xsp-page *{scroll-behavior:auto!important}.xsp-gallery-card img,.xsp-button{transition:none}}

/* V10.25.67 — mockups transparents avec interfaces complètes */
.xsp-hero-grid{grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);gap:38px}
.xsp-android-device-hero{
  overflow:visible;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.xsp-android-device-hero>img{
  width:112%;
  max-width:none;
  height:auto;
  margin-left:-6%;
  border:0;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 32px 34px rgba(31,25,78,.22));
}
.xsp-android-device-hero figcaption{
  position:absolute;
  left:7%;
  bottom:5%;
  min-height:0;
  padding:12px 15px;
  display:grid;
  gap:4px;
  border:1px solid rgba(89,66,174,.14);
  border-radius:14px;
  color:#18152a;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 32px rgba(42,29,89,.14);
  backdrop-filter:blur(16px);
}
.xsp-android-device-hero figcaption span{color:#6f37dc;font-size:8px;font-weight:900;letter-spacing:.13em}
.xsp-android-device-hero figcaption strong{font-size:12px}
.xsp-laptop-visual{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.xsp-laptop-visual>img{
  width:118%;
  max-width:none;
  height:auto;
  margin-left:-9%;
  background:transparent;
  filter:drop-shadow(0 32px 34px rgba(31,25,78,.19));
}
.xsp-laptop-visual figcaption{
  left:5%;
  right:auto;
  bottom:3%;
  border-color:rgba(89,66,174,.14);
  color:#18152a;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 32px rgba(42,29,89,.14);
}
.xsp-laptop-visual figcaption small{color:#6f37dc}
.xsp-installer-mini{
  margin:26px 0 0;
  overflow:hidden;
  border:1px solid #ded9e8;
  border-radius:18px;
  background:#090d1d;
  box-shadow:0 18px 45px rgba(40,27,84,.12);
}
.xsp-installer-mini img{width:100%;height:auto;display:block}
.xsp-installer-mini figcaption{padding:11px 14px;color:#8061ce;background:#fff;font-size:8px;font-weight:900;letter-spacing:.13em}
@media(max-width:1050px){.xsp-hero-grid{grid-template-columns:1fr;gap:38px}.xsp-android-device-hero{width:min(900px,100%);margin:auto}.xsp-android-device-hero>img{width:106%;margin-left:-3%}.xsp-laptop-visual>img{width:108%;margin-left:-4%}}
@media(max-width:620px){.xsp-android-device-hero>img,.xsp-laptop-visual>img{width:110%;margin-left:-5%}.xsp-android-device-hero figcaption,.xsp-laptop-visual figcaption{position:static;margin:-10px auto 0;width:calc(100% - 20px);min-height:0;padding:10px 12px;border:1px solid rgba(89,66,174,.14);border-radius:12px;color:#18152a;background:#fff}.xsp-laptop-visual figcaption{display:flex}.xsp-installer-mini{border-radius:14px}}