
/* PlaylistPlayer France V89 — premium layout correction */
:root{
  --max:1220px;
  --radius:22px;
  --surface:rgba(14,22,41,.82);
  --surface-soft:rgba(255,255,255,.035);
  --surface-strong:#0d1425;
  --muted-2:#8794aa;
}
body{background:
  radial-gradient(circle at 12% -8%,rgba(45,108,255,.16),transparent 32%),
  radial-gradient(circle at 90% 0%,rgba(255,51,71,.11),transparent 28%),
  #060913;
}
.site-header{background:rgba(5,8,18,.9);border-bottom:1px solid rgba(255,255,255,.055)}
.nav{min-height:74px}.nav-links a{font-size:.89rem}.nav-actions .btn{min-height:46px}

/* Breadcrumbs belong to the page, not the far left of the screen */
.breadcrumb{width:100%;padding:18px 0 0;margin:0;color:#8f9cb1;font-size:.82rem}
.breadcrumb>.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.breadcrumb ol{margin:0;display:flex;align-items:center;gap:9px;list-style:none;padding:0;flex-wrap:wrap}
.breadcrumb li:last-child{color:#d7deec}.breadcrumb a{color:#9eabc0}.breadcrumb a:hover{color:#fff}

/* Internal page hero: compact and connected to the content */
.page-hero{padding:38px 0 48px;border-bottom:1px solid rgba(255,255,255,.055)}
.page-hero h1{font-size:clamp(2.35rem,5vw,4.45rem);max-width:980px;margin:18px 0 18px}
.page-hero .lead{max-width:850px;color:#c7d0df}
.page-hero .article-meta{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.page-hero+.section-sm{padding-top:48px}

/* Article reading layout */
.article-layout{grid-template-columns:250px minmax(0,850px);justify-content:space-between;gap:54px}
.toc{top:96px;background:rgba(12,18,34,.78);border-color:rgba(255,255,255,.09);box-shadow:0 18px 45px rgba(0,0,0,.12)}
.toc strong{display:block;margin-bottom:10px;color:#fff}.toc a{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.045)}.toc a:last-child{border-bottom:0}
.prose{max-width:850px;font-size:1.01rem;line-height:1.78}
.prose h2{margin-top:52px;margin-bottom:16px;font-size:clamp(1.75rem,3vw,2.45rem)}
.prose h2:first-child{margin-top:0}.prose h3{font-size:1.28rem}.prose p,.prose li{color:#c3ccdb}
.prose a{color:#a9c1ff;text-underline-offset:3px}.prose a:hover{color:#fff}
.prose .faq-list{margin-top:22px}

/* Cards: calmer and more premium */
.card{background:linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.018));border-color:rgba(255,255,255,.095);box-shadow:none}
.card-link:hover{border-color:rgba(103,145,255,.48);background:linear-gradient(155deg,rgba(45,108,255,.09),rgba(255,255,255,.025))}
.section{padding:76px 0}.section-sm{padding:50px 0}.section-head{margin-bottom:30px}
.cta-panel{border-radius:26px;padding:36px;background:linear-gradient(125deg,rgba(45,108,255,.17),rgba(255,51,71,.1));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.wa-float{right:20px;bottom:20px}

/* Pricing page */
.page-pricing .site-footer{margin-top:52px}
.pricing-hero{padding:48px 0 58px;border-bottom:1px solid rgba(255,255,255,.06)}
.pricing-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:64px;align-items:center}
.pricing-hero h1{font-size:clamp(2.65rem,5.6vw,5rem);margin:18px 0;max-width:820px}
.pricing-hero .lead{max-width:720px;color:#c6cfdd}
.pricing-hero .hero-actions{margin-top:26px}
.pricing-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:#aab6c8;font-size:.88rem}
.pricing-proof span{display:inline-flex;align-items:center;gap:7px}.pricing-proof i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(32,191,107,.14);color:#62e4a0;font-style:normal;font-size:.7rem;font-weight:900}
.pricing-spotlight{position:relative;padding:30px;border:1px solid rgba(102,145,255,.35);border-radius:28px;background:linear-gradient(155deg,rgba(45,108,255,.16),rgba(255,51,71,.075));box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden}
.pricing-spotlight:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-95px;top:-110px;background:rgba(255,255,255,.055)}
.pricing-spotlight>*{position:relative;z-index:1}.pricing-spotlight .label{display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.pricing-spotlight h2{font-size:2rem;margin:18px 0 8px}.pricing-spotlight .spot-price{display:flex;align-items:flex-start;gap:5px;font-size:4.25rem;line-height:1;font-weight:950;letter-spacing:-.07em;margin:18px 0 8px}.pricing-spotlight .spot-price small{font-size:1.2rem;margin-top:.55rem;letter-spacing:0}
.pricing-spotlight p{color:#bfc9da}.pricing-spotlight .btn{width:100%;margin-top:16px}
.pricing-plans{padding:72px 0 38px}
.pricing-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.pricing-intro>div{max-width:760px}.pricing-intro p{color:#aeb9ca;margin-bottom:0}.free-chip{display:inline-flex;align-items:center;gap:8px;padding:.65rem .85rem;border-radius:999px;background:rgba(32,191,107,.08);border:1px solid rgba(32,191,107,.22);color:#bff6d8;font-weight:800;font-size:.83rem;white-space:nowrap}
.v89-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.v89-price-card{position:relative;display:flex;flex-direction:column;min-height:445px;padding:28px;border:1px solid rgba(255,255,255,.105);border-radius:24px;background:linear-gradient(165deg,rgba(255,255,255,.052),rgba(255,255,255,.018));overflow:hidden}
.v89-price-card:hover{border-color:rgba(117,154,255,.42)}
.v89-price-card.featured{transform:translateY(-8px);border-color:rgba(255,51,71,.5);background:linear-gradient(160deg,rgba(255,51,71,.12),rgba(45,108,255,.055));box-shadow:0 28px 75px rgba(0,0,0,.27)}
.v89-price-card .best-label{position:absolute;top:18px;right:18px;padding:.38rem .62rem;border-radius:999px;background:#ff2945;color:#fff;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.v89-price-card .duration{color:#fff;font-size:1.1rem;font-weight:900}.v89-price-card .sub{color:#8fa0b7;font-size:.88rem;margin-top:4px}
.v89-price-card .amount{display:flex;align-items:flex-start;gap:5px;margin:28px 0 4px;font-size:3.7rem;line-height:1;font-weight:950;letter-spacing:-.065em}.v89-price-card .amount small{font-size:1.05rem;letter-spacing:0;margin-top:.5rem}
.v89-price-card .monthly{color:#aeb9ca;font-size:.88rem}.v89-price-card ul{list-style:none;padding:0;margin:25px 0 28px;display:grid;gap:12px;color:#d7dfeb}.v89-price-card li{position:relative;padding-left:1.45rem}.v89-price-card li:before{content:"✓";position:absolute;left:0;color:#5de69c;font-weight:950}.v89-price-card .btn{width:100%;margin-top:auto}
.pricing-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.pricing-assurance div{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.025)}.pricing-assurance strong{display:block;margin-bottom:4px}.pricing-assurance span{color:#96a4b9;font-size:.88rem}
.pricing-details{padding:54px 0}.pricing-details-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:58px;align-items:start}.pricing-details .section-head{position:sticky;top:110px}.pricing-compare{display:grid;gap:12px}.pricing-row{display:grid;grid-template-columns:1.2fr .75fr .85fr;gap:16px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:rgba(255,255,255,.025)}.pricing-row strong{font-size:1rem}.pricing-row span{color:#aab5c6;font-size:.9rem}.pricing-row .value{text-align:right;color:#fff;font-weight:850}.pricing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.pricing-step{padding:22px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:rgba(255,255,255,.025)}.pricing-step .num{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(45,108,255,.14);color:#a9c2ff;font-weight:950;margin-bottom:16px}.pricing-step p{color:#aab5c6;margin-bottom:0}
.pricing-disclosure{margin-top:22px;padding:18px 20px;border-left:3px solid #5b89ff;border-radius:0 16px 16px 0;background:rgba(45,108,255,.065);color:#bfc9da}

@media(max-width:1040px){
 .pricing-hero-grid,.pricing-details-grid{grid-template-columns:1fr}.pricing-spotlight{max-width:650px}.pricing-details .section-head{position:static}.article-layout{grid-template-columns:1fr}.toc{position:static}.pricing-hero{padding-top:36px}
}
@media(max-width:840px){
 .v89-price-grid{grid-template-columns:1fr 1fr}.v89-price-card.featured{transform:none;grid-column:1/-1}.pricing-assurance,.pricing-steps{grid-template-columns:1fr}.pricing-intro{align-items:flex-start;flex-direction:column}.free-chip{white-space:normal}
}
@media(max-width:640px){
 .breadcrumb>.container{width:min(calc(100% - 24px),var(--max))}.page-hero{padding:30px 0 38px}.pricing-hero{padding:34px 0 44px}.pricing-hero-grid{gap:34px}.pricing-spotlight{padding:24px}.pricing-spotlight .spot-price{font-size:3.55rem}.v89-price-grid{grid-template-columns:1fr}.v89-price-card.featured{grid-column:auto}.pricing-row{grid-template-columns:1fr}.pricing-row .value{text-align:left}.pricing-plans{padding-top:52px}.pricing-details{padding-top:42px}.article-layout{gap:28px}.prose{font-size:1rem}
}
