/* KadiCréations — Comment ça marche page */
.hiw-hero{position:relative;padding:80px 40px 50px;max-width:1300px;margin:0 auto;text-align:center;overflow:hidden}
.hiw-hero::before{content:'';position:absolute;top:-30px;left:-30px;width:280px;height:280px;background:var(--rose);border-radius:50%;opacity:0.4;filter:blur(60px);z-index:0}
.hiw-hero::after{content:'';position:absolute;bottom:-30px;right:-30px;width:320px;height:320px;background:var(--gold-light);border-radius:50%;opacity:0.4;filter:blur(80px);z-index:0}
.hiw-hero > *{position:relative;z-index:1}
.hiw-hero .tag{font-family:'Caveat',cursive;color:var(--rose-dust);font-size:1.6rem;display:block;margin-bottom:12px}
.hiw-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-style:italic;font-weight:400;max-width:850px;margin:0 auto 20px;line-height:1.1}
.hiw-hero h1 em{font-style:normal;background:var(--gold-shimmer);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hiw-hero p{color:var(--ink-soft);max-width:600px;margin:0 auto;font-size:1.1rem}

.steps-section{padding:60px 40px 80px;max-width:1100px;margin:0 auto}
.step-row{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;padding:40px 0;position:relative}
.step-row:not(:last-child)::after{content:'';position:absolute;left:50%;bottom:-20px;width:2px;height:40px;background:linear-gradient(180deg,var(--gold) 0%,transparent);transform:translateX(-50%)}
.step-row.reverse{grid-template-columns:1.2fr 1fr}
.step-row.reverse .step-visual{order:2}
.step-num-big{font-family:'Caveat',cursive;font-size:5rem;line-height:1;background:var(--gold-shimmer);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;margin-bottom:10px}
.step-text h2{font-size:clamp(1.8rem,3vw,2.4rem);font-style:italic;font-weight:400;margin-bottom:14px;line-height:1.1}
.step-text h2 em{font-style:normal;color:var(--gold-deep)}
.step-text p{color:var(--ink-soft);margin-bottom:14px;font-size:1rem;line-height:1.65}
.step-text ul{list-style:none;padding-left:0;margin-top:18px}
.step-text li{padding-left:28px;position:relative;margin-bottom:10px;color:var(--ink-soft);font-size:0.95rem}
.step-text li::before{content:'✓';position:absolute;left:0;color:var(--gold-deep);font-weight:600;font-size:1rem}
.step-visual{aspect-ratio:1/1;border-radius:24px;background-size:cover;background-position:center;box-shadow:0 24px 50px rgba(74,57,56,0.1);position:relative;overflow:hidden}
.step-visual.v1{background-image:url('https://images.unsplash.com/photo-1492725764893-90b379c2b6e7?w=800&q=80')}
.step-visual.v2{background:var(--cream-dark);display:flex;align-items:center;justify-content:center;padding:30px;flex-direction:column}
.step-visual.v3{background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}
.step-visual.v4{background-image:url('https://images.unsplash.com/photo-1558963690-6ed8aae4d527?w=800&q=80')}
.step-visual.v5{background-image:url('https://images.unsplash.com/photo-1544126592-807ade215a0b?w=800&q=80')}
.step-visual .floater{position:absolute;background:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 12px 28px rgba(74,57,56,0.15);display:flex;align-items:center;gap:10px;font-family:'Caveat',cursive;font-size:1.1rem;color:var(--ink)}
.step-visual .floater.f1{bottom:20px;left:20px}
.step-visual .floater.f2{top:20px;right:20px}

.config-mockup{background:#fff;border-radius:18px;padding:24px;width:100%;max-width:340px}
.config-mockup .mock-label{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink-soft);margin-bottom:8px;font-weight:500}
.config-mockup .mock-input{padding:12px 16px;background:var(--cream);border-radius:12px;border:1.5px solid var(--gold);font-family:'Caveat',cursive;font-size:1.4rem;color:var(--ink);margin-bottom:18px}
.config-mockup .mock-swatches{display:flex;gap:8px;margin-bottom:14px}
.config-mockup .mock-sw{width:32px;height:32px;border-radius:50%}
.config-mockup .mock-sw.gold{background:var(--gold-shimmer);border:2px solid var(--ink)}
.config-mockup .mock-sw.rose{background:var(--rose-deep)}
.config-mockup .mock-sw.white{background:#fff;border:1px solid var(--cream-dark)}
.config-mockup .mock-sw.black{background:var(--ink)}

.press-illustration{font-size:5rem;margin-bottom:20px;animation:press 3s ease-in-out infinite}
@keyframes press{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.press-illustration-text{font-family:'Caveat',cursive;font-size:1.5rem;color:var(--gold-light);margin-bottom:10px}
.press-temp{font-family:'Fraunces',serif;font-size:2rem;font-style:italic;font-weight:600;color:var(--cream)}

.tech{background:var(--cream-dark);padding:90px 40px}
.tech-inner{max-width:1300px;margin:0 auto}
.tech-head{text-align:center;margin-bottom:60px}
.tech-head .tag{font-family:'Caveat',cursive;color:var(--rose-dust);font-size:1.4rem;display:block;margin-bottom:8px}
.tech-head h2{font-size:clamp(2rem,4vw,2.8rem);font-style:italic;font-weight:400}
.tech-head h2 em{font-style:normal;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tech-head p{color:var(--ink-soft);max-width:580px;margin:18px auto 0}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tech-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 6px 18px rgba(74,57,56,0.04)}
.tech-card .ico{font-size:2rem;margin-bottom:14px}
.tech-card h3{font-family:'Fraunces',serif;font-style:italic;font-size:1.25rem;margin-bottom:10px}
.tech-card p{color:var(--ink-soft);font-size:0.92rem;line-height:1.6}

.care{padding:90px 40px;max-width:1100px;margin:0 auto}
.care-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.care-img{aspect-ratio:1/1;border-radius:24px;background-image:url('https://images.unsplash.com/photo-1492725764893-90b379c2b6e7?w=800&q=80');background-size:cover;background-position:center}
.care h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-style:italic;font-weight:400;margin-bottom:14px}
.care h2 em{font-style:normal;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.care p{color:var(--ink-soft);margin-bottom:18px}
.care-list{list-style:none;padding:0}
.care-list li{padding:12px 0;border-bottom:1px solid var(--cream-dark);display:flex;gap:14px;align-items:center;font-size:0.95rem;color:var(--ink-soft)}
.care-list li strong{color:var(--ink);font-weight:500}
.care-list .icc{font-size:1.4rem;flex-shrink:0;width:36px;text-align:center}

.cta-block{background:var(--rose);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.cta-block > *{position:relative;z-index:2}
.cta-block h2{font-size:clamp(2rem,4vw,2.8rem);font-style:italic;font-weight:400;margin-bottom:18px}
.cta-block h2 em{font-style:normal;background:var(--gold-shimmer);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cta-block p{color:var(--ink-soft);max-width:540px;margin:0 auto 30px;font-size:1.05rem}

@media(max-width:1024px){
  .step-row,.step-row.reverse{grid-template-columns:1fr;gap:30px}
  .step-row.reverse .step-visual{order:0}
  .step-row::after{display:none !important}
  .tech-grid{grid-template-columns:1fr 1fr}
  .care-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:600px){
  .tech-grid{grid-template-columns:1fr}
  .steps-section,.tech,.care{padding:50px 20px}
  .hiw-hero{padding:60px 20px 40px}
}