/* IPTVIO Ocean — shared presentation for the French and English editions. */
:root{--bg:#060d18;--surface:#0f1b2c;--text:#f4f7fc;--muted:#b0bdd0;--line:#9ebee728;--blue:#58b9ff;--cyan:#36ceef;--accent:#379fe9;--wrap:1280px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
body{background:#060d18;background-image:radial-gradient(ellipse 100% 850px at 50% 0,#123b6060,transparent);background-repeat:no-repeat;background-attachment:scroll;color:var(--text)}
h1,h2,h3{font-family:inherit;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(2rem,3.9vw,3.65rem);line-height:1.12;font-weight:650}h3{font-size:clamp(1.35rem,2.15vw,2rem);line-height:1.22;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(var(--wrap),calc(100% - 96px))}.icon{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#81c9f6;line-height:1.6}.section{padding-block:100px}.section-intro{margin-bottom:38px}.section-intro h2{margin:12px 0 20px}.section-intro>p{max-width:760px}.section-intro.centered>p{margin-inline:auto}.intro-split{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}.intro-split>p{font-size:17px;line-height:1.75;padding-bottom:20px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.section-footnote{font-size:13px;line-height:1.75;color:#94a8c2;margin-top:24px}.section-footnote.centered{margin-inline:auto}.text-link{color:#91d1ff;font-size:14px;font-weight:600;gap:10px}.button{border-radius:999px;background:#ffffff08;border:1px solid #d8e9ff30;gap:14px;min-height:50px;padding:12px 23px;font-size:14px}.button.primary{background:#9adaff;color:#06233a;border-color:#bee8ff;box-shadow:inset 0 1px 0 #fff8,0 6px 26px #148aff20}.button.primary:hover{background:#bce9ff;box-shadow:0 8px 32px #148aff35}.button:hover{transform:translateY(-2px)}
.site-header{position:sticky;top:0;padding:14px 24px;z-index:30;border:0;background:#07101b88;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header-inner{width:min(1400px,100%);height:64px;gap:22px;padding:0 22px;border:1px solid #abcdf329;border-radius:20px;background:#12243b85;box-shadow:inset 0 1px 0 #ffffff0b,0 8px 30px #0002}.brand-logo{width:142px;height:auto;object-fit:contain}.site-header nav{gap:25px;font-size:13px;color:#d1dcea;white-space:nowrap}.site-header nav a{padding-block:12px}.header-cta{margin-left:auto}.language-switch{display:flex;align-items:center;gap:2px;border:1px solid #bed7f422;padding:3px;border-radius:999px;flex:none}.language-switch a{padding:7px 8px;border-radius:999px;font-size:11px;line-height:1;color:#a8bdd4;font-weight:650}.language-switch a[aria-current=page]{background:#77c4ff24;color:#def3ff}.mobile-nav-footer{display:none}
.hero{padding-top:64px;overflow:hidden;background:none;position:relative;isolation:isolate}.hero-light{position:absolute;inset:28% 0 -6%;background:radial-gradient(ellipse at 50% 66%,#1168b82e,transparent 65%);z-index:-1;pointer-events:none}.hero-aurora{display:none}.hero-copy{max-width:1050px}.app-icon-glass{width:66px;height:66px;margin:0 auto 23px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#93d5ff1e,#122841);border:1px solid #9bd4ff38;box-shadow:inset 0 1px 0 #fff2,0 12px 40px #138beb15}.app-icon-glass img{width:49px;height:49px;object-fit:contain}.hero h1{font-size:clamp(3.2rem,5.8vw,5.55rem);line-height:1.055;letter-spacing:-.052em;font-weight:680;margin:22px 0}.hero h1 span{background:none;color:#73c7ff}.hero .lead{max-width:780px;margin:0 auto;color:#b9cbe0;font-size:19px;line-height:1.7;text-wrap:pretty}.hero .actions{margin-top:29px;gap:12px}.platform-status{display:flex;justify-content:center;gap:30px;margin:28px auto 0;font-size:12px}.platform-status>div{display:flex;flex-direction:column;gap:3px;text-align:left}.platform-status>div+div{padding-left:30px;border-left:1px solid var(--line)}.platform-status strong{font-size:13px;font-weight:600;color:#dde9f6}.platform-status span{color:#96acc4}.platform-status .coming-soon{display:inline-block;color:#b7dfff;background:#559de21a;padding:1px 7px;border-radius:8px;font-size:10px;margin-left:5px}.universe-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px auto 0}.universe-shortcuts a{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;font-size:11px;border:1px solid #90b5e219;color:#b5cae0;background:#10213755}.universe-shortcuts a>span{color:#5390c3;font-size:10px}.universe-shortcuts a:hover{background:#204366;color:#fff}
.showcase{max-width:1400px;width:calc(100% - 64px);margin-top:45px}.screen-tabs{width:max-content;max-width:100%;display:flex;gap:4px;margin:0 auto 18px;padding:5px;border:1px solid #bedcff26;border-radius:999px;background:#11243b99}.screen-tabs button{display:flex;gap:7px;align-items:center;padding:9px 17px;border-radius:999px;font-size:13px;color:#a5bcd5;white-space:nowrap}.screen-tabs button .icon{width:17px;height:17px}.screen-tabs button[aria-selected=true]{color:#e5f5ff;background:#3e8dcb38;border-color:#8dccff45;box-shadow:inset 0 1px 0 #fff1}.tv-frame{padding:7px;border-radius:22px;background:linear-gradient(135deg,#72a7d957,#112440 45%,#407daf40);border:1px solid #a8d6ff44;box-shadow:0 38px 90px #0006,0 0 90px #138ee918}.screen-panel{border-radius:15px;overflow:hidden}.screen-panel img,.product-capture img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.screen-caption{display:flex;justify-content:space-between;gap:16px;color:#8fabc6;margin:16px 4px 0;font-size:12px}.showcase>.section-footnote{font-size:12px;margin-top:10px;max-width:1000px}.compatibility{padding:44px 0;border-bottom:1px solid var(--line)}.compatibility p{color:#7597b9;letter-spacing:.1em;font-size:10px}.compatibility>div{gap:28px 40px;font-size:17px;font-weight:550;color:#bfcee1;margin-top:23px}.compatibility>div>span{display:inline-flex;gap:9px;align-items:center}.service-logo{width:27px;height:27px;object-fit:contain}.service-description{display:flex;align-items:center;gap:12px}.service-description img{width:32px;height:32px;object-fit:contain}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.experience-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;padding:28px;background:#101e30;min-width:0;overflow:hidden}.experience-card h3{font-size:25px;margin:0 0 17px}.experience-card>p{font-size:15px;line-height:1.7;margin-bottom:28px}.experience-card .product-capture{margin-top:auto;border-radius:12px}.live-card{background:linear-gradient(145deg,#15314d,#0e1a2b)}.cinema-card{background:linear-gradient(145deg,#222f54,#111a30)}.multi-card{background:linear-gradient(145deg,#3b3025,#1c212c)}.feature-icon{width:40px;height:40px;border-radius:12px;border:1px solid #94d3ff29;background:#70c1ff10;color:#9bd6ff;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.feature-icon .icon{width:23px;height:23px}.glass-panel{border:1px solid #a0c9ed30;border-radius:22px;background:#0c1727;box-shadow:0 22px 60px #0003}.product-capture{display:block;width:100%;min-width:0;height:auto;min-height:0;margin:24px 0 0;padding:0;overflow:hidden;align-self:center;transform:none;border-radius:20px}.product-capture figcaption{padding:15px 19px;font-size:12px;line-height:1.6;color:#b3c7df;background:#112035}.capture-link{display:block;position:relative;cursor:zoom-in;line-height:0}.capture-zoom{position:absolute;right:12px;bottom:12px;width:32px;height:32px;display:grid;place-items:center;line-height:1;font-size:20px;border-radius:50%;background:#102439d9;border:1px solid #bde3ff44;color:#e7f6ff;backdrop-filter:blur(14px)}.capture-link:hover .capture-zoom{background:#256c9c}.capture-link:focus-visible{outline:3px solid #7bc7ff;outline-offset:-3px}.capture-viewer{position:fixed;inset:0;margin:auto;width:min(1920px,98vw);max-width:98vw;max-height:98dvh;padding:58px 12px 12px;border:1px solid #a1d2ff38;border-radius:18px;background:#091525f5;color:#f5faff;box-shadow:0 30px 120px #000b;overflow:auto}.capture-viewer::backdrop{background:#02070ee8;backdrop-filter:blur(12px)}.capture-viewer img{width:100%;height:auto}.viewer-close{position:absolute;right:14px;top:11px;min-height:35px;padding:6px 15px;border:1px solid var(--line);border-radius:999px;color:#fff;background:#203d5a}.viewer-caption{font-size:13px;line-height:1.6;padding:12px 5px 0;color:#b6c9df}
.stremio-section{background:radial-gradient(ellipse at 50% 45%,#24469c19,transparent 70%)}.stremio-section .compatibility-disclosure{font-size:13px;color:#91a5bf;margin-top:18px;max-width:740px;line-height:1.7}.ecosystem-grid{display:grid;gap:28px}.ecosystem-card{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);column-gap:38px;align-items:start;padding:36px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(125deg,#152746,#101b2c);min-width:0}.ecosystem-card .card-top,.ecosystem-card>h3,.ecosystem-card>p,.ecosystem-card .feature-annotation{grid-column:1}.ecosystem-card h3{margin-bottom:18px}.ecosystem-card>p{font-size:15px;line-height:1.75}.ecosystem-card .product-capture{grid-column:2;grid-row:1/span 4;margin:0;align-self:center}.ecosystem-card .feature-annotation{margin-top:24px;font-size:13px;padding-top:18px;border-top:1px solid var(--line)}.ecosystem-card .collection-extra{grid-column:1/-1;grid-row:auto;margin-top:26px}.collection-card{background:linear-gradient(135deg,#223252,#132534)}
.personal-section{background:radial-gradient(ellipse at 50% 50%,#163c6933,transparent 75%)}.personal-section .split-layout{grid-template-columns:1fr;gap:32px}.personal-section .split-copy{max-width:820px}.split-copy h2{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.13;margin:12px 0 23px}.split-copy>p:not(.eyebrow){font-size:17px;line-height:1.8}.personal-details{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0}.personal-details li{border:1px solid #9fc7ef28;border-radius:999px;padding:8px 13px;font-size:12px;color:#bcd5eb;background:#142a4366}.split-copy .theme-selection{font-size:13px;color:#90aecb}.theme-picker{display:flex;justify-content:flex-start;gap:8px;margin-bottom:20px}.theme-picker button{border:1px solid #a7cce22e;padding:11px 18px;background:#112139;color:#9fb4ce;border-radius:999px;display:flex;gap:9px;align-items:center;font-size:13px}.theme-picker button:before{content:'';width:12px;height:12px;border-radius:50%;background:#2f9be5;box-shadow:inset 0 0 0 1px #fff3}.theme-picker [data-app-theme=black]:before{background:#f0a73d}.theme-picker [data-app-theme=aurora]:before{background:#be81ff}.theme-picker button[aria-selected=true]{background:#294c7055;border-color:#75b9ed80;color:#e2f3ff}.theme-gallery .product-capture{margin:0}.theme-panel figcaption{display:flex;align-items:center;gap:10px}
.speed-section{padding-top:30px;padding-bottom:60px}.speed-glass{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;padding:50px;border-radius:28px;background:linear-gradient(125deg,#173b59,#101e33);border:1px solid #8ab9ed30}.speed-symbol{color:#81caff;margin-bottom:24px}.speed-symbol .icon{width:42px;height:42px}.speed-title h2{margin:13px 0 23px}.speed-title>p:last-child{font-size:16px;line-height:1.75}.speed-points article{padding:22px 0;border-bottom:1px solid var(--line)}.speed-points article:first-child{padding-top:0}.speed-points article:last-child{border-bottom:0;padding-bottom:0}.speed-points article>span{font-size:10px;color:#8caacb;letter-spacing:.06em}.speed-points h3{font-size:23px;margin:8px 0 10px}.speed-points p{font-size:14px;line-height:1.75}.player-captures{display:grid;grid-template-columns:1fr 1fr;gap:24px}.player-captures .product-capture{margin:0}.offline-section{display:grid;grid-template-columns:1fr 1.3fr;gap:44px;align-items:center}.offline-copy h2{margin:14px 0 24px}.offline-copy>p{font-size:16px;line-height:1.8}.offline-benefits{list-style:none;padding:0;margin:26px 0;display:grid;gap:13px}.offline-benefits li{display:flex;align-items:center;gap:12px;font-size:14px;color:#c1d3e6}.offline-benefits .icon{width:19px;color:#77c5ff}.offline-section>.product-capture{margin:0}.offline-note{grid-column:1/-1;margin-top:0;max-width:1000px}.network-section{padding-top:50px}.network-section>.product-capture{margin-top:0}.network-points{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.network-points article{border-top:1px solid var(--line);padding-top:23px}.network-points h3{font-size:21px;margin-bottom:14px}.network-points p{font-size:14px;line-height:1.8}.family-section{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;background:none}.family-section .product-capture{margin:0;height:auto}.family-feature{display:flex;gap:16px;align-items:flex-start;padding:21px 0;border-bottom:1px solid var(--line);background:none}.family-feature>.icon{width:23px;height:23px;color:#8dccff;margin-top:3px}.family-feature h3{font-size:18px;margin-bottom:7px}.family-feature p{font-size:14px;line-height:1.7}.family-section .text-link{margin-top:23px}.favorites-story{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center}.favorites-story .product-capture{margin:0}.favorite-features article{position:relative;display:grid;grid-template-columns:32px 1fr;gap:0 16px;padding:22px 0;border-bottom:1px solid var(--line)}.favorite-features article:first-child{padding-top:0}.favorite-number{grid-row:span 2;font-size:12px;color:#eec977;padding-top:3px}.favorite-features h3{font-size:20px;margin-bottom:9px}.favorite-features p{font-size:14px;line-height:1.75}.web-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px}.web-benefits article{padding:32px;border-radius:22px;border:1px solid var(--line);background:#12223a}.web-benefits h3{margin-bottom:15px}.web-benefits p{font-size:15px;line-height:1.8}.privacy-strip{display:flex;align-items:center;gap:24px;padding:30px 34px;margin-block:25px 70px;border:1px solid var(--line);border-radius:22px;background:#14283d}.privacy-strip-icon{width:44px;height:44px;display:grid;place-items:center;flex:none;color:#8bd2ff;background:#4da8e718;border-radius:14px}.privacy-strip>div:not(.privacy-strip-icon){flex:1}.privacy-strip h3{font-size:19px;margin-bottom:7px}.privacy-strip p{font-size:14px;line-height:1.7}.privacy-strip>.text-link{flex:none}
.pro-section{padding-top:40px}.pro-section>.section-intro{max-width:810px;margin-inline:auto;text-align:center}.pro-section>.section-intro .eyebrow{justify-content:center}.plans{max-width:none;gap:24px}.plan{padding:34px;border-radius:24px;background:#101d2e;border-color:var(--line)}.pro-plan{border-color:#68b8f560;background:linear-gradient(145deg,#17466b,#111f37);box-shadow:0 20px 65px #0002}.plan-label{font-size:13px;color:#d4e9fc;letter-spacing:.02em}.plan-top{min-height:30px}.plan-price{font-size:13px;color:#94b0ce}.plan h3{font-size:29px;margin:23px 0 15px}.plan>p{font-size:15px}.plan .check-list{min-height:230px;margin:25px 0;color:#bbcee2;font-size:14px}.check-list li:before{color:#78c7ff}.pro-badge,.included-badge{font-size:10px;padding:4px 8px;border-radius:7px;letter-spacing:.04em;line-height:1.2;border:1px solid #acd5ff30;background:#579ccc18;color:#c7e6ff}.pro-badge{color:#f5d18a;background:#e5b05010;border-color:#e5b05035}.plan-note{max-width:900px;color:#91a7c1}.pricing-section{margin:55px 0;padding:36px;border:1px solid #a3c9ed26;border-radius:26px;background:#111f33}.pricing-heading{display:flex;gap:28px;justify-content:space-between;align-items:center;margin-bottom:25px}.pricing-heading h3{font-size:26px;margin-bottom:10px}.pricing-heading p{font-size:14px;max-width:680px}.currency-picker{display:flex;flex:none;align-items:center;gap:10px;font-size:12px;color:#bed1e5}.currency-picker select{background:#203652;color:#edf7ff;border:1px solid #bddaff38;border-radius:10px;min-height:42px;padding:8px 28px 8px 10px;font:inherit}.pricing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-option{padding:24px;border:1px solid var(--line);border-radius:17px;background:#0a172a}.price-option h4{font-size:14px;margin:0 0 16px;color:#b9cde3;font-weight:550}.price-option.annual-offer{border-color:#68b8ff80;background:#1e436055}.offer-amount{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:30px;font-weight:650;line-height:1.2;color:#f1f8ff;letter-spacing:-.035em}.offer-amount small{font-size:13px;font-weight:400;letter-spacing:0;color:#9eb9d4}.price-option>p:last-child{font-size:12px;margin-top:15px}.pricing-note,.conversion-note{font-size:12px;line-height:1.75;margin-top:18px}.conversion-note a{text-decoration:underline}.pricing-section>.text-link{margin-top:20px}.comparison-disclosure{margin-top:25px;border-top:1px solid var(--line)}.comparison-disclosure>summary{padding:24px 0;cursor:pointer;font-size:21px;font-weight:600;color:#e4f1fc}.comparison-disclosure>summary span{font-size:13px;color:#8daac6;font-weight:400;margin-left:15px}.comparison-disclosure>summary .icon{width:18px}.comparison-section{margin-top:18px}.comparison-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.comparison-title h3{font-size:26px}.comparison-title p{font-size:13px}.comparison-filters{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.comparison-filters button{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#112239;color:#a9bfd8;font-size:13px}.comparison-filters button[aria-pressed=true]{background:#315d8766;color:#e2f3ff;border-color:#78b9ea75}.comparison-table-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden}.comparison-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;background:#0c1829}.comparison-table th,.comparison-table td{padding:18px 24px;border-bottom:1px solid #a1c6ee14}.comparison-table th{font-weight:500}.comparison-table td{width:130px;text-align:center}.comparison-table thead th{background:#172b44;font-size:14px;color:#deedfd}.comparison-table thead th:not(:first-child){text-align:center}.comparison-table th strong{display:block;font-size:14px;font-weight:600;color:#dceafa}.comparison-table th span{display:block;font-size:12px;line-height:1.6;color:#8fa8c3;margin-top:4px}.comparison-group-title th{background:#1e416340;color:#83c6f6;font-size:12px;letter-spacing:.02em}.comparison-yes{color:#81caff}.comparison-yes .icon{width:19px;height:19px}.comparison-no{color:#567391}.comparison-label{font-size:12px;color:#bdcede}
.steps-grid{gap:40px}.steps-grid article>span{font-size:13px;color:#76b5e7}.steps-grid h3{font-size:24px;margin:14px 0}.steps-grid p{font-size:15px;line-height:1.8}.content-note{display:flex;align-items:flex-start;gap:15px;margin-top:40px;border-top:1px solid var(--line);padding-top:25px;color:#91bad9;font-size:14px}.content-note>span{flex:none}.content-note p{font-size:13px;line-height:1.8}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{position:relative;padding-right:30px;font-size:16px;color:#d2e4f5;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;top:0;color:#80bce8}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;line-height:1.8;margin-top:17px}.faq-list a{text-decoration:underline;color:#a2d5fb}.contact-banner{padding:62px 68px;margin-top:30px;margin-bottom:100px;text-align:left;border-radius:28px;border:1px solid #92caf348;background:radial-gradient(ellipse at 100% 100%,#3467af44,transparent 75%),#112d49;position:relative;overflow:hidden}.contact-banner .eyebrow{justify-content:flex-start}.contact-banner h2{font-size:clamp(2rem,3.9vw,3.5rem);max-width:850px;margin:16px 0 22px}.contact-banner>p:not(.eyebrow){max-width:760px;line-height:1.85;font-size:17px}.contact-banner .button{margin-top:30px}.site-footer{padding-top:50px;padding-bottom:25px;border-color:var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top p{font-size:14px;margin-top:14px}.footer-links{color:#b1c5dc}.footer-notice{color:#839cb9!important}.footer-bottom{color:#829bb7;border-color:var(--line)}
@media(min-width:901px) and (max-width:1180px){.site-header nav{gap:15px;font-size:12px}.header-cta{display:none}.header-inner{gap:20px}.intro-split{gap:35px}.experience-card{padding:23px}.experience-card h3{font-size:23px}.ecosystem-card{padding:28px;column-gap:28px}.family-section{gap:30px}.brand-logo{width:133px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.capture-open{overflow:hidden}.capture-viewer>p{padding:12px 5px 0;font-size:13px;line-height:1.6;color:#b6c9df}
.replay-story{padding-top:40px}.replay-story>.product-capture{margin-top:0}
/* Keep the offer name and its description on separate lines. */
.plan>.plan-price{font-size:clamp(24px,3vw,32px);font-weight:650;line-height:1.2;color:#f0f7ff;margin:22px 0}
.plan-price>span{display:block;font-size:14px;font-weight:400;line-height:1.6;color:#a7bdd3;margin-top:13px}