/* Direction SitePrimo 0.2 : scène immersive nocturne et surfaces éditoriales. */
.sp-neon{--sp-ink:#111326;--sp-muted:#64677c;--sp-border:#e4e6f1;background:#fdfdff}
.sp-neon .sp-announcement{background:#08091d;color:#aeb6d8;font-size:.75rem;border-bottom:1px solid #ffffff0c}
.sp-neon .sp-header{width:100%;padding:20px max(36px,calc((100% - 1200px)/2));background:#060718;min-height:96px;position:relative;z-index:5}
.sp-neon .sp-header .sp-brand{color:white;font-size:1.7rem;letter-spacing:-.05em}
.sp-neon .sp-header .sp-mark{background:linear-gradient(145deg,#27b6ff,var(--sp-accent));border-radius:13px;box-shadow:0 0 25px #705aff40}
.sp-neon .sp-header .sp-brand b{color:#63baff}
.sp-neon .sp-nav{color:#f0f1ff;font-size:.86rem;gap:30px}
.sp-neon .sp-language{border-color:#ffffff25}
.sp-neon .sp-nav>a:not(.sp-button):hover,.sp-neon .sp-nav a[aria-current=page]{color:#98baff}
.sp-neon .sp-button{border-radius:40px;padding:16px 25px;font-size:.88rem;min-height:53px}
.sp-neon .sp-button-primary{background:linear-gradient(105deg,var(--sp-accent),#4030ef);box-shadow:0 8px 24px #6552fa2b}
.sp-neon .sp-button-primary:hover{box-shadow:0 10px 32px #7060ff55}
.sp-neon .sp-header .sp-button-dark{background:white;color:#17172b;padding:12px 23px;min-height:46px}
.sp-neon .sp-hero-stage{position:relative;background:#050617;isolation:isolate;overflow:hidden}
.sp-neon .sp-hero-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#050617 0%,#050617eb 22%,#05061744 49%,transparent 74%),url('hero-siteprimo.png');background-size:cover;background-position:center;z-index:-2}
.sp-neon .sp-hero-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05061780,transparent 24%);z-index:-1}
.sp-neon .sp-hero{min-height:610px;padding-block:72px 92px;grid-template-columns:1.08fr 1fr;gap:40px}
.sp-neon .sp-hero h1{color:white;font-size:clamp(2.6rem,4.25vw,4rem);line-height:1.1;letter-spacing:-.045em;max-width:590px}
.sp-neon .sp-hero .sp-eyebrow{color:#82a5ff!important;letter-spacing:.1em;font-size:.72rem!important}
.sp-neon .sp-hero .sp-eyebrow span{background:#80adff;box-shadow:0 0 10px #516fff}
.sp-neon .sp-hero .sp-lead{color:#c4c7dc;font-size:1rem;line-height:1.8;max-width:510px;margin-top:35px!important}
.sp-neon .sp-hero h1:after{content:"";display:block;width:160px;height:3px;margin-top:26px;background:linear-gradient(90deg,#9467ff,#35caff);border-radius:8px;box-shadow:0 0 15px #6561ff66}
.sp-neon .sp-hero .sp-text-link{color:#eef0ff;font-size:.85rem}
.sp-neon .sp-hero .sp-price-note{color:#b1b9d8;font-size:.77rem}
.sp-neon .sp-hero .sp-price-note strong{color:white}
.sp-neon .sp-hero-art{min-height:380px}
.sp-neon .sp-benefits{background:white;border-bottom:1px solid #e9eaf4;border-top:0}
.sp-neon .sp-benefits>div{padding-block:28px;color:#343951;font-size:.85rem;font-weight:600}
.sp-neon .sp-section{padding-block:88px}
.sp-neon .sp-section-heading h2 em{font-style:normal;background:linear-gradient(95deg,#5035dd,#138bce);background-clip:text;-webkit-background-clip:text;color:transparent}
.sp-neon .sp-section-heading h2{font-size:clamp(2rem,3.25vw,3rem)}
.sp-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sp-service-card{display:block;background:linear-gradient(145deg,#fff,#f6f6fd);border:1px solid #e5e5f2;border-radius:18px;padding:27px 24px;transition:transform .2s,box-shadow .2s}
.sp-service-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px #25206012;border-color:#c9c2ed}
.sp-service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;color:#7754e7;font-weight:650;font-size:.78rem}
.sp-service-top>span:last-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eeebfb;font-size:20px}
.sp-service-card h3{font-size:1.15rem;line-height:1.35;min-height:3em}
.sp-service-card p{font-size:.88rem;line-height:1.75;margin-top:14px}
.sp-neon .sp-expertise{padding-bottom:20px}
.sp-neon .sp-model-preview{border:1px solid #e6e6f0;border-radius:14px}
.sp-neon .sp-pricing{background:#f1f2fa;border-block:1px solid #e8e9f5}
.sp-neon .sp-plan{border-radius:20px;box-shadow:0 12px 32px #34315706}
.sp-neon .sp-plan-featured{background:linear-gradient(155deg,#161732,#0b0d22);color:white;border-color:#7964ff;box-shadow:0 16px 40px #32288720}
.sp-neon .sp-plan-featured h3,.sp-neon .sp-plan-featured .sp-plan-price{color:#fff}
.sp-neon .sp-plan-featured p,.sp-neon .sp-plan-featured .sp-plan-price>span{color:#b7bdd8}
.sp-neon .sp-plan-featured .sp-plan-features{border-color:#ffffff20;color:#e5e8f8}
.sp-neon .sp-plan-featured .sp-plan-features li:before{color:#a997ff}
.sp-neon .sp-recommended{background:linear-gradient(90deg,#6850ff,#873ff0);padding:6px 18px}
.sp-neon .sp-step-number{background:#0c102d;color:#a8b7ff;border-radius:50%;box-shadow:0 5px 20px #5855e71c}
.sp-neon .sp-faq details{border:1px solid #e6e6f1;border-radius:12px;padding-inline:20px;background:#f8f9fe;margin-bottom:12px}
.sp-neon .sp-faq details[open]{background:white;border-color:#cfc7f2}
.sp-neon .sp-final-cta{background:linear-gradient(100deg,#0a0c24 5%,#24205e 70%,#373080);border-radius:22px;padding:65px}
.sp-neon .sp-footer{width:100%;padding:60px max(36px,calc((100% - 1200px)/2)) 25px;margin-top:70px;background:#070919;color:#e8eafb}
.sp-neon .sp-footer .sp-brand{color:white}.sp-neon .sp-footer p{color:#a4acc8}
.sp-neon .sp-footer-status{border-color:#ffffff1a}
.sp-neon .sp-filters .is-active{background:linear-gradient(100deg,#6546e7,#3944af);border-color:transparent}
.sp-neon .sp-domain-list article{border-radius:16px;background:#f7f7fd}
.sp-neon .sp-notice{border-radius:16px}
.sp-neon[dir=rtl] .sp-hero-stage:before{transform:scaleX(-1)}
.sp-neon[dir=rtl] .sp-hero h1{line-height:1.45;font-size:clamp(2.6rem,4vw,3.7rem)}
@media(max-width:1050px){.sp-neon .sp-nav{gap:18px}.sp-service-grid{grid-template-columns:repeat(2,1fr)}.sp-neon .sp-header{padding-inline:28px}.sp-neon .sp-hero{min-height:560px}.sp-neon .sp-hero-stage:before{background-position:58% center}}
@media(max-width:780px){.sp-neon .sp-header{padding:19px 18px;min-height:78px}.sp-neon .sp-menu-toggle{background:#16172e;border-color:#ffffff25;color:white;border-radius:25px}.sp-neon .sp-nav{background:#101229;border-color:#ffffff1a}.sp-neon .sp-header .sp-brand{font-size:1.5rem}.sp-neon .sp-hero{grid-template-columns:1fr;min-height:0;padding-block:45px 0;gap:0}.sp-neon .sp-hero-copy{max-width:600px}.sp-neon .sp-hero h1{font-size:clamp(2.5rem,8vw,3.3rem)}.sp-neon .sp-hero .sp-lead{font-size:.97rem;margin-top:24px!important}.sp-neon .sp-hero-stage:before{background-size:auto 500px;background-position:center bottom;background-repeat:no-repeat;background-image:linear-gradient(180deg,#050617 0%,transparent 40%),url('hero-siteprimo.png')}.sp-neon .sp-hero-copy{background:linear-gradient(180deg,#050617 85%,#05061700);position:relative;z-index:1;padding-bottom:25px}.sp-neon .sp-hero-art{min-height:310px}.sp-neon .sp-benefits>div{padding-block:24px;gap:17px}.sp-neon .sp-section{padding-block:60px}.sp-neon .sp-expertise{padding-bottom:0}.sp-neon .sp-footer{padding:40px 22px 25px;margin-top:50px}.sp-neon .sp-final-cta{padding:35px}.sp-neon[dir=rtl] .sp-hero h1{font-size:2.6rem}.sp-service-card h3{min-height:0}.sp-neon .sp-actions{gap:18px}}
@media(max-width:480px){.sp-service-grid{grid-template-columns:1fr}.sp-service-top{margin-bottom:20px}.sp-service-card{padding:25px}.sp-neon .sp-benefits>div{grid-template-columns:1fr 1fr;font-size:.73rem;gap:18px}.sp-neon .sp-hero-art{min-height:270px}.sp-neon .sp-hero .sp-button{padding:15px 20px}.sp-neon .sp-hero .sp-text-link{font-size:.8rem}}