:root{
  --orange:#ff5a00; --orange-2:#ff7a1a; --orange-d:#d94300; --violet:#ff5a00; --violet-2:#ff7a1a; --violet-d:#d94300; --hero-x:clamp(1.25rem,5vw,6rem); --site-x:var(--hero-x);
  --font-ui:"Inter",system-ui,sans-serif; --font-display:var(--font-ui);
  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-lead:clamp(1.1rem,1.5vw,1.3rem);
  --title-card:clamp(1.35rem,2vw,1.75rem); --title-section:clamp(2.4rem,4.35vw,3.95rem); --title-hero:clamp(4rem,6vw,5.75rem); --title-narrative:clamp(2.4rem,4.35vw,4rem);
  --title-weight:600; --title-section-weight:700; --title-section-light-weight:600; --title-line:1.08; --title-tracking:-.015em;
}
[data-mode="dark"]{
  --bg:#f6f7fb; --bg-2:#f8f8f6; --card:#ffffff; --panel:#ffffff;
  --ink:#0b1020; --muted:#5b6472; --line:#e5e7eb;
  --shadow:0 18px 48px rgba(11,16,32,.08);
  --glow:0 22px 70px rgba(255,90,0,.12);
  --duo-a:rgba(255,90,0,.18); --duo-b:rgba(246,247,251,.16);
}
[data-mode="light"]{
  --bg:#f6f7fb; --bg-2:#f8f8f6; --card:#ffffff; --panel:#ffffff;
  --ink:#0b1020; --muted:#5b6472; --line:#e5e7eb;
  --shadow:0 18px 48px rgba(11,16,32,.08);
  --glow:0 22px 70px rgba(255,90,0,.12);
  --duo-a:rgba(255,90,0,.18); --duo-b:rgba(246,247,251,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{max-width:1440px;margin:0 auto;padding:0 var(--site-x)}
h1,h2,h3{font-family:var(--font-display);line-height:1.08;margin:0;letter-spacing:-.02em}
p{color:var(--muted);margin:0 0 1rem}
.kicker{display:inline-block;font-size:var(--text-xs);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-2);margin-bottom:.9rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.92rem 1.5rem;border-radius:8px;font-weight:800;font-size:var(--text-sm);border:1.5px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn--violet{background:var(--orange);color:#fff;box-shadow:0 18px 42px rgba(255,90,0,.34)}
.btn--violet:hover{background:var(--orange-2)}
.btn--ghost{border-color:var(--line);color:var(--ink);background:var(--card)}
.btn--ghost:hover{border-color:var(--orange-2);color:var(--orange)}
.section{padding:clamp(3.2rem,8vw,5.5rem) 0}
.sectionTitle{font-family:var(--font-display);font-size:var(--title-section);font-weight:var(--title-section-weight);line-height:var(--title-line);letter-spacing:var(--title-tracking);color:var(--ink)}
.sectionTitle em{font-style:normal;color:var(--orange)}
.sectionTitle--light{color:#fff;font-weight:var(--title-section-light-weight)}

/* ============ HEADER / HERO ============ */
.heroShell{position:relative;width:100%;min-height:100vh;margin:0;overflow:hidden;background:#030303 url("img/rocketkit-site-web-pro-nouvelle-caledonie-hero.webp?v=20260629-cache") right center/auto 100% no-repeat}
.heroShell::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.66) 34%,rgba(0,0,0,.18) 66%,rgba(0,0,0,0) 100%),radial-gradient(70% 70% at 35% 48%,rgba(255,90,0,.04),transparent 68%)}
.heroShell .container{max-width:1440px;margin:0 auto;padding-left:var(--hero-x);padding-right:var(--hero-x)}
.nav{position:relative;z-index:3}
.nav__in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:112px;gap:2rem}
.logo{display:flex;align-items:center;gap:.72rem;font-weight:900;font-size:1.42rem;line-height:1;color:#fff}
.logoMark{display:block;width:42px;height:42px;flex:0 0 42px}
.logoMark img{display:block;width:100%;height:100%;object-fit:contain}
.logo b{color:#fff}
.logo small{display:block;font-size:.88rem;color:rgba(255,255,255,.78);font-weight:500;letter-spacing:0;margin-top:.28rem}
.nav__links{display:flex;justify-content:center;gap:clamp(1.2rem,3vw,3rem);font-size:.93rem;font-weight:800;color:rgba(255,255,255,.82)}
.nav__links a:hover{color:#fff}
.nav__right{display:flex;align-items:center;gap:.6rem}
.nav .btn{padding:.9rem 1.35rem;font-size:.86rem}
.langSwitch{display:inline-flex;align-items:center;height:32px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.28);overflow:hidden;color:rgba(255,255,255,.68);font-size:.7rem;font-weight:900;backdrop-filter:blur(8px)}
.langSwitch a{display:grid;place-items:center;min-width:34px;height:100%;padding:0 .58rem}
.langSwitch a[aria-current="true"]{background:#fff;color:#080808}
.accountLink{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.28);color:#fff;backdrop-filter:blur(8px)}
.accountLink svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero{position:relative;z-index:2;min-height:calc(100vh - 132px);padding:2.5rem 0 3.2rem;display:flex;align-items:center;color:#fff}
.hero .container{width:100%}
.heroContent{max-width:980px;transform:translateY(-3.5rem)}
.hero h1{
  max-width:980px;
  font-size:var(--title-hero);
  font-weight:800;
  letter-spacing:-.05em;
  line-height:.96}
.hero h1 span{display:block}
.hero h1 em{font-style:normal;color:var(--orange)}
.heroLead{max-width:760px;margin:clamp(2rem,4vw,3.25rem) 0 clamp(2.2rem,4.3vw,3.5rem);font-size:clamp(1.375rem,1.5vw,1.5rem);font-weight:500;line-height:1.45;letter-spacing:0;color:rgba(255,255,255,.72)}
.heroLead strong{font-weight:800;color:var(--orange)}
.hero .ctas{display:flex;gap:22px;flex-wrap:wrap}
.hero .ctas .btn{min-width:220px;min-height:56px;padding:1rem 1.45rem}
.hero .btn--ghost{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(2,2,2,.36);backdrop-filter:blur(8px)}
.hero .btn--ghost:hover{border-color:var(--orange-2);color:#fff}
.featuresBand{position:relative;padding:0;background:#faf9f8;border-bottom:0;overflow:hidden}
.featuresBand .container{width:100%;max-width:none;padding-left:0;padding-right:0}
.webPresence{position:relative;isolation:isolate;aspect-ratio:2300/940;overflow:hidden}
.webPresence::before{content:none}
.webPresence__copy{position:absolute;z-index:2;left:max(var(--site-x),calc((100vw - 1440px) / 2 + var(--site-x)));top:50%;width:min(42%,660px);transform:translateY(-50%)}
.webPresence__copy h2{max-width:12ch;font-family:var(--font-display);font-size:clamp(2rem,3.55vw,3.25rem);font-weight:600;line-height:var(--title-line);letter-spacing:var(--title-tracking);color:#171d27}
.webPresence__copy p{margin:clamp(1rem,2vw,1.45rem) 0 0;max-width:none;font-size:clamp(1.25rem,2.1vw,2.15rem);font-weight:600;line-height:1.2;color:#707070;white-space:nowrap}
.webPresence__media{position:absolute;z-index:0;top:0;right:0;bottom:0;width:80%;overflow:hidden;transform:none;display:flex;align-items:center;justify-content:flex-end}
.webPresence__media::before{content:none}
.webPresence__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:86% center}
/* Images precedentes: img/site-trop/rocketkit-site-web-trop-complique-simple-rapide-economique.webp, img/site-trop/rocketkit-creation-site-web-simple-rapide-economique.webp */
.problemBand{position:relative;overflow:hidden;display:flex;align-items:center;aspect-ratio:2300/1024;padding:0;background:#03080d url("img/site-trop/rocketkit-site-web-trop-cher-complique-long-solution-economique.webp?v=20260629-cache") center/contain no-repeat;color:#fff}
.problemBand::before,.problemBand::after{content:none}
.problemBand .container{position:relative;z-index:1;width:100%}
.problemPanel{max-width:980px}
.problemPanel h2{font-family:var(--font-display);font-size:clamp(2rem,3.55vw,3.25rem);font-weight:500;line-height:var(--title-line);letter-spacing:var(--title-tracking);color:rgba(255,255,255,.94);text-shadow:none}
.problemPanel p{margin-top:clamp(2.6rem,5.2vw,4.4rem);font-size:clamp(1.15rem,2.1vw,1.75rem);font-weight:400;line-height:1.2;color:#707070;white-space:nowrap}
.problemBrand{display:inline-flex;align-items:baseline;gap:.38em;color:#fff;font-weight:800;line-height:1;vertical-align:baseline}
.problemBrand img{display:block;width:1.08em;height:1.08em;object-fit:contain}

/* ============ POURQUOI ROCKETKIT ============ */
.whyKit{
  padding:clamp(10rem,16vw,13.2rem) 0 clamp(5rem,8vw,6.6rem);
  background:#020303/*background:var(--bg-2)*/}
.whyHead{text-align:center;max-width:980px;margin:0 auto clamp(3.6rem,6vw,5rem)}
.whyHead .sectionTitle{color:#ffffff/*var(--ink)*/}
.whyHead p{
  margin:.95rem auto 0;
  max-width:760px;
  font-size:1.08rem;
  line-height:1.55;
  color:#b6b6b6/*var(--muted)*/}
.whyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.whyTile{position:relative;min-height:clamp(360px,28vw,510px);overflow:hidden;border-radius:28px;background:#fffdfb;border:1px solid rgba(255,255,255,.85);box-shadow:0 22px 70px rgba(11,16,32,.08);isolation:isolate}
.whyTile::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 26%,rgba(255,90,0,.1),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.92),rgba(250,250,248,.78));z-index:-2}
.whyNumber{position:absolute;z-index:3;top:clamp(1.55rem,2.6vw,2.1rem);left:clamp(1.55rem,2.6vw,2.1rem);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:2px solid var(--orange);color:var(--orange);font-weight:800;font-size:1.28rem;line-height:1;background:rgba(255,255,255,.64)}
.whyTile__copy{position:relative;z-index:2;width:min(42%,320px);padding:clamp(6.8rem,8vw,8.2rem) 0 0 clamp(1.55rem,3vw,2.4rem)}
.whyTile__copy h3{font-family:var(--font-display);font-size:clamp(1.65rem,2.8vw,2.35rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--ink)}
.whyTile__copy p{margin:.8rem 0 0;max-width:21ch;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.5;color:var(--muted)}
.whyTile__visual{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:hidden}
.whyTile__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.whyTile--price{grid-column:1/-1;aspect-ratio:3/1;min-height:0;display:grid;grid-template-columns:minmax(430px,.42fr) minmax(280px,.28fr) minmax(320px,.3fr);align-items:center;background:#fcf6f1}
.whyTile--price .whyTile__copy{width:auto;max-width:540px;padding:clamp(2rem,4vw,3.4rem);align-self:center}
.whyTile--price .whyTile__copy h3{font-size:clamp(1.8rem,2.9vw,2.65rem)}
.whyTile--price .whyTile__copy p{max-width:none;font-size:clamp(.95rem,1.18vw,1.05rem);line-height:1.35}
.whyTile--price .whyTile__visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#fcf6f1}
.whyTile--simple .whyTile__visual img{object-position:center center}
.whyTile--design .whyTile__visual img{object-position:center center}
.whyTile--fast .whyTile__visual img{object-position:center center}
.whyTile--care .whyTile__visual img{object-position:center center}
.whyTile--price .whyTile__visual img{position:absolute;top:0;right:0;bottom:0;left:auto;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right center;transform:none}
.whyPriceBox{position:relative;z-index:2;justify-self:start;display:grid;place-items:center;text-align:center;width:min(640px,calc(100% + 3.5rem));min-width:0;padding:clamp(1.4rem,3vw,2rem) clamp(2.2rem,4.4vw,3.8rem);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 20px 60px rgba(11,16,32,.08);transform:translateX(clamp(-4.3rem,-4.7vw,-1.8rem))}
.whyPriceLogo{display:inline-flex;align-items:center;gap:.52rem;margin-bottom:.8rem;color:var(--ink);font-size:clamp(1rem,1.55vw,1.28rem);font-weight:900;line-height:1}
.whyPriceLogo img{display:block;width:1.55em;height:1.55em;object-fit:contain}
.whyPriceBox .whyPriceFrom{font-size:1.0rem;color:var(--muted);font-weight:700}
.whyPriceBox strong{display:block;margin-top:.35rem;font-size:clamp(3rem,6vw,5.1rem);font-weight:750;line-height:.95;letter-spacing:-.04em;color:var(--orange);white-space:nowrap}
.whyPricePeriod{display:block;margin-top:.55rem;font-size:clamp(.82rem,1vw,.95rem);font-weight:550;line-height:1;color:var(--muted)}
.whyAssurances{display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(1.2rem,2.2vw,2rem);width:max-content;max-width:100%;margin-top:clamp(1.55rem,2.5vw,2rem);color:var(--muted);font-size:clamp(.7rem,.8vw,.78rem);font-weight:700}
.whyAssurances span{position:relative;display:grid;grid-template-rows:38px auto;align-items:start;gap:.32rem;justify-items:center;text-align:center}
.whyAssurances span{white-space:nowrap}
.whyAssurances svg{display:block;width:38px;height:38px;color:var(--orange);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whyAssurances .whyAssuranceIcon--wide{width:46px}
@media(max-width:880px){
  .heroShell{min-height:auto;background-position:62% center}
  .heroShell .container{padding-left:var(--hero-x);padding-right:var(--hero-x)}
  .heroShell::before{background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.74) 45%,rgba(0,0,0,.34) 100%)}
  .nav__in{display:flex;height:82px;gap:1rem}
  .logoMark{width:34px;height:34px}
  .logo{font-size:1.05rem}
  .logo small{font-size:.68rem}
  .nav__links{display:none}
  .nav__right{margin-left:auto}
  .langSwitch{height:30px;font-size:.68rem}
  .langSwitch a{min-width:32px;padding:0 .5rem}
  .accountLink{width:30px;height:30px}
  .accountLink svg{width:15px;height:15px}
  .hero{min-height:720px;padding:2.4rem 0 2rem;align-items:flex-start}
  .heroContent{transform:none}
  .hero h1{font-size:clamp(2.65rem,12vw,3rem);max-width:100%}
  .heroLead{margin:2rem 0 2.25rem;font-size:1.375rem;line-height:1.45;max-width:32ch}
  .heroLead br{display:none}
  .hero .ctas .btn{width:100%;min-width:0}
  .featuresBand{padding:0;background:#fafaf8}
  .webPresence{aspect-ratio:auto;min-height:335px;overflow:hidden}
  .webPresence::before{content:none}
  .webPresence__copy{position:absolute;left:var(--site-x);top:50%;width:min(58%,360px);transform:translateY(-50%);padding:0}
  .webPresence__copy h2{max-width:9ch;font-size:clamp(1.65rem,7vw,2.25rem)}
  .webPresence__copy p{font-size:clamp(1rem,4.2vw,1.25rem);line-height:1.25;max-width:18ch;white-space:normal}
  .webPresence__media{position:absolute;inset:0 0 0 auto;width:70%;overflow:hidden;transform:none}
  .webPresence__media img{position:relative;width:100%;height:100%;object-fit:contain;object-position:right center}
  .problemBand{align-items:flex-start;aspect-ratio:auto;min-height:360px;padding:2.6rem 0 3rem;background-size:contain;background-position:center}
  .problemPanel{max-width:none}
  .problemPanel h2{font-size:clamp(1.65rem,7vw,2.25rem);line-height:var(--title-line);letter-spacing:var(--title-tracking)}
  .problemPanel p{font-size:clamp(1.15rem,5vw,1.45rem);line-height:1.25;white-space:normal}
  .whyKit{padding:8rem 0 4rem}
  .whyHead{text-align:left;margin-bottom:2.8rem}
  .sectionTitle{font-size:clamp(2.12rem,8.6vw,3.05rem)}
  .whyHead p{font-size:1rem}
  .whyGrid{grid-template-columns:1fr;gap:1rem}
  .whyTile{min-height:360px;border-radius:22px}
  .whyNumber{width:46px;height:46px;font-size:1.05rem}
  .whyTile__copy{width:min(58%,300px);padding:6rem 0 0 1.35rem}
  .whyTile__copy h3{font-size:clamp(1.6rem,8vw,2.15rem)}
  .whyTile__copy p{font-size:.95rem}
  .whyTile__visual{width:100%}
  .whyTile--price{grid-template-columns:1fr;min-height:0}
  .whyTile--price .whyTile__copy{padding:1.35rem;width:auto;max-width:none}
  .whyTile--price .whyTile__copy p{max-width:21ch}
  .whyPriceBox{margin:0 1.35rem 1rem;justify-self:stretch;min-width:0;transform:none}
  .whyPriceLogo,.whyPriceBox .whyPriceFrom,.whyPriceBox strong,.whyPricePeriod{transform:none}
  .whyPriceBox strong{font-size:clamp(2.7rem,16vw,4rem)}
  .whyTile--price .whyTile__visual{min-height:0}
  .whyAssurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:100%;font-size:.68rem}
  .whyAssurances span{grid-template-rows:32px auto}
  .whyAssurances svg{width:32px;height:32px}
  .whyAssurances .whyAssuranceIcon--wide{width:38px}
}

/* ============ COMMENT ÇA MARCHE ============ */
.how{position:relative;overflow:hidden;padding:clamp(6.4rem,9.5vw,8.1rem) 0 clamp(12.8rem,19vw,16.2rem);background:#020303;color:#fff}
.how::before,.how::after{content:none}
.how .container{position:relative;z-index:1}
.howStage{--title-top:-6%;--title-y:0px;--steps-left:4.6%;--steps-right:4.6%;--steps-bottom:-3%;--steps-y:0px;position:relative;max-width:1120px;margin:0 auto;aspect-ratio:1672/850;overflow:visible}
.howStage__media{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.12),transparent 34%),#060606;box-shadow:0 42px 120px rgba(0,0,0,.48)}
.howStage__media::before,.howStage__media::after{content:"";position:absolute;left:0;right:0;height:clamp(2rem,4.8vw,4rem);z-index:2;pointer-events:none}
.howStage__media::before{top:0;background:linear-gradient(180deg,#020303 0%,rgba(2,3,3,.66) 28%,rgba(2,3,3,0) 100%)}
.howStage__media::after{bottom:0;background:linear-gradient(0deg,#020303 0%,rgba(2,3,3,.66) 28%,rgba(2,3,3,0) 100%)}
.howStage__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.howHead{position:absolute;z-index:3;top:var(--title-top);left:0;right:0;width:min(90%,1040px);text-align:center;margin:0 auto;transform:translateY(var(--title-y));pointer-events:none}
.howHead .kicker{margin-bottom:.75rem;text-shadow:none}
.howHead .sectionTitle{color:#fff;text-shadow:0 16px 42px rgba(0,0,0,.64)}
.howHead h2::after{content:none}
.howHead p{max-width:760px;margin:.85rem auto 0;color:rgba(255,255,255,.68);font-size:clamp(1rem,2vw,1.35rem);line-height:1.35;text-shadow:0 12px 32px rgba(0,0,0,.72)}
.howHead p::after{content:none}
.howSteps{position:absolute;z-index:4;left:var(--steps-left);right:var(--steps-right);bottom:var(--steps-bottom);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.6rem);transform:translateY(var(--steps-y))}
.howStep{min-width:0;text-align:center;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.howStep::before,.howStep:not(:last-child)::after{content:none}
.howNum{display:block;width:auto;height:auto;margin:0 auto .65rem;border:0;border-radius:0;background:transparent;color:var(--orange);font-size:clamp(1.05rem,1.55vw,1.35rem);font-weight:650;line-height:1;box-shadow:none}
.howStep.rv,.howStep.rv.in{transform:none}
.howStep > div{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.howStep h3{position:relative;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:650;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.04em;text-shadow:none}
.howStep h3::after{content:none}
.howStep p{max-width:19ch;margin:.75rem auto 0;font-size:.98rem;line-height:1.45;color:rgba(255,255,255,.68);text-shadow:none}
@media(max-width:880px){
  .how{background:#020303}
  .how::after{display:none}
  .howStage__media::before,.howStage__media::after{display:none}
  .howStage{aspect-ratio:auto;overflow:visible;border-radius:18px}
  .howStage__media{position:relative;inset:auto;border-radius:18px}
  .howStage__media img{height:auto;aspect-ratio:1672/941}
  .howHead{position:static;width:auto;text-align:left;margin:0 0 1rem;transform:none;pointer-events:auto}
  .howHead p::after{margin-left:0}
  .howSteps{position:static;display:grid;grid-template-columns:1fr;gap:1rem;margin:.9rem 0 0;transform:none}
  .howStep:not(:last-child)::after{display:none}
  .howStep{display:grid;grid-template-columns:36px 1fr;gap:1rem;min-height:0;text-align:left;border-radius:18px;padding:1rem;background:rgba(255,255,255,.048)}
  .howStep.rv,.howStep.rv.in{transform:none}
  .howNum{margin:0}
  .howStep h3{margin:.1rem 0 .75rem;font-size:1.15rem}
  .howStep h3::after{width:34px;height:2px;margin:.55rem 0 0}
  .howStep p{max-width:34ch;margin:0;font-size:.95rem}
}

/* ============ ROCKET DESIGNS ============ */
.designsSection{padding:clamp(6rem,10vw,8.2rem) 0 clamp(2.6rem,4.6vw,3.8rem);background:#f6f7fb/*background:var(--bg-2)*/}
.designsHead{text-align:center;max-width:1180px;margin:0 auto 2.2rem}
.designsHead .kicker{margin-bottom:.75rem}
.designsHead .kicker::after{content:none}
.designsHead .sectionTitle{color:var(--ink)}
.designsHead .sectionTitle span{display:block}
.designShowcase{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2.15fr);grid-template-rows:1fr;align-items:stretch;height:430px;min-height:430px;background:transparent;border:0;border-radius:8px;overflow:visible;transition:opacity .22s ease,transform .22s ease}
.designShowcase.is-switching{opacity:.35;transform:translateY(4px)}
.designCopy{height:100%;min-height:0;padding:clamp(2.9rem,4.2vw,3.65rem) clamp(1.6rem,3vw,2.45rem) clamp(1.6rem,3vw,2.45rem);display:flex;flex-direction:column;justify-content:flex-start;background:var(--card);border:1px solid var(--line);border-right:1px solid var(--line);border-radius:8px 0 0 8px;box-shadow:0 24px 70px rgba(11,16,32,.07)}
.designMeta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.45rem}
.designIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,90,0,.1);color:var(--orange)}
.designIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.designCategory{font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.designBadge{border:1px solid var(--orange);border-radius:999px;color:var(--orange);padding:.28rem .82rem;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.designCopy h3{font-family:var(--font-display);font-size:clamp(1.65rem,3.2vw,2.45rem);font-weight:var(--title-weight);line-height:1.06;letter-spacing:var(--title-tracking);color:var(--ink);max-width:12ch}
.designCopy p{font-size:.98rem;line-height:1.55;color:var(--muted);max-width:30ch;margin:1rem 0 1.2rem}
.designPreviewBtn{align-self:flex-start;color:var(--orange);font-weight:800;border-top:1px solid var(--line);padding-top:1.1rem;min-width:100%;display:flex;justify-content:space-between;align-items:center}
.designPreviewBtn span{font-size:1.55rem;line-height:1}
.designVisual{position:relative;height:100%;min-height:0;align-self:stretch;background:transparent;overflow:visible}
.designVisual::before{display:none}
.designDeviceStage{position:absolute;z-index:1;left:50%;top:50%;width:min(88%,780px);aspect-ratio:1.86;transform:translate(-50%,-50%);pointer-events:none}
.designDeviceStage::before,.designDeviceStage::after{content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at center,rgba(11,16,32,.36) 0%,rgba(11,16,32,.2) 44%,rgba(11,16,32,0) 74%);filter:blur(12px);opacity:.82;mix-blend-mode:multiply}
.designDeviceStage::before{left:-1%;right:11%;height:10%;bottom:-.8%;transform:translateY(-8%)}
.designDeviceStage::after{left:70.5%;width:25%;height:9%;bottom:-.7%;transform:translateY(-8%)}
.designLaptop{position:absolute;z-index:1;left:0;top:8%;width:78%;aspect-ratio:1230/760}
.designLaptopFrame,.designMobileFrame{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.designScreen{position:absolute;z-index:1;overflow:hidden;background:linear-gradient(120deg,rgba(0,0,0,.84),rgba(0,0,0,.18)),var(--design-art);background-size:cover;background-position:center;color:#fff;padding:clamp(1rem,2.2vw,1.8rem)}
.designLaptop .designScreen{left:13.55%;right:12.75%;top:7.25%;bottom:12.55%;border-radius:16px 16px 0 0}
.screenTop{display:flex;justify-content:space-between;align-items:center;font-size:.66rem;font-weight:800;color:rgba(255,255,255,.82)}
.screenNav{display:flex;gap:.8rem;font-size:.5rem;font-weight:600;color:rgba(255,255,255,.72)}
.screenText{position:absolute;left:clamp(1rem,3vw,2.2rem);top:35%;max-width:44%}
.screenText b{display:block;font-size:clamp(1.2rem,2.5vw,2.1rem);line-height:1.08;letter-spacing:-.04em}
.screenText small{display:block;margin-top:.65rem;font-size:.72rem;line-height:1.45;color:rgba(255,255,255,.82)}
.screenCta{display:inline-flex;margin-top:1rem;border-radius:6px;background:var(--design-accent);color:#fff;padding:.52rem .9rem;font-size:.62rem;font-weight:800}
.designLaptop .screenText{top:29%;max-width:46%}
.designLaptop .screenText b{font-size:clamp(1.05rem,2.15vw,1.75rem)}
.designLaptop .screenText small{margin-top:.5rem;font-size:.62rem;line-height:1.35}
.designLaptop .screenCta{margin-top:.72rem;padding:.42rem .78rem;font-size:.56rem}
.designPhone{position:absolute;z-index:5;left:72.5%;top:19%;width:20%;aspect-ratio:380/700;color:#fff}
.designPhone .designScreen{z-index:4;left:14.9%;right:14.5%;top:6.8%;bottom:7%;border-radius:18px;padding:.72rem;background:linear-gradient(120deg,rgba(0,0,0,.78),rgba(0,0,0,.18)),var(--design-art);background-size:cover;background-position:center}
.designPhone b{font-size:.9rem;line-height:1.08;letter-spacing:-.04em}
.designPhone small{display:block;margin-top:.5rem;font-size:.5rem;color:rgba(255,255,255,.8)}
.designNavRow{display:flex;align-items:center;gap:.85rem;margin:1.4rem 0 1rem}
.designArrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 12px 28px rgba(11,16,32,.08);cursor:pointer;transition:transform .18s,border-color .18s,color .18s}
.designArrow:hover{transform:translateY(-2px);border-color:var(--orange);color:var(--orange)}
.designThumbs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;padding:.15rem .1rem .55rem;flex:1}
.designThumbs::-webkit-scrollbar{display:none}
.designThumb{appearance:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.7rem;text-align:left;box-shadow:0 12px 34px rgba(11,16,32,.06);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;position:relative;color:var(--ink);display:flex;flex-direction:column;height:193px}
.designThumb:hover{transform:translateY(-3px)}
.designThumb.is-active{border-color:var(--orange);box-shadow:0 18px 42px rgba(255,90,0,.16);background:linear-gradient(180deg,#fff,rgba(255,90,0,.035))}
.designThumb.is-active::after{content:"Sélectionné";position:absolute;top:.72rem;right:.72rem;border-radius:999px;background:var(--orange);color:#fff;padding:.22rem .52rem;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.thumbPreview{display:block;flex:0 0 142px;height:142px;border-radius:6px;overflow:hidden;background:linear-gradient(120deg,rgba(0,0,0,.7),rgba(0,0,0,.15)),var(--thumb-art);background-size:cover;background-position:center;position:relative;margin-bottom:.75rem}
.thumbPreview::after{content:"";position:absolute;right:8%;bottom:8%;width:44px;aspect-ratio:9/17;border-radius:10px;background:linear-gradient(120deg,rgba(0,0,0,.72),rgba(0,0,0,.18)),var(--thumb-art);background-size:cover;background-position:center;border:3px solid #10151c;box-shadow:0 10px 20px rgba(0,0,0,.22)}
.thumbMeta{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:14px}
.thumbMeta b{font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.thumbMeta span{font-size:.72rem;color:var(--orange);font-weight:800;white-space:nowrap}
.designAll{display:flex;justify-content:center;margin-top:2rem}
.designAll .btn{min-width:min(360px,100%)}
@media(max-width:880px){
  .designsSection{padding:4.8rem 0 2.4rem}
  .designsHead{text-align:left}
  .designShowcase{grid-template-columns:1fr;height:auto;min-height:0}
  .designCopy{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:8px}
  .designVisual{height:300px;min-height:300px}
  .designDeviceStage{width:100%;top:54%}
  .designLaptop{left:0;top:12%;width:82%}
  .designPhone{left:69%;top:23%;width:26%}
  .designPhone .designScreen{padding:.55rem}
  .designPhone b{font-size:.54rem;line-height:1.08}
  .designPhone small{display:none}
  .screenNav{display:none}
  .screenText{max-width:55%}
  .designNavRow{gap:.55rem}
  .designArrow{width:40px;height:40px;flex:0 0 40px}
  .designThumbs{grid-auto-columns:minmax(215px,78vw)}
}

/* ============ TARIFS ============ */
.tariffsOrbit{position:relative;overflow:visible;padding:clamp(5rem,9vw,7rem) 0;background:#03070d url("img/rocketkit-tarifs-formules-site-web-espace-terre.webp?v=20260629-cache") center top/cover no-repeat;color:#fff}
.tariffsOrbit::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,13,.08) 0%,rgba(3,7,13,.12) 35%,rgba(246,247,251,.9) 80%,rgba(246,247,251,1) 100%);pointer-events:none}
.tariffsOrbit::after{content:"";position:absolute;left:-10%;right:-10%;top:-2%;height:28%;border-top:1px solid rgba(255,122,26,.28);border-radius:50%;transform:rotate(-8deg);pointer-events:none}
.tariffsOrbit .container{position:relative;z-index:1}
.tariffsOrbit__head{text-align:center;max-width:1080px;margin:0 auto clamp(2.8rem,5vw,4rem)}
.tariffsOrbit__brand{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.7rem;font-size:clamp(1rem,1.5vw,1.28rem);font-weight:900;color:#fff}
.tariffsOrbit__brand svg{width:1.35em;height:1.35em;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tariffsOrbit__head .sectionTitle{color:#fff;text-shadow:none}
.tariffsOrbit__head p{margin:1.2rem auto 0;max-width:760px;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.45;color:rgba(255,255,255,.76)}
.orbitPrices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.6vw,1.55rem);align-items:stretch;max-width:1160px;margin:0 auto}
.orbitPrice{position:relative;isolation:isolate;overflow:visible;display:flex;flex-direction:column;min-width:0;min-height:550px;padding:clamp(.9rem,1.35vw,1.2rem);border-radius:12px;background:var(--orbit-visual-bg,#fefefe);color:var(--ink);border:1px solid rgba(255,255,255,.78);box-shadow:0 26px 76px rgba(3,7,13,.22)}
.orbitPrice::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;background:var(--orbit-visual-bg,#fefefe);pointer-events:none}
.orbitPrice::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 52%,rgba(255,255,255,.5) 76%,rgba(255,255,255,.96) 100%);pointer-events:none}
.orbitPrice > :not(.orbitPrice__visual):not(.orbitPrice__badge){position:relative;z-index:2}
.orbitPrice--strato{border-color:rgba(255,90,0,.55);box-shadow:0 0 0 1px rgba(255,90,0,.38),0 26px 76px rgba(3,7,13,.24),0 0 34px rgba(255,90,0,.16)}
.orbitPrice__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:3;width:max-content;white-space:nowrap;border-radius:5px;background:linear-gradient(180deg,#ff7a1a,#ff5a00);color:#fff;padding:.28rem .85rem;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 10px 24px rgba(255,90,0,.22)}
.orbitPrice__top{display:flex;align-items:center;gap:.7rem;margin-bottom:.65rem}
.orbitPrice__icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#061120;color:#fff;font-weight:900;font-size:1.05rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.orbitPrice__icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.orbitPrice__icon--strato{background:linear-gradient(180deg,#ff8a24,#e84d00)}
.orbitPrice__top h3{font-family:var(--font-display);font-size:clamp(1.45rem,2vw,1.85rem);font-weight:var(--title-weight);line-height:1;letter-spacing:var(--title-tracking);color:var(--ink)}
.orbitPrice__top p{margin:.08rem 0 0;font-size:.74rem;line-height:1.2;color:var(--muted)}
.orbitPrice__amount{margin:.55rem 0 0;font-size:clamp(1.9rem,3vw,2.65rem);font-weight:900;line-height:.9;letter-spacing:-.06em;color:var(--ink)}
.orbitPrice__amount small{font-size:clamp(.68rem,1vw,.78rem);font-weight:500;letter-spacing:0;color:var(--muted)}
.orbitPrice__visual{position:absolute;inset:0;z-index:0;margin:0;border-radius:inherit;overflow:hidden;background:var(--orbit-visual-bg,#f3f4f6);box-shadow:none}
.orbitPrice__visual img{position:absolute;left:0;right:0;top:0;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center top;background:transparent}
.orbitPrice--alto{--orbit-visual-bg:#e4e6eb}
.orbitPrice--strato{--orbit-visual-bg:#eee8df}
.orbitPrice--orbito{--orbit-visual-bg:#e6e9ee}
.orbitMock{position:absolute;inset:0;display:flex;align-items:flex-start;padding:1.4rem;background:radial-gradient(circle at 74% 42%,rgba(255,90,0,.34),transparent 31%),linear-gradient(135deg,#07111f,#122744 62%,#050912)}
.orbitMock--alto{background:radial-gradient(circle at 72% 36%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#061120,#1e334b 58%,#0a1019)}
.orbitMock--orbito{background:radial-gradient(circle at 72% 46%,rgba(56,152,255,.26),transparent 33%),linear-gradient(135deg,#050912,#0d1d35 60%,#020409)}
.orbitMock span{max-width:15ch;color:#fff;font-size:clamp(.85rem,1.25vw,1.05rem);font-weight:850;line-height:1.1;letter-spacing:-.035em}
.orbitPrice ul{list-style:none;margin:auto 0 .9rem;padding:0;display:grid;gap:.36rem;flex:0}
.orbitPrice li{position:relative;padding-left:1.25rem;font-size:.72rem;line-height:1.26;color:color-mix(in srgb,var(--ink) 82%,var(--muted))}
.orbitPrice li::before{content:"✓";position:absolute;left:0;top:.02rem;display:grid;place-items:center;width:.78rem;height:.78rem;border:1.4px solid currentColor;border-radius:50%;font-size:.46rem;font-weight:900;color:var(--ink)}
.orbitPrice--strato li::before{color:var(--orange)}
.orbitPrice__cta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:0;min-height:34px;border:1.5px solid var(--ink);border-radius:5px;color:var(--ink);font-size:.78rem;font-weight:850}
.orbitPrice__cta--primary{border-color:var(--orange);background:linear-gradient(180deg,#ff7a1a,#ff5a00);color:#fff}
.orbitAssurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:860px;margin:2rem auto 0;color:var(--ink)}
.orbitAssurances span{position:relative;text-align:center;font-size:.98rem;font-weight:650;color:color-mix(in srgb,var(--ink) 78%,var(--muted))}
.orbitAssurances span:not(:last-child)::after{content:"";position:absolute;right:-.5rem;top:10%;bottom:10%;width:1px;background:rgba(91,100,114,.28)}
.tariffsOrbit__note{margin:1.2rem auto 0;max-width:860px;text-align:center;font-size:.76rem;line-height:1.45;color:var(--muted)}
@media(max-width:980px){
  .orbitPrices{grid-template-columns:1fr;max-width:640px;margin:0 auto}
  .orbitAssurances{grid-template-columns:1fr;max-width:420px}
  .orbitAssurances span:not(:last-child)::after{display:none}
}
@media(max-width:880px){
  .tariffsOrbit{padding:4rem 0;background-position:center top}
  .tariffsOrbit__head{text-align:left;margin-bottom:2rem}
  .tariffsOrbit__head p{font-size:1rem;margin-left:0}
  .orbitPrice{border-radius:16px;padding:1.2rem}
  .orbitPrice__top h3{font-size:1.75rem}
  .orbitPrice__amount{font-size:2.55rem}
}
/* ============ FAQ / FINAL / FOOTER ============ */
.faqHead{text-align:center;margin:0 auto 1.5rem}
.faqHead .kicker{margin-bottom:.75rem}
#faq{padding-top:0}
.faq{max-width:720px;margin:1.5rem auto 0}
.faq details{border:1px solid var(--line);border-radius:16px;background:var(--card);margin-bottom:.8rem;padding:0 1.3rem;overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease,background .28s ease}
.faq details[open]{border-color:rgba(255,90,0,.22);box-shadow:0 18px 45px rgba(11,16,32,.06)}
.faq summary{cursor:pointer;font-weight:700;font-size:.94rem;padding:1.05rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--violet-2);font-size:1.3rem;line-height:1;transition:transform .28s ease,color .28s ease}
.faq details[open] summary::after{color:var(--orange);transform:rotate(45deg)}
.faq .faqPanel{height:0;overflow:hidden;opacity:0;transition:height .34s cubic-bezier(.22,1,.36,1),opacity .24s ease}
.faq details[open] .faqPanel{opacity:1}
.faq .faqPanel p,.faq details>p{font-size:.9rem;line-height:1.55;color:var(--muted);padding:0 0 1.05rem;margin:0}
.faq .faqPanel p{transform:translateY(-4px);transition:transform .28s ease}
.faq details[open] .faqPanel p{transform:translateY(0)}
/* Bannière cagou + fusée (image de marque host.nc, texte dans l'ovale) */
.finalAdSection{
  --final-ad-message-x:53%;
  --final-ad-message-y:14%;
  --final-ad-message-width:min(32rem,35vw);
  --final-ad-title-gap:clamp(1rem,1.8vw,1.45rem);
  --final-ad-button-gap:clamp(1.15rem,2vw,1.7rem);position:relative;width:100%;aspect-ratio:1672/941;background:#020303 url("img/rocketkit-publicite-site-web-professionnel-nouvelle-caledonie.webp?v=20260629-cache") center/cover no-repeat;overflow:hidden;color:#211913}
.finalAdSection__message{position:absolute;top:var(--final-ad-message-y);left:var(--final-ad-message-x);transform:translateX(-50%);width:var(--final-ad-message-width);text-align:center}
.finalAdSection__message h2{font-size:clamp(2rem,3.55vw,3.95rem);font-weight:820;line-height:1.02;letter-spacing:-.035em;color:#241d17;text-shadow:0 2px 18px rgba(255,235,206,.2)}
.finalAdSection__message p{margin:var(--final-ad-title-gap) 0 var(--final-ad-button-gap);font-size:clamp(1.3rem,2.25vw,2.55rem);font-weight:820;line-height:1;color:var(--orange)}
.finalAdSection__button{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(10.5rem,15vw,15.8rem);min-height:clamp(2.45rem,3.65vw,3.65rem);padding:0 clamp(1.15rem,2.2vw,2.25rem);border-radius:999px;background:linear-gradient(180deg,#ff7a1a,#ff5a00);color:#fff;font-size:clamp(.9rem,1.3vw,1.35rem);font-weight:820;box-shadow:0 18px 42px rgba(255,90,0,.34),0 6px 16px rgba(75,33,8,.18)}
.finalAdSection__brand{position:absolute;left:50%;bottom:clamp(1.05rem,2.15vw,2rem);display:flex;align-items:center;justify-content:center;gap:clamp(.95rem,1.8vw,1.8rem);width:max-content;max-width:calc(100% - 4rem);transform:translateX(-50%);color:#211913}
.finalAdSection__logo{display:inline-flex;align-items:center;gap:clamp(.55rem,.8vw,.8rem);white-space:nowrap}
.finalAdSection__logo img{display:block;width:clamp(1.85rem,2.75vw,3rem);height:clamp(1.85rem,2.75vw,3rem);object-fit:contain}
.finalAdSection__logo strong{font-size:clamp(1.25rem,2.05vw,2.45rem);font-weight:900;letter-spacing:.08em;line-height:1}
.finalAdSection__divider{display:block;width:1px;height:clamp(1.45rem,2.65vw,2.6rem);background:rgba(33,25,19,.22)}
.finalAdSection__tagline{font-size:clamp(.92rem,1.45vw,1.7rem);font-weight:500;line-height:1.2}
@media(max-width:760px){
  .finalAdSection{
    --final-ad-message-x:48%;
    --final-ad-message-y:8%;
    --final-ad-message-width:min(88vw,28rem);
    aspect-ratio:auto;
    min-height:680px;
    background-position:center bottom}
  .finalAdSection__brand{left:1.3rem;right:1.3rem;bottom:1.4rem;align-items:flex-start;flex-direction:column;gap:.7rem}
  .finalAdSection__divider{display:none}
}
.bandF{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--glow),var(--shadow);background:#16114a url("img/hostnc-banner-home.webp?v=20260629-cache") right center/cover no-repeat;min-height:380px;display:flex;align-items:center}
.bandF::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,10,50,.82) 0%,rgba(15,10,50,.45) 45%,transparent 70%)}
.bandF .inF{position:relative;z-index:2;padding:clamp(2rem,6vw,3.4rem);max-width:560px;color:#fff}
.bandF .sectionTitle em{color:var(--violet-2)}
.bandF p{color:rgba(255,255,255,.85)}
.bandF .btn{background:#fff;color:var(--violet-d)}
.bandF .btn--v2{background:var(--violet);color:#fff}
@media(max-width:680px){.bandF{background-position:75% center}.bandF::before{background:rgba(15,10,50,.72)}}
.footer{border-top:1px solid var(--line);padding:2.2rem 0;background:var(--bg-2)}
.footer__in{display:flex;flex-direction:column;gap:.8rem;color:var(--muted);font-size:.83rem}
.footer a{color:var(--violet-2)}
@media(min-width:880px){.footer__in{flex-direction:row;justify-content:space-between;align-items:center}}

/* Reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.6,.2,1),transform .75s cubic-bezier(.2,.6,.2,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}