/* ===== Scope strict & tokens ===== */
.iwa-wp-service, .iwa-wp-service * { box-sizing:border-box; }
.iwa-wp-service{
–violet:#6600FF; –rose:#C851D1; –lavande:#A567F9; –brume:#E5D9FF;
–ink:#171827; –muted:#5b5e72; –panel:#ffffff; –line:#ece9ff;
–r:22px; –shadow:0 18px 48px rgba(102,0,255,.12);
font-family: « Segoe UI », Tahoma, Arial, system-ui, sans-serif;
color:var(–ink);
max-width:1100px; margin:56px auto; padding:0 22px; position:relative; isolation:isolate;
}
/* ===== Decorative halos ===== */
.iwa-wp-service::before,
.iwa-wp-service::after{
content: » »; position:absolute; inset:auto auto 10% -10%;
width:340px; height:340px; border-radius:50%;
background: radial-gradient(closest-side, rgba(229,217,255,.6), transparent 60%);
filter: blur(10px); z-index:-1;
}
.iwa-wp-service::after{ inset:5% -10% auto auto; }
/* ===== Typography ===== */
.iwa-wp-service h1,
.iwa-wp-service h3{ font-weight:700; }
.iwa-wp-service h2{ font-weight:600; }
.iwa-wp-service p{ margin:0 0 14px; color:var(–ink); }
.iwa-wp-service ul{ margin:0; padding-left:1.2em; }
.iwa-wp-service li{ margin:6px 0; color:var(–ink); }
/* ===== Hero ===== */
.iwa-wp-hero{
display:grid; grid-template-columns:1.1fr .9fr; gap:26px; align-items:center;
background:linear-gradient(135deg, #FBFAFF, var(–brume));
border-radius:var(–r); padding:28px; box-shadow:var(–shadow); border:1px solid var(–line);
}
.iwa-wp-hero .text h1{ color:var(–violet); margin:0 0 8px; }
.iwa-wp-hero .subtitle{ color:#3b2f5c; }
/* ===== Inline SVG illustration (IMAGE) ===== */
.iwa-hero-illustration{
width:100%; display:block; border-radius:18px; border:1px solid var(–line);
background:linear-gradient(135deg,#fff,rgba(165,103,249,.18));
box-shadow:0 12px 30px rgba(165,103,249,.18);
}
/* ===== Sections ===== */
.iwa-section{
margin:28px 0; background:var(–panel); border:1px solid var(–line);
border-radius:var(–r); padding:22px; box-shadow:var(–shadow);
}
.iwa-section h2{ color:var(–violet); margin:0 0 10px; }
.iwa-duo{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.iwa-card{
background:linear-gradient(180deg,#fff, #FBFAFF);
border:1px solid var(–line); border-radius:18px; padding:18px;
}
.iwa-card h3{ color:var(–lavande); margin:0 0 6px; }
.iwa-card p{ color:var(–ink); }
/* ===== Features grid ===== */
.iwa-features{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:6px; }
.iwa-feature{ background:#fff; border:1px solid var(–line); border-radius:14px; padding:14px; }
/* ===== CTA ===== */
.iwa-cta{
display:grid; grid-template-columns:1.2fr .8fr; gap:20px; align-items:center;
background:linear-gradient(135deg, rgba(102,0,255,.08), rgba(200,81,209,.08));
border:1px solid var(–line); border-radius:var(–r); padding:22px; box-shadow:var(–shadow);
}
.iwa-cta h3{ margin:0 0 8px; color:#2a2146; }
.iwa-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.iwa-btn{ display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
padding:12px 18px; border-radius:14px; border:1px solid transparent; transition:.25s ease; font-weight:600; }
.iwa-btn.violet{ background:var(–violet); color:#fff; }
.iwa-btn.violet:hover{ filter:brightness(.92); transform:translateY(-1px); }
.iwa-btn.ghost{ background:#fff; color:var(–violet); border-color:var(–violet); }
.iwa-btn.ghost:hover{ background:rgba(102,0,255,.08); }
/* ===== Responsive ===== */
@media (max-width: 980px){
.iwa-wp-hero{ grid-template-columns:1fr; }
.iwa-cta{ grid-template-columns:1fr; }
.iwa-duo{ grid-template-columns:1fr; }
.iwa-features{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 640px){
.iwa-features{ grid-template-columns:1fr; }
}

Découvrez nos solutions WordPress

Des solutions modernes, performantes et adaptées à vos besoins

Créer un site internet ne se limite pas à publier quelques pages. C’est la vitrine de votre activité,
le premier point de contact avec vos futurs clients et un levier de croissance durable. Avec
Instants Web Agency, vous obtenez un site WordPress élégant, rapide et orienté conversion.