:root {--ecd-navy: #05253a; --ecd-navy-deep: #031a2b; --ecd-blue: #1689ff; --ecd-cyan: #15d4d1; --ecd-mint: #2ee6b7; --ecd-text: #edf8ff; --ecd-muted: #9fc2d4; --ecd-line: rgba(94, 203, 255, 0.19); --ecd-card: linear-gradient(155deg, rgba(13, 63, 91, 0.86), rgba(5, 37, 58, 0.9)); --ecd-shadow: 0 24px 70px rgba(0, 10, 23, 0.35);}
html[data-page="extension-detail"] {scroll-behavior: smooth;}
html[data-page="extension-detail"] {--blue: #2f80ed; --green: #00b388; --ink: #f7fafc; --muted: #aab8c4; --surface: #081a28; --surface-soft: #0c2334; --border: rgba(230, 241, 255, 0.1); --header: rgba(7, 24, 37, 0.91); --shadow: 0 22px 60px rgba(0, 0, 0, 0.32); --max: 1240px;}
html[data-page="extension-detail"] * {box-sizing: border-box;}
body.ecd-page {overflow-x: hidden; background: var(--ecd-navy-deep); color: var(--ecd-text);}
body.ecd-page main {overflow: hidden;}
html[data-page="extension-detail"] body {margin: 0px; font-family: Inter, "Segoe UI", Arial, sans-serif;}
html[data-page="extension-detail"] body.menu-open {overflow: hidden;}
html[data-page="extension-detail"] img {max-width: 100%;}
html[data-page="extension-detail"] a {color: inherit;}
html[data-page="extension-detail"] button,
html[data-page="extension-detail"] input {font: inherit;}
.sr-only {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important;}
.ecd-page .reveal {opacity: 0; transform: translateY(24px); transition: opacity 0.72s, transform 0.72s cubic-bezier(0.2, 0.72, 0.22, 1);}
.ecd-page .reveal.visible {opacity: 1; transform: none;}
.ecd-shell {width: min(1180px, 100% - 40px); margin-inline: auto;}
.ecd-section {position: relative; padding: 92px 0px;}
.ecd-section:nth-of-type(2n) {background: linear-gradient(rgba(12, 54, 78, 0.26), rgba(3, 26, 43, 0));}
.ecd-section-head {max-width: 780px; margin: 0px auto 42px; text-align: center;}
.ecd-section-head.ecd-left {margin-inline: 0px; text-align: left;}
.ecd-section-head h2 {margin: 0px; color: rgb(255, 255, 255); font-size: 26px; font-weight: 750; line-height: 1.18; letter-spacing: 0.015em; text-transform: uppercase;}
.ecd-section-head h2::after {content: ""; display: block; width: 74px; height: 3px; margin: 15px auto 0px; border-radius: 99px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); box-shadow: rgba(27, 208, 213, 0.32) 0px 0px 20px;}
.ecd-section-head.ecd-left h2::after {margin-left: 0px;}
.ecd-section-head p {margin: 19px 0px 0px; color: var(--ecd-muted); font-size: 17px; line-height: 1.75;}
.ecd-kicker {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 19px; color: rgb(105, 230, 220); font-size: 12px; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase;}
.ecd-kicker::before {content: ""; width: 29px; height: 2px; border-radius: 99px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); box-shadow: rgba(46, 230, 183, 0.6) 0px 0px 12px;}
.ecd-hero {position: relative; min-height: 720px; padding: 124px 0px 80px; display: grid; align-items: center; isolation: isolate; background: radial-gradient(circle at 78% 40%, rgba(20, 137, 255, 0.18), transparent 31%), radial-gradient(circle at 20% 30%, rgba(46, 230, 183, 0.08), transparent 32%), linear-gradient(125deg, rgb(3, 27, 44), rgb(7, 50, 75) 54%, rgb(4, 30, 49));}
.ecd-hero::before {content: ""; position: absolute; inset: 0px; z-index: -2; opacity: 0.28; background-image: linear-gradient(rgba(92, 199, 235, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 199, 235, 0.08) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 22%, rgb(0, 0, 0) 80%, transparent);}
.ecd-hero::after {content: ""; position: absolute; inset: auto 0px 0px; z-index: -1; height: 130px; background: linear-gradient(transparent, var(--ecd-navy-deep)); pointer-events: none;}
.ecd-hero-grid {display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(420px, 1.05fr); gap: 70px; align-items: center;}
.ecd-hero h1 {max-width: 680px; margin: 0px; color: rgb(255, 255, 255); font-size: 42px; font-weight: 400; line-height: 1.08; letter-spacing: -0.035em;}
.ecd-hero-copy > p {max-width: 670px; margin: 24px 0px 0px; color: rgb(189, 217, 231); font-size: 18px; line-height: 1.72;}
.ecd-actions {display: flex; flex-wrap: wrap; gap: 13px; margin-top: 31px;}
.ecd-button {position: relative; min-height: 52px; padding: 0px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; overflow: hidden; border: 1px solid transparent; border-radius: 13px; color: rgb(255, 255, 255); font-size: 15px; font-weight: 720; text-decoration: none; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s, background 0.28s;}
.ecd-button::before {content: ""; position: absolute; top: -80%; left: -35%; width: 32%; height: 250%; transform: rotate(22deg) translateX(-180%); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent); transition: transform 0.65s;}
.ecd-button:hover::before {transform: rotate(22deg) translateX(560%);}
.ecd-button:hover {transform: translateY(-3px);}
.ecd-button-primary {background: linear-gradient(110deg, rgb(25, 126, 244), rgb(8, 191, 195) 62%, rgb(38, 213, 166)); box-shadow: rgba(9, 154, 211, 0.28) 0px 13px 32px, rgba(255, 255, 255, 0.24) 0px 1px inset;}
.ecd-button-primary:hover {box-shadow: rgba(9, 191, 195, 0.36) 0px 18px 44px, rgba(86, 235, 221, 0.34) 0px 0px 0px 1px;}
.ecd-hero-badges {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px;}
.ecd-hero-badges span {min-height: 37px; padding: 0px 13px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(94, 203, 255, 0.16); border-radius: 999px; background: rgba(2, 25, 41, 0.5); color: rgb(202, 233, 243); font-size: 12px; font-weight: 650; backdrop-filter: blur(10px);}
.ecd-hero-badges i {width: 7px; height: 7px; border-radius: 50%; background: var(--ecd-mint); box-shadow: 0 0 12px var(--ecd-mint);}
.ecd-media-wrap {position: relative;}
.ecd-media-wrap::before {content: ""; position: absolute; inset: -18px; border: 1px solid rgba(73, 218, 227, 0.13); border-radius: 31px; transform: rotate(-2deg); pointer-events: none;}
.ecd-media {position: relative; aspect-ratio: 16 / 10; overflow: hidden; border: 1px solid rgba(109, 224, 255, 0.27); border-radius: 24px; background: rgb(6, 29, 45); box-shadow: rgba(0, 8, 19, 0.52) 0px 28px 80px, rgba(19, 113, 149, 0.08) 0px 0px 0px 7px;}
.ecd-media img,
.ecd-media iframe {width: 100%; height: 100%; display: block; border: 0px; object-fit: cover;}
.ecd-media img {transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.4s;}
.ecd-media:hover img {transform: scale(1.035); filter: saturate(1.07) contrast(1.03);}
.ecd-media-label {position: absolute; left: 18px; bottom: 18px; z-index: 2; max-width: calc(100% - 36px); padding: 10px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(158, 230, 246, 0.18); border-radius: 11px; background: rgba(3, 25, 41, 0.78); color: rgb(234, 255, 255); font-size: 12px; font-weight: 700; backdrop-filter: blur(12px); box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 28px;}
.ecd-media-label i {width: 9px; height: 9px; border-radius: 50%; background: rgb(34, 226, 187); box-shadow: rgb(34, 226, 187) 0px 0px 16px;}
.ecd-floating-stat {position: absolute; right: -24px; top: -26px; z-index: 3; min-width: 142px; padding: 15px 17px; border: 1px solid rgba(102, 224, 244, 0.25); border-radius: 16px; background: linear-gradient(145deg, rgba(15, 71, 96, 0.94), rgba(4, 32, 51, 0.94)); box-shadow: rgba(0, 8, 20, 0.38) 0px 18px 42px; animation: 4.6s ease-in-out 0s infinite normal none running ecdFloat;}
.ecd-floating-stat small {display: block; color: rgb(121, 223, 220); font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;}
.ecd-floating-stat strong {display: block; margin-top: 5px; color: rgb(255, 255, 255); font-size: 17px;}
.ecd-facts {position: relative; z-index: 4; margin-top: -32px;}
.ecd-facts-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px;}
.ecd-fact {position: relative; min-height: 132px; padding: 24px; display: grid; grid-template-columns: 54px 1fr; gap: 17px; align-items: center; overflow: hidden; border: 1px solid var(--ecd-line); border-radius: 18px; background: var(--ecd-card); box-shadow: var(--ecd-shadow); transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;}
.ecd-fact::before {content: ""; position: absolute; left: 0px; top: 0px; width: 4px; height: 100%; background: linear-gradient(180deg, var(--ecd-blue), var(--ecd-mint));}
.ecd-fact::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 2px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); transition: right 0.45s;}
.ecd-fact:hover {transform: translateY(-6px); border-color: rgba(65, 218, 220, 0.42); box-shadow: rgba(0, 12, 28, 0.46) 0px 30px 70px;}
.ecd-fact:hover::after {right: 0px;}
.ecd-icon {position: relative; width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(92, 218, 242, 0.25); border-radius: 17px; color: rgb(122, 238, 235); background: linear-gradient(145deg, rgba(25, 120, 160, 0.28), rgba(9, 48, 73, 0.45)); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 10px 26px;}
.ecd-icon::after {content: ""; position: absolute; right: 6px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--ecd-mint); box-shadow: 0 0 11px var(--ecd-mint);}
.ecd-icon svg {width: 27px; height: 27px; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round;}
.ecd-fact small {display: block; color: rgb(127, 200, 219); font-size: 11px; font-weight: 760; letter-spacing: 0.11em; text-transform: uppercase;}
.ecd-fact strong {display: block; margin-top: 5px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1.25;}
.ecd-about-grid {display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(330px, 0.85fr); gap: 56px; align-items: start;}
.ecd-copy-panel p {margin: 0px 0px 18px; color: rgb(183, 212, 225); font-size: 17px; line-height: 1.8;}
.ecd-copy-panel .ecd-highlight {margin-top: 27px; padding: 23px 24px; border-left: 3px solid var(--ecd-mint); border-radius: 0px 15px 15px 0px; background: linear-gradient(90deg, rgba(17, 109, 130, 0.18), rgba(17, 109, 130, 0.03)); color: rgb(228, 251, 255); font-size: 18px; font-weight: 590; line-height: 1.55;}
.ecd-audience {padding: 27px; border: 1px solid var(--ecd-line); border-radius: 21px; background: var(--ecd-card); box-shadow: var(--ecd-shadow);}
.ecd-audience h3 {margin: 0px 0px 18px; color: rgb(255, 255, 255); font-size: 18px;}
.ecd-chip-list {display: flex; flex-wrap: wrap; gap: 10px;}
.ecd-chip-list span {padding: 10px 13px; border: 1px solid rgba(81, 208, 226, 0.18); border-radius: 10px; background: rgba(9, 53, 75, 0.58); color: rgb(204, 235, 244); font-size: 13px; font-weight: 650; transition: transform 0.25s, border-color 0.25s, color 0.25s;}
.ecd-chip-list span:hover {transform: translateY(-2px); border-color: rgba(46, 230, 183, 0.46); color: rgb(255, 255, 255);}
.ecd-method-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.ecd-method-card {position: relative; min-height: 260px; padding: 28px; overflow: hidden; border: 1px solid var(--ecd-line); border-radius: 20px; background: var(--ecd-card); transition: transform 0.32s, border-color 0.32s, box-shadow 0.32s;}
.ecd-method-card::before {content: ""; position: absolute; left: 0px; top: 0px; width: 4px; height: 100%; background: linear-gradient(180deg, var(--ecd-blue), var(--ecd-mint));}
.ecd-method-card::after {content: ""; position: absolute; inset: auto -35% -75% 25%; height: 170px; border-radius: 50%; background: rgba(33, 208, 207, 0.15); filter: blur(32px); transition: transform 0.4s, opacity 0.4s;}
.ecd-method-card:hover {transform: translateY(-8px); border-color: rgba(78, 222, 226, 0.42); box-shadow: rgba(0, 12, 28, 0.38) 0px 26px 58px;}
.ecd-method-card:hover::after {transform: translateY(-28px); opacity: 0.95;}
.ecd-method-card .ecd-icon {margin-bottom: 24px;}
.ecd-method-card h3 {position: relative; z-index: 1; margin: 0px 0px 11px; color: rgb(255, 255, 255); font-size: 20px; line-height: 1.3;}
.ecd-method-card p {position: relative; z-index: 1; margin: 0px; color: rgb(169, 203, 217); font-size: 14px; line-height: 1.72;}
.ecd-program-toolbar {margin: 0px auto 38px; max-width: 620px; position: relative;}
.ecd-program-toolbar svg {position: absolute; left: 17px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); fill: none; stroke: rgb(125, 201, 220); stroke-width: 1.8;}
.ecd-program-toolbar input {width: 100%; height: 52px; padding: 0px 18px 0px 49px; border: 1px solid rgba(95, 206, 236, 0.22); border-radius: 14px; outline: none; background: rgba(7, 44, 65, 0.72); color: rgb(255, 255, 255); font: inherit; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px inset; transition: border-color 0.25s, box-shadow 0.25s;}
.ecd-program-toolbar input::placeholder {color: rgb(113, 156, 174);}
.ecd-program-toolbar input:focus {border-color: rgba(46, 230, 183, 0.55); box-shadow: rgba(46, 230, 183, 0.08) 0px 0px 0px 4px, rgba(0, 0, 0, 0.2) 0px 12px 30px;}
.ecd-program-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 10px;}
.ecd-program-item {position: relative; min-height: 124px; padding: 21px 20px 20px 68px; overflow: hidden; border: 1px solid rgba(89, 190, 220, 0.16); border-radius: 16px; background: linear-gradient(145deg, rgba(11, 60, 83, 0.72), rgba(5, 35, 55, 0.78)); color: rgb(214, 237, 245); transition: transform 0.28s, border-color 0.28s, background 0.28s, opacity 0.25s;}
.ecd-program-item::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 2px; background: linear-gradient(90deg, var(--ecd-blue), var(--ecd-mint)); transition: right 0.38s;}
.ecd-program-item:hover {transform: translateY(-5px); border-color: rgba(60, 220, 214, 0.39); background: linear-gradient(145deg, rgba(15, 81, 106, 0.88), rgba(6, 39, 61, 0.88));}
.ecd-program-item:hover::after {right: 0px;}
.ecd-program-item[hidden] {display: none;}
.ecd-program-number {position: absolute; left: 18px; top: 19px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(92, 218, 242, 0.22); border-radius: 11px; color: rgb(108, 230, 224); background: rgba(13, 89, 114, 0.3); font-size: 11px; font-weight: 800; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset;}
.ecd-program-item strong {display: block; color: rgb(239, 252, 255); font-size: 14px; font-weight: 630; line-height: 1.55;}
.ecd-program-empty {display: none; margin: 28px auto 0px; text-align: center; color: var(--ecd-muted);}
.ecd-program-empty.show {display: block;}
.ecd-coordinator-grid {display: grid; grid-template-columns: 310px 1fr; gap: 48px; align-items: stretch;}
.ecd-coordinator-copy {padding: 36px 39px; border: 1px solid var(--ecd-line); border-radius: 24px; background: var(--ecd-card); box-shadow: var(--ecd-shadow);}
.ecd-coordinator-copy small {color: rgb(102, 220, 216); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;}
.ecd-coordinator-copy h3 {margin: 9px 0px 20px; color: rgb(255, 255, 255); font-size: 27px; font-weight: 620;}
.ecd-credentials {margin: 0px; padding: 0px; display: grid; gap: 11px; list-style: none;}
.ecd-credentials li {position: relative; padding-left: 25px; color: rgb(174, 208, 222); font-size: 14px; line-height: 1.55;}
.ecd-credentials li::before {content: ""; position: absolute; left: 0px; top: 0.55em; width: 8px; height: 8px; border: 2px solid rgb(58, 225, 190); border-radius: 50%; box-shadow: rgba(58, 225, 190, 0.45) 0px 0px 11px;}
.ecd-price-section {background: radial-gradient(circle at 72% 40%, rgba(28, 197, 204, 0.13), transparent 31%), linear-gradient(rgba(7, 48, 70, 0.52), rgba(3, 26, 43, 0));}
.ecd-price-card {position: relative; max-width: 940px; min-height: 345px; margin: 0px auto; padding: 34px; display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(290px, 0.85fr); gap: 34px; overflow: hidden; border: 1px solid rgba(92, 215, 236, 0.27); border-radius: 26px; background: linear-gradient(135deg, rgba(16, 76, 103, 0.94), rgba(5, 35, 55, 0.96)); box-shadow: rgba(0, 10, 23, 0.45) 0px 30px 80px, rgba(255, 255, 255, 0.07) 0px 1px inset;}
.ecd-price-card::before {content: ""; position: absolute; left: 0px; top: 0px; width: 5px; height: 100%; background: linear-gradient(180deg, var(--ecd-blue), var(--ecd-mint));}
.ecd-price-card::after {content: ""; position: absolute; width: 310px; height: 310px; right: -120px; bottom: -180px; border-radius: 50%; background: rgba(37, 221, 202, 0.18); filter: blur(50px);}
.ecd-price-copy,
.ecd-price-buy {position: relative; z-index: 1;}
.ecd-price-copy h3 {margin: 0px 0px 13px; color: rgb(255, 255, 255); font-size: 28px; font-weight: 560;}
.ecd-price-copy p {max-width: 590px; margin: 0px 0px 21px; color: rgb(183, 216, 228); font-size: 15px; line-height: 1.7;}
.ecd-price-benefits {margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 18px; list-style: none;}
.ecd-price-benefits li {position: relative; padding-left: 22px; color: rgb(209, 237, 244); font-size: 13px; line-height: 1.5;}
.ecd-price-benefits li::before {content: "✓"; position: absolute; left: 0px; color: rgb(54, 225, 189); font-weight: 850;}
.ecd-price-buy {padding: 28px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(120, 221, 238, 0.18); border-radius: 20px; background: rgba(3, 27, 44, 0.56);}
.ecd-price-buy small {color: rgb(119, 200, 218); font-size: 11px; font-weight: 780; letter-spacing: 0.12em; text-transform: uppercase;}
.ecd-installments {margin-bottom: 20px; color: rgb(116, 225, 222); font-size: 16px; font-weight: 690;}
.ecd-price-buy .ecd-button {width: 100%;}
.ecd-guarantee {margin-top: 13px; color: rgb(140, 174, 188); font-size: 11px; text-align: center;}
.ecd-plan-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px;}
.ecd-plan-card {position: relative; min-height: 390px; padding: 27px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--ecd-line); border-radius: 22px; background: var(--ecd-card); box-shadow: var(--ecd-shadow); transition: transform 0.32s, border-color 0.32s;}
.ecd-plan-card:hover {transform: translateY(-8px); border-color: rgba(68, 224, 215, 0.45);}
.ecd-plan-card.featured {border-color: rgba(56, 224, 205, 0.48); box-shadow: rgba(0, 14, 29, 0.48) 0px 28px 70px, rgba(25, 199, 198, 0.08) 0px 0px 34px;}
.ecd-plan-tag {align-self: flex-start; padding: 7px 10px; border-radius: 99px; background: rgba(39, 224, 185, 0.12); color: rgb(100, 229, 212); font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;}
.ecd-plan-card h3 {margin: 20px 0px 8px; color: rgb(255, 255, 255); font-size: 22px; font-weight: 620;}
.ecd-plan-card > p {margin: 0px 0px 18px; color: rgb(159, 196, 211); font-size: 13px; line-height: 1.65;}
.ecd-plan-card .ecd-installments {min-height: 42px; font-size: 14px;}
html[data-page="extension-detail"] .section-shell {width: min(1240px, 100% - 48px); margin-inline: auto;}
html[data-page="extension-detail"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="extension-detail"] .footer-main {padding: 75px 0px 60px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="extension-detail"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.92;}
html[data-page="extension-detail"] .footer-brand > p {margin: 25px 0px; color: rgb(144, 168, 184); font-size: 15px; line-height: 1.75;}
html[data-page="extension-detail"] .socials {display: flex; gap: 9px;}
html[data-page="extension-detail"] .socials a {width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 11px; color: rgb(155, 178, 193); transition: background 0.2s, color 0.2s, transform 0.2s;}
html[data-page="extension-detail"] .socials a:hover {transform: translateY(-2px); background: var(--ecd-blue); color: rgb(255, 255, 255);}
html[data-page="extension-detail"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="extension-detail"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 11px;}
html[data-page="extension-detail"] .footer-links h3 {margin: 0px 0px 21px; color: rgb(255, 255, 255); font-size: 15px;}
html[data-page="extension-detail"] .footer-links a,
html[data-page="extension-detail"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5; text-decoration: none;}
html[data-page="extension-detail"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="extension-detail"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
html[data-page="extension-detail"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="extension-detail"] .footer-bottom > div {min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgb(120, 148, 163); font-size: 11px;}
html[data-page="extension-detail"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 48px; padding: 0px 17px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 11px; font-weight: 750; text-decoration: none; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: transform 0.25s, box-shadow 0.25s;}
html[data-page="extension-detail"] .floating-contact:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.38) 0px 19px 42px;}
html[data-page="extension-detail"][data-theme="light"] body.ecd-page {background: rgb(245, 249, 252); color: rgb(21, 50, 70);}
html[data-page="extension-detail"][data-theme="light"] {--ecd-muted: #587487; --ecd-line: rgba(18,95,125,.15); --ecd-shadow: 0 22px 54px rgba(15,66,93,.1); --ink: #102939; --muted: #667085; --surface: #fff; --surface-soft: #f6f9fc; --border: rgba(16,41,57,.11); --header: rgba(255,255,255,.9); --shadow: 0 22px 60px rgba(8,41,66,.14);}
html[data-page="extension-detail"][data-theme="light"] .ecd-kicker,
html[data-page="extension-detail"][data-theme="light"] .ecd-coordinator-copy small,
html[data-page="extension-detail"][data-theme="light"] .ecd-price-buy small,
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-tag {color: rgb(21, 84, 106);}
html[data-page="extension-detail"][data-theme="light"] .ecd-section:nth-of-type(2n) {background: rgb(238, 246, 250);}
html[data-page="extension-detail"][data-theme="light"] .ecd-section-head h2,
html[data-page="extension-detail"][data-theme="light"] .ecd-method-card h3,
html[data-page="extension-detail"][data-theme="light"] .ecd-program-item strong,
html[data-page="extension-detail"][data-theme="light"] .ecd-audience h3 {color: rgb(16, 47, 67);}
html[data-page="extension-detail"][data-theme="light"] .ecd-section-head p,
html[data-page="extension-detail"][data-theme="light"] .ecd-copy-panel p,
html[data-page="extension-detail"][data-theme="light"] .ecd-method-card p {color: rgb(88, 116, 135);}
html[data-page="extension-detail"][data-theme="light"] .ecd-fact,
html[data-page="extension-detail"][data-theme="light"] .ecd-audience,
html[data-page="extension-detail"][data-theme="light"] .ecd-method-card,
html[data-page="extension-detail"][data-theme="light"] .ecd-program-item {border-color: rgba(18, 95, 125, 0.14); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(244, 249, 251)); box-shadow: rgba(15, 66, 93, 0.1) 0px 22px 54px;}
html[data-page="extension-detail"][data-theme="light"] .ecd-fact strong {color: rgb(16, 47, 67);}
html[data-page="extension-detail"][data-theme="light"] .ecd-copy-panel .ecd-highlight {color: rgb(22, 65, 88); background: linear-gradient(90deg, rgba(19, 181, 178, 0.12), transparent);}
html[data-page="extension-detail"][data-theme="light"] .ecd-chip-list span {color: rgb(39, 86, 109); background: rgb(238, 247, 250);}
html[data-page="extension-detail"][data-theme="light"] .ecd-coordinator-copy {border-color: rgba(18, 95, 125, 0.14); background: rgb(255, 255, 255); box-shadow: rgba(15, 66, 93, 0.1) 0px 22px 54px;}
html[data-page="extension-detail"][data-theme="light"] .ecd-coordinator-copy h3 {color: rgb(16, 47, 67);}
html[data-page="extension-detail"][data-theme="light"] .ecd-credentials li {color: rgb(88, 116, 135);}
html[data-page="extension-detail"][data-theme="light"] .ecd-price-section {background: rgb(238, 246, 250);}
html[data-page="extension-detail"][data-theme="light"] .ecd-icon {color: rgb(8, 127, 149); border-color: rgba(18, 137, 158, 0.2); background: linear-gradient(145deg, rgb(228, 248, 250), rgb(239, 248, 255)); box-shadow: rgba(18, 95, 125, 0.1) 0px 10px 24px, rgb(255, 255, 255) 0px 1px inset;}
html[data-page="extension-detail"][data-theme="light"] .ecd-fact small {color: rgb(51, 116, 140);}
html[data-page="extension-detail"][data-theme="light"] .ecd-program-toolbar svg {stroke: rgb(39, 123, 148);}
html[data-page="extension-detail"][data-theme="light"] .ecd-program-toolbar input {border-color: rgba(18, 95, 125, 0.18); background: rgb(255, 255, 255); color: rgb(21, 50, 70); box-shadow: rgba(15, 66, 93, 0.08) 0px 14px 34px;}
html[data-page="extension-detail"][data-theme="light"] .ecd-program-toolbar input::placeholder {color: rgb(120, 146, 161);}
html[data-page="extension-detail"][data-theme="light"] .ecd-program-number {color: rgb(8, 127, 149); border-color: rgba(18, 137, 158, 0.2); background: rgb(231, 247, 248);}
html[data-page="extension-detail"][data-theme="light"] .ecd-program-item:hover {border-color: rgba(20, 157, 172, 0.35); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(234, 247, 248)); box-shadow: rgba(15, 66, 93, 0.12) 0px 18px 42px;}
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-card {border-color: rgba(18, 95, 125, 0.15); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(241, 248, 251)); box-shadow: rgba(15, 66, 93, 0.1) 0px 22px 54px;}
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-card h3 {color: rgb(16, 47, 67);}
html[data-page="extension-detail"][data-theme="light"] .ecd-plan-card > p {color: rgb(88, 116, 135);}
html[data-page="extension-detail"][data-theme="light"] footer,
html[data-page="extension-detail"][data-theme="light"] footer * {color-scheme: dark;}
@keyframes ecdFloat { 
  0%, 100% { transform: translateY(0px) rotate(1deg); }
  50% { transform: translateY(9px) rotate(-1deg); }
}
@keyframes ecdPulse { 
  0%, 100% { transform: scale(0.96); opacity: 0.72; }
  50% { transform: scale(1.04); opacity: 1; }
}
@media (max-width: 1000px) {
.ecd-hero {min-height: auto; padding-top: 116px;}
.ecd-hero-grid {grid-template-columns: 1fr; gap: 50px;}
.ecd-media-wrap {max-width: 760px;}
.ecd-facts {margin-top: 0px; padding-top: 22px;}
.ecd-program-grid {grid-template-columns: repeat(2, 1fr);}
.ecd-method-grid,
.ecd-plan-grid {grid-template-columns: repeat(2, 1fr);}
.ecd-method-card:last-child,
.ecd-plan-card:last-child {grid-column: 1 / -1;}
.ecd-about-grid {grid-template-columns: 1fr; gap: 36px;}
.ecd-coordinator-grid {grid-template-columns: 260px 1fr; gap: 24px;}
html[data-page="extension-detail"] .footer-main {grid-template-columns: 1fr; gap: 42px;}
}
@media (max-width: 760px) {
.ecd-shell {width: min(100% - 28px, 1180px);}
.ecd-section {padding: 72px 0px;}
.ecd-section-head {margin-bottom: 31px;}
.ecd-section-head h2 {font-size: 26px;}
.ecd-section-head p {font-size: 15px;}
.ecd-hero {padding: 105px 0px 68px;}
.ecd-hero h1 {font-size: 42px;}
.ecd-hero-copy > p {font-size: 16px;}
.ecd-actions {flex-direction: column;}
.ecd-button {width: 100%;}
.ecd-floating-stat {right: 10px; top: -20px; transform: scale(0.86); transform-origin: right bottom;}
.ecd-facts-grid,
.ecd-method-grid,
.ecd-program-grid,
.ecd-plan-grid {grid-template-columns: 1fr;}
.ecd-method-card:last-child,
.ecd-plan-card:last-child {grid-column: auto;}
.ecd-fact {min-height: 112px;}
.ecd-coordinator-grid {grid-template-columns: 1fr;}
.ecd-coordinator-copy {padding: 27px 24px;}
.ecd-price-card {min-height: 345px; padding: 24px; grid-template-columns: 1fr;}
.ecd-price-benefits {grid-template-columns: 1fr;}
.ecd-price-buy {padding: 23px;}
html[data-page="extension-detail"] .section-shell {width: min(100% - 28px, 1240px);}
html[data-page="extension-detail"] .footer-links {grid-template-columns: 1fr 1fr;}
html[data-page="extension-detail"] .footer-bottom > div {padding-block: 18px; flex-direction: column; align-items: flex-start; justify-content: center;}
}
@media (max-width: 460px) {
.ecd-hero h1 {font-size: 42px;}
.ecd-media {border-radius: 18px;}
.ecd-media-wrap::before {inset: -8px; border-radius: 22px;}
.ecd-floating-stat {display: none;}
.ecd-program-item {min-height: 112px;}
html[data-page="extension-detail"] .footer-links {grid-template-columns: 1fr;}
html[data-page="extension-detail"] .floating-contact span {display: none;}
html[data-page="extension-detail"] .floating-contact {width: 50px; min-height: 50px; padding: 0px; justify-content: center; border-radius: 15px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="extension-detail"] {scroll-behavior: auto;}
.ecd-floating-stat {animation: auto ease 0s 1 normal none running none;}
.ecd-button,
.ecd-fact,
.ecd-method-card,
.ecd-program-item,
.ecd-plan-card,
.ecd-media img {transition: none;}
.ecd-page .reveal {opacity: 1; transform: none; transition: none;}
}