
:root{
  --bg:#050812;
  --bg2:#07152f;
  --card:rgba(9,18,38,.82);
  --line:rgba(255,255,255,.12);
  --text:#fff;
  --muted:rgba(255,255,255,.82);
  --accent:#ff7f32;
  --accent2:#ff9b52;
  --shell:min(1480px, calc(100vw - 48px));
  --radius:28px;
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
body.tpr-body{background:
 radial-gradient(circle at left top, rgba(0,88,255,.14), transparent 28%),
 radial-gradient(circle at right top, rgba(255,125,47,.14), transparent 24%),
 linear-gradient(180deg,#030712 0%,#06122a 100%);}
body.tpr-body.admin-bar .tpr-header{top:32px}
@media (max-width:782px){body.tpr-body.admin-bar .tpr-header{top:46px}}
.tpr-shell{width:var(--shell);margin:0 auto}
.tpr-header{position:sticky;top:0;z-index:1000;background:rgba(3,7,18,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.tpr-header-inner{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px 0}
.tpr-brand{text-decoration:none;color:#fff;display:flex;flex-direction:column;line-height:1.1}
.tpr-brand-title{font-size:30px;font-weight:900;letter-spacing:-.04em}
.tpr-brand-sub{font-size:13px;color:rgba(255,255,255,.76)}
.tpr-nav{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:flex-end}
.tpr-nav-link{color:#fff;text-decoration:none;padding:12px 16px;border-radius:999px;font-weight:700;font-size:15px}
.tpr-nav-link:hover,.tpr-nav-link.is-active{background:rgba(255,255,255,.08);color:#fff}
.tpr-main{min-height:70vh}
.tpr-hero{position:relative;min-height:74vh;background-size:cover;background-position:center center;display:flex;align-items:flex-end}
.tpr-overlay{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(3,7,18,.74) 0%, rgba(3,7,18,.58) 34%, rgba(3,7,18,.26) 66%, rgba(3,7,18,.42) 100%),
 linear-gradient(180deg,rgba(3,7,18,.22) 0%, rgba(3,7,18,.10) 48%, rgba(3,7,18,.82) 100%)}
.tpr-hero-inner{position:relative;z-index:2;max-width:840px;padding:82px 0 78px}
.tpr-pill{display:inline-flex;padding:11px 18px;border:1px solid rgba(255,127,50,.5);border-radius:999px;color:#ffb07a;font-weight:800;letter-spacing:.16em;font-size:12px}
.tpr-hero h1{margin:20px 0 18px;font-size:clamp(42px,7vw,88px);line-height:.94;letter-spacing:-.06em;max-width:980px;text-wrap:balance;color:#fff}
.tpr-lead{max-width:760px;font-size:clamp(18px,2vw,28px);line-height:1.5;color:var(--muted)}
.tpr-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.tpr-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 28px;border-radius:999px;text-decoration:none;font-weight:900;font-size:18px;border:1px solid rgba(255,255,255,.18)}
.tpr-btn-primary{background:var(--accent);color:#101010;border-color:transparent}
.tpr-btn-ghost{background:rgba(7,17,36,.46);color:#fff}
.tpr-section{padding:56px 0}
.tpr-kicker{color:#ffb07a;font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:14px}
.tpr-split{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;align-items:start}
.tpr-split h2{font-size:clamp(30px,4vw,54px);line-height:1.04;letter-spacing:-.04em;margin:0 0 12px}
.tpr-split p{font-size:18px;color:var(--muted);line-height:1.7}
.tpr-grid{display:grid;gap:22px}
.tpr-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tpr-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tpr-card,.tpr-panel,.tpr-stat,.tpr-news-card,.tpr-formule{
  background:linear-gradient(180deg, rgba(9,18,38,.86), rgba(3,9,22,.9));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 8px 40px rgba(0,0,0,.22)
}
.tpr-card{padding:28px;min-height:190px}
.tpr-card h3{margin:0 0 10px;font-size:clamp(24px,2.6vw,36px);line-height:1.08;letter-spacing:-.04em;color:#fff}
.tpr-card p{margin:0;font-size:18px;line-height:1.65;color:var(--muted)}
.tpr-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:-48px;position:relative;z-index:5}
.tpr-stat{padding:26px}
.tpr-stat strong{display:block;font-size:clamp(24px,2.8vw,44px);line-height:1.05;letter-spacing:-.05em;word-break:break-word}
.tpr-stat span{display:block;margin-top:10px;color:var(--muted);font-size:17px;line-height:1.5}
.tpr-note{margin-top:22px;padding:22px 24px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff}
.tpr-formules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:30px}
.tpr-formule{padding:26px}
.tpr-formule .price{display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--accent);color:#111;font-weight:900}
.tpr-formule h3{margin:18px 0 10px;font-size:30px;line-height:1.08;letter-spacing:-.04em}
.tpr-formule p{margin:0;color:var(--muted);font-size:18px;line-height:1.65}
.tpr-panel{padding:30px;margin-top:30px}
.tpr-panel h2{margin:0 0 8px;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}
.tpr-panel p{color:var(--muted);font-size:18px}
.tpr-form{margin-top:18px}
.tpr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tpr-form input,.tpr-form textarea{
  width:100%;box-sizing:border-box;border-radius:18px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);color:#fff;padding:16px 18px;font-size:17px
}
.tpr-form textarea{grid-column:1/-1;min-height:150px;resize:vertical}
.tpr-alert{padding:14px 16px;border-radius:14px;margin-bottom:16px}
.tpr-alert.success{background:rgba(36,204,120,.14);border:1px solid rgba(36,204,120,.35)}
.tpr-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.tpr-news-card{padding:22px;display:flex;flex-direction:column;min-height:280px}
.tpr-date{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,127,50,.35);color:#ffb07a;font-size:12px;font-weight:800}
.tpr-news-card h3{margin:16px 0 10px;font-size:clamp(22px,2vw,32px);line-height:1.1;letter-spacing:-.04em;color:#fff}
.tpr-news-card p{margin:0 0 16px;color:var(--muted);font-size:16px;line-height:1.6}
.tpr-news-card a{margin-top:auto;color:#ffb07a;text-decoration:none;font-weight:800}
.tpr-footer{padding:26px 0 50px;border-top:1px solid rgba(255,255,255,.08)}
.tpr-footer-inner{display:flex;justify-content:space-between;gap:24px;color:var(--muted)}
.tpr-footer a{color:#fff;text-decoration:none}
.tpr-woo-shell ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px!important;margin:0!important;padding:0!important}
.tpr-woo-shell ul.products li.product{
  width:auto!important;float:none!important;margin:0!important;padding:22px!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:24px
}
.tpr-woo-shell .woocommerce-message,.tpr-woo-shell .woocommerce-info,.tpr-woo-shell .woocommerce-error{background:rgba(255,255,255,.05);color:#fff;border-top-color:var(--accent)}
.tpr-woo-shell .button,.tpr-woo-shell button,.tpr-woo-shell input.button{background:var(--accent)!important;color:#111!important;border-radius:999px!important;padding:14px 20px!important;border:none!important}
@media (max-width:1200px){
  .tpr-news-grid,.tpr-formules,.tpr-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tpr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tpr-split{grid-template-columns:1fr}
}
@media (max-width:820px){
  .tpr-shell{width:min(100vw - 24px, 100vw - 24px)}
  .tpr-header-inner{flex-direction:column;align-items:flex-start}
  .tpr-nav{justify-content:flex-start}
  .tpr-hero{min-height:68vh}
  .tpr-hero h1{font-size:44px}
  .tpr-lead{font-size:18px}
  .tpr-news-grid,.tpr-formules,.tpr-stat-grid,.tpr-grid-2,.tpr-grid-3,.tpr-form-grid,.tpr-woo-shell ul.products{grid-template-columns:1fr!important}
}

.tpr-lang-switcher{display:flex;align-items:center;gap:6px;margin-left:8px;padding-left:10px;border-left:1px solid rgba(255,255,255,.12)}
.tpr-lang-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:999px;text-decoration:none;font-weight:800;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.tpr-lang-link:hover,.tpr-lang-link.is-active{background:var(--accent);border-color:var(--accent);color:#111}
@media (max-width:820px){.tpr-lang-switcher{margin-left:0;padding-left:0;border-left:none}}
