/* AbonnementsIPTV — design system DARK PREMIUM (glass + bento) — prefixe .aeu- */
:root{
  --bg:#070B16; --bg2:#0B1120; --surface:#111A2E; --surface-2:#0E1627;
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.07);
  --tx:#EAF0FB; --tx2:#AEB8CE; --mu:#7E89A3;
  --ac:#22D3EE; --ac-d:#0891B2; --ac-l:#67E8F9; --ac2:#FB7185; --ac3:#A78BFA; --ok:#34D399;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.14);
  --radius:16px; --radius-sm:11px;
  --shadow:0 2px 6px rgba(0,0,0,.4),0 18px 50px -20px rgba(0,0,0,.65);
  --glow:0 0 0 1px rgba(34,211,238,.35),0 12px 50px -8px rgba(34,211,238,.45);
  --glow-soft:0 18px 60px -18px rgba(34,211,238,.35);
  --maxw:1160px;
  --font-title:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.aeu{margin:0;background:var(--bg);color:var(--tx);font-family:var(--font-body);font-size:17px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
  background-image:radial-gradient(900px 500px at 82% -4%,rgba(34,211,238,.14),transparent 60%),radial-gradient(760px 460px at -8% 8%,rgba(167,139,250,.12),transparent 58%),radial-gradient(700px 500px at 50% 120%,rgba(251,113,133,.08),transparent 60%);
  background-attachment:fixed;background-repeat:no-repeat}
body.aeu img{max-width:100%;height:auto;display:block}
.aeu a{color:var(--ac-l);text-decoration:none}
.aeu a:hover{color:#fff;text-decoration:underline}
.aeu-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.aeu h1,.aeu h2,.aeu h3,.aeu h4{font-family:var(--font-title);color:#fff;line-height:1.14;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
.aeu h1{font-size:clamp(2rem,5.2vw,3.35rem)}
.aeu h1 .aeu-hl,.aeu .aeu-hl{background:linear-gradient(100deg,var(--ac-l),var(--ac3));-webkit-background-clip:text;background-clip:text;color:transparent}
.aeu h2{font-size:clamp(1.55rem,3.5vw,2.3rem);font-weight:800}
.aeu h3{font-size:1.18rem;font-weight:700}
.aeu p{margin:0 0 1rem}
.aeu section{padding:clamp(48px,7vw,84px) 0;position:relative}
.aeu .aeu-lead{font-size:1.13rem;color:var(--tx2)}
.aeu small,.aeu .aeu-fine{color:var(--mu);font-size:.86rem}
.aeu-ic{width:18px;height:18px;flex:none;vertical-align:middle}
.aeu-eyebrow .aeu-ic{width:15px;height:15px}

/* buttons */
.aeu-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-title);font-weight:700;font-size:1rem;line-height:1;padding:15px 28px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .14s ease,box-shadow .25s ease,background .25s ease,border-color .2s;text-align:center}
.aeu-btn:hover{text-decoration:none;transform:translateY(-2px)}
.aeu-btn-primary{background:linear-gradient(100deg,var(--ac),var(--ac3));color:#04121a;box-shadow:var(--glow-soft)}
.aeu-btn-primary:hover{box-shadow:var(--glow);color:#04121a}
.aeu-btn-ghost{background:var(--glass);color:#fff;border-color:var(--line-2);backdrop-filter:blur(8px)}
.aeu-btn-ghost:hover{border-color:var(--ac);color:#fff;background:var(--glass-2)}
.aeu-btn-block{display:flex;width:100%}
.aeu-btn svg{width:19px;height:19px}

/* reassurance */
.aeu-reassure{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 0;padding:0;list-style:none}
.aeu-reassure li{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--tx2);font-size:.95rem}
.aeu-reassure svg{width:20px;height:20px;color:var(--ac);flex:none}

/* glass card base */
.aeu-card,.aeu-feature,.aeu-step,.aeu-tablewrap,.aeu-faq details,.aeu-offerbox,.aeu-devices span,.aeu-dur,.aeu-pill,.aeu-hero-badge,.aeu-toc,.aeu-note{
  background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* hero */
.aeu-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.aeu-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 360px at 78% 30%,rgba(34,211,238,.18),transparent 62%);pointer-events:none}
.aeu-hero .aeu-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:clamp(46px,6vw,74px);padding-bottom:clamp(46px,6vw,74px);position:relative}
.aeu-hero .aeu-eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ac-l);background:var(--glass);border:1px solid var(--line-2);padding:8px 15px;border-radius:999px;margin-bottom:18px;backdrop-filter:blur(8px)}
.aeu-hero h1{margin-bottom:.4em}
.aeu-hero-media{position:relative}
.aeu-hero-media::after{content:"";position:absolute;inset:-18px;border-radius:26px;background:conic-gradient(from 160deg,rgba(34,211,238,.4),rgba(167,139,250,.25),rgba(251,113,133,.22),rgba(34,211,238,.4));filter:blur(32px);opacity:.5;z-index:-1}
.aeu-hero-media img{border-radius:20px;box-shadow:var(--shadow);width:100%;border:1px solid var(--line-2)}
.aeu-hero-badge{position:absolute;left:-14px;bottom:18px;border-radius:14px;padding:12px 15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-weight:700;font-size:.92rem;color:#fff}
.aeu-hero-badge svg{width:26px;height:26px;color:var(--ok)}

.aeu-sec-head{max-width:740px;margin:0 0 36px}
.aeu-sec-head.aeu-center{margin-left:auto;margin-right:auto;text-align:center}
.aeu-alt{background:linear-gradient(180deg,var(--bg2),transparent)}
.aeu-alt::before{content:"";position:absolute;inset:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);pointer-events:none}

/* sliding duration tabs */
.aeu-dur{display:inline-flex;position:relative;border-radius:999px;padding:5px;gap:2px;margin:0 auto 30px;max-width:100%}
.aeu-dur .aeu-dur-ind{position:absolute;top:5px;bottom:5px;border-radius:999px;background:linear-gradient(100deg,var(--ac),var(--ac3));box-shadow:var(--glow-soft);transition:transform .34s cubic-bezier(.4,.01,.2,1),width .34s cubic-bezier(.4,.01,.2,1);z-index:0}
.aeu-dur button{position:relative;z-index:1;border:0;background:transparent;font-family:var(--font-title);font-weight:700;font-size:.97rem;color:var(--tx2);padding:10px 20px;border-radius:999px;cursor:pointer;white-space:nowrap}
.aeu-dur button[aria-selected="true"]{color:#04121a}
@media(prefers-reduced-motion:reduce){.aeu-dur .aeu-dur-ind{transition:none}}

/* pricing cards */
.aeu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.aeu-card{border-radius:20px;padding:28px 26px;display:flex;flex-direction:column;position:relative;transition:transform .2s,border-color .2s,box-shadow .3s}
.aeu-card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.aeu-card.aeu-feat{border-color:transparent;box-shadow:var(--glow);background:linear-gradient(180deg,rgba(34,211,238,.1),var(--glass));transform:translateY(-8px)}
.aeu-card.aeu-feat::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(140deg,var(--ac),var(--ac3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.aeu-card .aeu-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(100deg,var(--ac),var(--ac3));color:#04121a;font-weight:800;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:999px;box-shadow:var(--glow-soft)}
.aeu-card h3{margin-bottom:4px}
.aeu-card .aeu-pname{color:var(--mu);font-size:.93rem;margin-bottom:16px}
.aeu-price{font-family:var(--font-title);font-weight:800;font-size:2.4rem;color:#fff;line-height:1}
.aeu-price .aeu-per{font-size:.95rem;font-weight:600;color:var(--mu)}
.aeu-card ul{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:11px}
.aeu-card ul li{display:flex;gap:10px;align-items:flex-start;font-size:.97rem;color:var(--tx2)}
.aeu-card ul li svg{width:19px;height:19px;color:var(--ok);flex:none;margin-top:2px}
.aeu-card .aeu-btn{margin-top:auto}

/* comparison table */
.aeu-tablewrap{overflow-x:auto;border-radius:16px;-webkit-overflow-scrolling:touch}
.aeu-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.96rem}
.aeu-table caption{text-align:left;padding:15px 18px;font-weight:700;color:var(--mu);font-size:.9rem;caption-side:top}
.aeu-table th,.aeu-table td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--line);color:var(--tx2)}
.aeu-table thead th{background:rgba(255,255,255,.04);font-family:var(--font-title);font-weight:700;color:#fff;position:sticky;top:0}
.aeu-table th[scope="row"]{text-align:left;font-weight:600;color:var(--tx);white-space:nowrap}
.aeu-table tbody tr:last-child td,.aeu-table tbody tr:last-child th{border-bottom:0}
.aeu-table .aeu-col-feat{background:rgba(34,211,238,.1);color:#fff}
.aeu-table td svg{width:18px;height:18px;color:var(--ok);margin:0 auto}
.aeu-table .aeu-no{color:var(--mu)}

/* BENTO feature grid */
.aeu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aeu-grid .aeu-feature:nth-child(1),.aeu-grid .aeu-feature:nth-child(6){grid-column:span 2}
.aeu-grid-2{grid-template-columns:repeat(2,1fr)}
.aeu-grid-2 .aeu-feature:nth-child(1),.aeu-grid-2 .aeu-feature:nth-child(6){grid-column:auto}
.aeu-feature{border-radius:18px;padding:24px;transition:transform .2s,border-color .2s}
.aeu-feature:hover{transform:translateY(-3px);border-color:var(--line-2)}
.aeu-feature .aeu-ico{width:46px;height:46px;border-radius:13px;background:linear-gradient(140deg,rgba(34,211,238,.22),rgba(167,139,250,.18));display:flex;align-items:center;justify-content:center;margin-bottom:15px;border:1px solid var(--line)}
.aeu-feature .aeu-ico svg{width:23px;height:23px;color:var(--ac-l)}
.aeu-feature h3{font-size:1.07rem;margin-bottom:6px}
.aeu-feature p{margin:0;color:var(--tx2);font-size:.96rem}

/* steps */
.aeu-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.aeu-step{position:relative;padding:26px 24px;border-radius:18px}
.aeu-step::before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,var(--ac),var(--ac3));color:#04121a;font-family:var(--font-title);font-weight:800;margin-bottom:14px;box-shadow:var(--glow-soft)}
.aeu-step h3{font-size:1.08rem;margin-bottom:6px}
.aeu-step p{margin:0;color:var(--tx2);font-size:.96rem}

/* devices */
.aeu-devices{display:flex;flex-wrap:wrap;gap:12px}
.aeu-devices span{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:11px 18px;font-weight:600;color:var(--tx2);font-size:.95rem}
.aeu-devices svg{width:20px;height:20px;color:var(--ac-l)}

/* split / prose */
.aeu-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.aeu-prose h3{margin-top:1.3em;color:#fff}
.aeu-prose ul{padding-left:1.1em;color:var(--tx2)}
.aeu-prose ul li{margin-bottom:.45em}
.aeu-prose strong{color:#fff}

/* why bento */
.aeu-why{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0;margin:0}
.aeu-why li{display:flex;gap:14px;list-style:none;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:20px;backdrop-filter:blur(14px)}
.aeu-why .aeu-ico{flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,rgba(52,211,153,.22),rgba(34,211,238,.16));display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.aeu-why .aeu-ico svg{width:21px;height:21px;color:var(--ok)}
.aeu-why h3{font-size:1.05rem;margin:2px 0 4px}
.aeu-why p{margin:0;color:var(--tx2);font-size:.95rem}

/* faq */
.aeu-faq{max-width:840px;margin:0 auto}
.aeu-faq details{border-radius:14px;margin-bottom:12px;overflow:hidden}
.aeu-faq summary{cursor:pointer;padding:18px 22px;font-family:var(--font-title);font-weight:700;font-size:1.03rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#fff}
.aeu-faq summary::-webkit-details-marker{display:none}
.aeu-faq summary::after{content:"";width:11px;height:11px;border-right:2px solid var(--ac-l);border-bottom:2px solid var(--ac-l);transform:rotate(45deg);transition:transform .2s;flex:none;margin-top:-4px}
.aeu-faq details[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.aeu-faq details p{padding:0 22px 20px;margin:0;color:var(--tx2);font-size:.98rem}

/* recap band */
.aeu-recap{position:relative;border-radius:24px;padding:40px;text-align:center;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(167,139,250,.14));backdrop-filter:blur(16px)}
.aeu-recap::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 240px at 50% -10%,rgba(34,211,238,.3),transparent 60%);pointer-events:none}
.aeu-recap h2{color:#fff;position:relative}
.aeu-recap p{color:var(--tx2);position:relative}
.aeu-recap .aeu-recap-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;position:relative}
.aeu-recap .aeu-btn-ghost{background:rgba(255,255,255,.08);border-color:var(--line-2);color:#fff}

/* section image */
.aeu-sec-img{width:100%;border-radius:18px;border:1px solid var(--line-2);box-shadow:var(--shadow);margin:0 0 30px;object-fit:cover;max-height:300px}

/* pay logos */
.aeu-pays{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}
.aeu-pays svg{height:30px;width:auto;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.aeu-pays .aeu-pay-note{color:var(--mu);font-size:.88rem;width:100%;margin-top:4px}

/* header */
.aeu-header{position:sticky;top:0;z-index:50;background:rgba(7,11,22,.72);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.aeu-header .aeu-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}
.aeu-logo img{height:38px;width:auto}
.aeu-nav{display:flex;align-items:center;gap:26px}
.aeu-nav a{color:var(--tx2);font-weight:600;font-size:.97rem}
.aeu-nav a:hover{color:#fff;text-decoration:none}
.aeu-nav-cta{margin-left:4px}
.aeu-burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.aeu-burger svg{width:26px;height:26px;color:#fff}

/* footer */
.aeu-footer{background:var(--surface-2);color:var(--tx2);padding:56px 0 28px;font-size:.95rem;border-top:1px solid var(--line)}
.aeu-footer a{color:var(--tx2)}
.aeu-footer a:hover{color:#fff}
.aeu-footer .aeu-wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px}
.aeu-footer h4{color:#fff;font-size:1rem;margin:0 0 14px}
.aeu-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.aeu-footer .aeu-foot-logo img{height:34px;margin-bottom:14px}
.aeu-footer .aeu-foot-contact a{color:#fff;font-weight:600}
.aeu-footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--mu);font-size:.86rem}

/* breadcrumb */
.aeu-crumb{font-size:.88rem;color:var(--mu);padding:18px 0 0}
.aeu-crumb a{color:var(--mu)}
.aeu-crumb a:hover{color:var(--ac-l)}
.aeu-crumb span{margin:0 6px}

/* product sheet */
.aeu-prod{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;padding-top:12px}
.aeu-prod-media img{border-radius:18px;border:1px solid var(--line-2);box-shadow:var(--shadow)}
.aeu-pills-group{margin:18px 0}
.aeu-pills-group .aeu-pills-label{font-weight:700;font-size:.9rem;color:var(--tx2);margin-bottom:8px}
.aeu-pills{display:flex;flex-wrap:wrap;gap:9px}
.aeu-pill{border-radius:999px;padding:9px 17px;font-weight:700;font-size:.95rem;color:var(--tx2);cursor:pointer}
.aeu-pill[aria-pressed="true"]{border-color:var(--ac);background:rgba(34,211,238,.14);color:#fff;box-shadow:var(--glow-soft)}
.aeu-prod-price{font-family:var(--font-title);font-weight:800;font-size:2.7rem;margin:8px 0 2px;color:#fff}
.aeu-prod-price .aeu-per{font-size:1rem;font-weight:600;color:var(--mu)}

/* article */
.aeu-article{max-width:810px;margin:0 auto}
.aeu-article h2{margin-top:1.6em}
.aeu-toc{border-radius:14px;padding:20px 24px;margin:24px 0}
.aeu-toc strong{display:block;margin-bottom:8px;color:#fff}
.aeu-toc ol{margin:0;padding-left:1.2em;color:var(--ac-l)}
.aeu-note{border-left:3px solid var(--ac);border-radius:0 12px 12px 0;padding:15px 20px;margin:20px 0}
.aeu-note strong{color:#fff}
.aeu-offerbox{border-radius:16px;padding:24px;box-shadow:var(--shadow);margin:24px 0}
.aeu-offerbox strong{color:#fff}
.aeu-byline{color:var(--mu);font-size:.9rem;border-top:1px solid var(--line);margin-top:32px;padding-top:16px}

/* utilities */
.aeu-center{text-align:center}
.aeu-mt0{margin-top:0}

/* responsive */
@media(max-width:900px){
  .aeu-hero .aeu-wrap{grid-template-columns:1fr;gap:30px}
  .aeu-hero-media{order:-1}
  .aeu-split,.aeu-prod{grid-template-columns:1fr;gap:26px}
  .aeu-grid{grid-template-columns:repeat(2,1fr)}
  .aeu-grid .aeu-feature:nth-child(1),.aeu-grid .aeu-feature:nth-child(6){grid-column:auto}
  .aeu-steps,.aeu-why,.aeu-cards{grid-template-columns:1fr 1fr}
  .aeu-footer .aeu-wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body.aeu{font-size:16px}
  .aeu-nav{display:none}
  .aeu-nav.aeu-open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(7,11,22,.96);border-bottom:1px solid var(--line);padding:8px 20px 16px;backdrop-filter:blur(14px)}
  .aeu-nav.aeu-open a{padding:13px 0;border-bottom:1px solid var(--line)}
  .aeu-nav.aeu-open .aeu-nav-cta{margin-top:12px}
  .aeu-burger{display:inline-flex}
  .aeu-grid,.aeu-steps,.aeu-why,.aeu-cards,.aeu-grid-2{grid-template-columns:1fr}
  .aeu-card.aeu-feat{transform:none}
  .aeu-footer .aeu-wrap{grid-template-columns:1fr}
}