.membership-hero { min-height: 600px; padding: clamp(90px, 12vw, 164px) 0 130px; border-bottom: 1px solid var(--line); position: relative; overflow: hidden; }
.membership-hero::before { content: ''; position: absolute; width: 760px; height: 760px; right: -210px; top: -150px; background: radial-gradient(circle, rgba(46, 157, 255, .24), transparent 64%); pointer-events: none; }
.membership-hero > * { position: relative; }
.account-requirement { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 100px; padding: 110px 0; border-bottom: 1px solid var(--line); }
.account-requirement h2 { font-size: clamp(40px, 5vw, 69px); }
.account-requirement-copy > p { color: var(--muted); line-height: 1.8; max-width: 580px; margin: 4px 0 30px; }
.account-requirement-copy strong { color: var(--ice); }
.account-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.account-actions .button { font-size: 10px; }
.plans-section { padding: 140px 0; }
.membership-heading { margin-bottom: 34px; }
.interval-switch { display: inline-grid; grid-template-columns:repeat(3,minmax(112px,1fr)); min-width:min(100%,440px); border: 1px solid var(--line); margin: 0 0 32px; padding: 4px; background: rgba(216, 233, 251, .025); }
.interval-option { min-height:46px; border: 1px solid transparent; background: transparent; color: var(--muted); padding: 10px 16px; cursor: pointer; font: 600 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.interval-option small { color: var(--electric); margin-left: 5px; font: inherit; }
.interval-option:hover:not(:disabled),.interval-option:focus-visible { border-color: rgba(114,199,255,.65); color:var(--ice); outline:0; }
.interval-option:disabled { opacity:.45; cursor:not-allowed; }
.interval-option.is-active { border-color:#6fc7ff; background: #d7edff; box-shadow:0 0 20px rgba(74,177,255,.22); color: #06101d; }
.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.plan-card { min-height: 515px; border: 1px solid var(--line); padding: 32px 28px 28px; display: flex; flex-direction: column; background: linear-gradient(150deg, rgba(15, 29, 46, .88), rgba(3, 7, 13, .98)); }
.plan-card-featured { border-color: rgba(114, 199, 255, .7); background: linear-gradient(150deg, rgba(26, 67, 105, .84), rgba(4, 12, 22, .98)); box-shadow: 0 0 50px rgba(38, 152, 255, .12); }
.plan-index { color: #92d4ff; font: 500 10px var(--mono); letter-spacing: .1em; margin: 0 0 42px; }
.plan-card h3 { font-size: clamp(34px, 3.2vw, 48px); line-height: .91; }
.plan-description { color: var(--muted); font-size: 13px; line-height: 1.7; min-height: 68px; margin: 22px 0 24px; }
.price-block { margin-top: auto; border-top: 1px solid var(--line); padding-top: 20px; min-height: 144px; }
.price-block strong { font: 600 clamp(46px, 5vw, 68px)/1 var(--display); letter-spacing: -.06em; }
.price-block > span { color: #b2c0d0; font-size: 12px; margin-left: 7px; }
.price-block small, .price-block em { display: block; color: var(--muted); font-size: 11px; line-height: 1.55; margin-top: 12px; }
.price-block em { color: #9fddff; font: 700 13px var(--mono); letter-spacing: .03em; text-transform: uppercase; }
.is-hidden { display: none !important; }
.plan-card .button { margin-top: 24px; width: 100%; }
.enrollment-note { color: var(--muted); font: 500 11px var(--mono); letter-spacing: .03em; margin: 22px 0 0; min-height: 18px; }
.enrollment-note.is-closed { color: #f0c886; }
.how-section { padding: 130px 0; border-top: 1px solid var(--line); }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.steps-grid article { padding: 25px 22px 10px 0; border-right: 1px solid var(--line); min-height: 206px; }
.steps-grid article:not(:first-child) { padding-left: 22px; }
.steps-grid article:last-child { border-right: 0; }
.steps-grid span { color: var(--electric); font: 500 10px var(--mono); letter-spacing: .1em; }
.steps-grid h3 { font-size: 21px; margin: 35px 0 12px; letter-spacing: -.04em; }
.steps-grid p { color: var(--muted); font-size: 12px; line-height: 1.65; margin: 0; }
.disclosure-section { padding: 80px 0 130px; }
.disclosure-panel { padding: 56px; border: 1px solid var(--line); background: radial-gradient(circle at 88% 11%, rgba(56, 159, 255, .18), transparent 32%), #09101a; }
.disclosure-panel h2 { font-size: clamp(39px, 5vw, 68px); }
.disclosure-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 60px; margin-top: 52px; }
.disclosure-grid > div { border-top: 1px solid var(--line); padding-top: 14px; }
.disclosure-grid strong { color: var(--ice); font-size: 14px; }
.disclosure-grid p { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 10px 0 0; }
.manage-link { margin-top: 40px; padding: 0; background: transparent; border: 0; color: var(--electric); cursor: pointer; font: 600 10px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.manage-link span { font-size: 18px; margin-left: 8px; }
.terms-section { padding: 50px 0 100px; border-top: 1px solid var(--line); }
.terms-section > p:last-child { color: var(--muted); max-width: 850px; font-size: 12px; line-height: 1.85; margin: 0; }
.modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; }
.modal[hidden] { display: none; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(1, 4, 8, .78); backdrop-filter: blur(8px); }
.modal-card { position: relative; width: min(100%, 590px); max-height: calc(100vh - 40px); overflow: auto; padding: 42px; background: #0a101a; border: 1px solid rgba(114, 199, 255, .45); box-shadow: 0 34px 100px rgba(0, 0, 0, .64); }
.modal-card h2 { font-size: clamp(36px, 5vw, 56px); }
.modal-card > p:not(.eyebrow) { color: var(--muted); line-height: 1.7; font-size: 13px; }
.modal-close { position: absolute; right: 16px; top: 12px; background: transparent; border: 0; color: var(--ice); font-size: 29px; cursor: pointer; }
.modal-card form { margin-top: 28px; }
.modal-card label:not(.check-row) { display: block; color: #b7c3d2; font: 500 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; margin: 0 0 10px; }
.modal-card input[type='email'] { display: block; width: 100%; background: #050a11; border: 1px solid var(--line); color: var(--ice); padding: 15px 14px; border-radius: 0; outline: 0; font: 14px var(--body); }
.modal-card input[type='email']:focus { border-color: var(--electric); box-shadow: 0 0 0 3px rgba(114, 199, 255, .1); }
.annual-payment-options { margin: 20px 0; padding: 16px; border: 1px solid rgba(114, 199, 255, .32); background: rgba(114, 199, 255, .045); }
.annual-payment-options legend { padding: 0 7px; color: #b7c3d2; font: 500 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.payment-option { display: flex; gap: 10px; align-items: flex-start; padding: 11px 0; color: #c7d3e1; font-size: 12px; line-height: 1.5; cursor: pointer; }
.payment-option + .payment-option { border-top: 1px solid rgba(216, 233, 251, .12); }
.payment-option input { margin: 3px 0 0; accent-color: var(--electric); }
.payment-option strong, .payment-option small { display: block; }
.payment-option strong { color: var(--ice); font-size: 12px; }
.payment-option small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.check-row { display: flex; gap: 10px; align-items: flex-start; color: #b0bfce; font-size: 11px; line-height: 1.55; margin: 16px 0; cursor: pointer; }
.check-row input { margin: 2px 0 0; accent-color: var(--electric); }
.check-row a { color:var(--electric); text-decoration:underline; text-underline-offset:2px; }
.legal-acceptance-options { margin:18px 0 8px; padding:12px 15px; border:1px solid rgba(114,199,255,.32); background:rgba(114,199,255,.035); }
.legal-acceptance-options legend { padding:0 7px; color:#b7c3d2; font:500 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.legal-acceptance-options .check-row { margin:12px 0; }
.modal-card .button { margin-top: 10px; width: 100%; border: 0; cursor: pointer; }
.form-status { min-height: 20px; color: #f0c886; font-size: 11px; line-height: 1.5; margin: 15px 0 0; }
.form-status.is-success { color: #9de5c3; }
@media (max-width: 900px) { .account-requirement { grid-template-columns: 1fr; gap: 28px; padding: 90px 0; }.plan-grid { grid-template-columns: 1fr; }.plan-card { min-height: 420px; }.steps-grid { grid-template-columns: 1fr 1fr; }.steps-grid article:nth-child(2) { border-right: 0; }.steps-grid article:nth-child(n+3) { border-top: 1px solid var(--line); padding-top: 25px; }.disclosure-grid { gap: 24px; }.disclosure-panel { padding: 38px 28px; } }
@media (max-width: 560px) { .membership-hero { min-height: 535px; padding: 100px 0 90px; }.account-actions .button { width: 100%; }.plans-section, .how-section { padding: 90px 0; }.interval-switch{display:grid;width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));}.interval-option{min-height:50px;padding:8px 5px;font-size:9px;letter-spacing:.045em;}.interval-option small{display:none;}.steps-grid, .disclosure-grid { grid-template-columns: 1fr; }.steps-grid article, .steps-grid article:not(:first-child) { padding: 22px 0; border-right: 0; border-top: 1px solid var(--line); }.steps-grid article:first-child { border-top: 0; }.disclosure-section { padding: 40px 0 90px; }.modal-card { padding: 34px 24px; } }

/* Membership Page Media — dynamic D1/R2 surface; existing Membership sections remain unchanged. */
.membership-media-large-section { padding: 34px 0 0; }
.membership-media-small-section { padding: 0 0 34px; border-bottom: 1px solid var(--line); }
.membership-media-large-shell { position: relative; border: 1px solid var(--line); background: #050b12; overflow: hidden; }
.membership-media-large-track { position: relative; aspect-ratio: 16 / 9; min-height: 420px; }
.membership-media-large-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .45s ease; }
.membership-media-large-slide.is-active { opacity: 1; pointer-events: auto; }
.membership-media-large-slide img, .membership-media-large-slide video { display:block; width:100%; height:100%; object-fit:cover; }
.membership-media-large-overlay { position:absolute; inset:auto 0 0; padding:clamp(24px,4.4vw,58px); background:linear-gradient(180deg,transparent 0%,rgba(3,7,13,.24) 20%,rgba(3,7,13,.93) 100%); }
.membership-media-large-overlay .eyebrow { margin-bottom:12px; }
.membership-media-large-overlay h2 { max-width:720px; margin:0; color:var(--ice); font-size:clamp(34px,5.4vw,76px); line-height:.92; letter-spacing:-.055em; }
.membership-media-large-overlay p:not(.eyebrow) { max-width:640px; margin:16px 0 0; color:#c4d1df; font-size:clamp(12px,1.5vw,15px); line-height:1.7; }
.membership-media-large-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.membership-media-large-actions .button { font-size:10px; }
.membership-media-large-control { position:absolute; z-index:2; top:50%; width:50px; height:50px; display:grid; place-items:center; transform:translateY(-50%); border:1px solid rgba(223,239,255,.46); background:rgba(3,8,14,.55); color:var(--ice); cursor:pointer; font-size:28px; transition:background .2s ease,border-color .2s ease; }
.membership-media-large-control:hover { background:rgba(89,181,255,.22); border-color:var(--electric); }
.membership-media-large-control.prev { left:18px; }.membership-media-large-control.next { right:18px; }
.membership-media-large-dots { position:absolute; z-index:3; bottom:20px; left:50%; display:flex; gap:8px; transform:translateX(-50%); }
.membership-media-large-dot { width:10px; height:10px; padding:0; border:0; border-radius:50%; background:rgba(220,237,255,.35); cursor:pointer; }.membership-media-large-dot.is-active { width:31px; border-radius:999px; background:var(--electric); }
.membership-media-sound { position:absolute; z-index:4; right:20px; top:20px; width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(223,239,255,.46); background:rgba(3,8,14,.62); color:var(--ice); cursor:pointer; }
.membership-media-small-heading { display:flex; align-items:end; justify-content:space-between; gap:22px; margin:0 0 20px; }.membership-media-small-heading h2 { margin:0; font-size:clamp(30px,4vw,58px); letter-spacing:-.055em; }.membership-media-small-heading p { max-width:460px; margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.membership-media-small-wrap { position:relative; }.membership-media-small-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(180px,1fr); grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; overflow:auto hidden; scroll-snap-type:x mandatory; scrollbar-width:none; }.membership-media-small-track::-webkit-scrollbar { display:none; }
.membership-media-small-card { position:relative; min-height:300px; overflow:hidden; border:1px solid var(--line); background:#08111e; scroll-snap-align:start; color:inherit; text-decoration:none; }.membership-media-small-card img,.membership-media-small-card video { width:100%; height:100%; object-fit:cover; }.membership-media-small-copy { position:absolute; inset:auto 0 0; padding:18px; background:linear-gradient(180deg,transparent,rgba(3,7,13,.92)); }.membership-media-small-copy h3 { margin:0; color:var(--ice); font-size:18px; letter-spacing:-.04em; }.membership-media-small-copy p { margin:5px 0 0; color:#d0dae6; font-size:11px; }.membership-media-small-copy span { position:absolute; right:16px; bottom:16px; color:var(--electric); font-size:18px; }
.membership-media-small-control { position:absolute; z-index:3; top:50%; width:40px; height:40px; display:grid; place-items:center; transform:translateY(-50%); border:1px solid rgba(223,239,255,.46); background:rgba(3,8,14,.78); color:var(--ice); cursor:pointer; }.membership-media-small-control.prev { left:-18px; }.membership-media-small-control.next { right:-18px; }
@media (max-width:900px) { .membership-media-large-section { padding-top:24px; }.membership-media-large-track { min-height:360px; }.membership-media-small-heading { display:block; }.membership-media-small-heading p { margin-top:12px; }.membership-media-small-track { grid-auto-columns:minmax(195px,36vw); grid-template-columns:none; }.membership-media-small-card { min-height:320px; } }
@media (max-width:560px) { .membership-media-large-section { padding-top:18px; }.membership-media-large-track { min-height:470px; aspect-ratio:auto; }.membership-media-large-overlay { padding:22px 18px 32px; }.membership-media-large-overlay p:not(.eyebrow) { line-height:1.55; }.membership-media-large-control { top:auto; bottom:20px; width:42px; height:42px; transform:none; }.membership-media-large-control.prev { left:18px; }.membership-media-large-control.next { right:18px; }.membership-media-large-dots { bottom:34px; }.membership-media-sound { right:16px; top:16px; }.membership-media-small-section { padding-bottom:28px; }.membership-media-small-track { grid-auto-columns:60vw; gap:10px; }.membership-media-small-card { min-height:310px; }.membership-media-small-control { display:none; } }
@media (prefers-reduced-motion:reduce) { .membership-media-large-slide { transition:none; } }

/* Membership Media Promotional Cards — dynamic collection directly before Membership Levels. */
.membership-media-promo-section{padding:0 0 42px;border-bottom:1px solid var(--line)}
.membership-media-promo-heading{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px 42px;align-items:end;margin:0 0 20px}.membership-media-promo-heading .eyebrow{grid-column:1/-1;margin:0}.membership-media-promo-heading h2{margin:0;font-size:clamp(32px,4.2vw,62px);letter-spacing:-.055em;line-height:.92}.membership-media-promo-heading>p:last-child{margin:0;max-width:48rem;color:var(--muted);font-size:13px;line-height:1.7}.membership-media-promo-wrap{position:relative}.membership-media-promo-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.membership-media-promo-card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#08111e;color:inherit;text-decoration:none;isolation:isolate;transition:transform .22s ease,border-color .22s ease}.membership-media-promo-card:hover{transform:translateY(-4px);border-color:rgba(114,199,255,.75)}.membership-media-promo-card img,.membership-media-promo-card video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.membership-media-promo-card:hover img,.membership-media-promo-card:hover video{transform:scale(1.035)}.membership-media-promo-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,6,12,.03) 16%,rgba(2,6,12,.9) 100%)}.membership-media-promo-copy{position:absolute;z-index:1;inset:auto 0 0;padding:18px}.membership-media-promo-copy h3{margin:0;color:var(--ice);font-size:clamp(19px,2vw,28px);letter-spacing:-.045em}.membership-media-promo-copy p{margin:5px 0 0;color:#d2deea;font-size:11px;line-height:1.5}.membership-media-promo-eyebrow{color:var(--electric)!important;font:500 9px var(--mono);letter-spacing:.11em;text-transform:uppercase}.membership-media-promo-description{display:none}.membership-media-promo-cta{display:inline-flex;margin-top:10px;color:var(--electric);font:600 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.membership-media-promo-control{position:absolute;z-index:3;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(223,239,255,.46);background:rgba(3,8,14,.78);color:var(--ice);cursor:pointer;font-size:25px}.membership-media-promo-control.prev{left:-19px}.membership-media-promo-control.next{right:-19px}
@media(max-width:900px){.membership-media-promo-heading{display:block}.membership-media-promo-heading>p:last-child{margin-top:12px}.membership-media-promo-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,44vw);grid-template-columns:none;overflow:auto hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.membership-media-promo-track::-webkit-scrollbar{display:none}.membership-media-promo-card{scroll-snap-align:start}}
@media(max-width:560px){.membership-media-promo-section{padding-bottom:30px}.membership-media-promo-heading h2{font-size:38px}.membership-media-promo-track{grid-auto-columns:78vw;gap:10px}.membership-media-promo-copy{padding:16px}.membership-media-promo-description{display:block!important}.membership-media-promo-control{display:none}}

/* Additive conditional Visual Showcase proof block. It remains hidden until the owner-enabled Showcase API supplies public work. */
.membership-showcase-proof{padding-top:2rem;padding-bottom:2rem}.membership-showcase-proof__heading{max-width:760px;margin-bottom:1.3rem}.membership-showcase-proof__heading h2{margin:.25rem 0 .55rem;font-size:clamp(1.75rem,4vw,3.3rem);line-height:.98;letter-spacing:-.055em}.membership-showcase-proof__heading p{color:var(--muted);max-width:650px}.membership-showcase-proof__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:1.15rem 0}.membership-showcase-proof__card{overflow:hidden;border:1px solid rgba(150,170,190,.22);background:#0b0e13}.membership-showcase-proof__card img,.membership-showcase-proof__card>div{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:linear-gradient(135deg,#101925,#07090d)}.membership-showcase-proof__card span{display:block;padding:.75rem .85rem 0;color:var(--electric);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.membership-showcase-proof__card h3{margin:.28rem .85rem .95rem;font-size:1rem}@media(max-width:720px){.membership-showcase-proof__grid{grid-template-columns:1fr}.membership-showcase-proof__card{display:grid;grid-template-columns:130px 1fr;align-items:center}.membership-showcase-proof__card img,.membership-showcase-proof__card>div{grid-row:1/3;aspect-ratio:1/1;height:100%;min-height:105px}.membership-showcase-proof__card span{padding:.85rem .85rem 0}.membership-showcase-proof__card h3{margin:.2rem .85rem .85rem}}

/* Master Instruction 1: concise voluntary-access clarification within the existing Membership hero. */
.membership-voluntary-access { display: grid; gap: 5px; max-width: 560px; margin: -6px 0 24px; padding: 13px 15px; border-left: 2px solid rgba(114, 199, 255, .78); background: linear-gradient(90deg, rgba(39, 123, 191, .15), rgba(7, 15, 25, .06)); }
.membership-voluntary-access strong { color: #d9f0ff; font: 700 10px var(--mono); letter-spacing: .13em; }
.membership-voluntary-access span { color: #edf6ff; font: 600 13px/1.45 var(--body); }
.membership-voluntary-access small { color: #9fb1c4; font: 11px/1.55 var(--body); }
@media (max-width: 560px) { .membership-voluntary-access { margin-bottom: 20px; padding: 12px; } }

/* Master Instruction 2 — independent post-pricing visual proof and Membership feature carousel. */
.instruction2-pricing-showcase { padding: 0 0 92px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.i2-heading { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: 18px 54px; align-items: end; padding: 74px 0 28px; }
.i2-heading .eyebrow { grid-column: 1 / -1; margin: 0; }.i2-heading h2 { margin: 0; font-size: clamp(36px, 5vw, 68px); letter-spacing: -.058em; line-height: .91; }.i2-heading > p:last-child { margin: 0; max-width: 540px; color: var(--muted); font-size: 13px; line-height: 1.72; }
.i2-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.i2-pricing-card { position: relative; min-height: 330px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, #071220, #03070d); }.i2-placeholder-symbol { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 35%, rgba(46,157,255,.22), transparent 52%), linear-gradient(145deg, #0b1a2b, #03070d); }.i2-placeholder-symbol img { width: 295px; max-width: none; transform: translateY(-20px); opacity: .92; filter: drop-shadow(0 0 36px rgba(42,157,255,.46)); }.i2-media { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }.i2-media-empty { position:absolute; inset:0; background:linear-gradient(135deg,#09182a,#02060b); }.i2-pricing-copy { position:absolute; inset:auto 0 0; padding:23px; background:linear-gradient(180deg, transparent, rgba(2,6,11,.94) 72%); }.i2-pricing-copy p { margin:0 0 6px; color:#a8dfff; font:600 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.i2-pricing-copy h3 { margin:0; color:var(--ice); font-size:25px; letter-spacing:-.05em; }
.instruction2-feature-carousel { padding: 92px 0; border-bottom:1px solid var(--line); }.i2-feature-heading { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:16px 54px; align-items:end; margin:0 0 28px; }.i2-feature-heading .eyebrow { grid-column:1/-1; margin:0; }.i2-feature-heading h2 { margin:0; font-size:clamp(36px,5vw,68px); line-height:.91; letter-spacing:-.058em; }.i2-feature-heading > p:last-child { margin:0; max-width:540px; color:var(--muted); font-size:13px; line-height:1.72; }.i2-feature-shell { position:relative; overflow:hidden; border:1px solid var(--line); background:#04090f; }.i2-feature-track { position:relative; min-height:clamp(340px,51vw,730px); aspect-ratio:16/9; }.i2-feature-slide { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .42s ease; }.i2-feature-slide.is-active { opacity:1; pointer-events:auto; }.i2-feature-overlay { position:absolute; inset:auto 0 0; padding:clamp(25px,4.5vw,62px); background:linear-gradient(180deg,transparent,rgba(2,6,11,.94)); }.i2-feature-overlay .eyebrow { margin:0 0 10px; }.i2-feature-overlay h3 { margin:0; color:var(--ice); font-size:clamp(32px,4.8vw,66px); line-height:.91; letter-spacing:-.06em; }.i2-feature-overlay p:not(.eyebrow) { max-width:670px; margin:15px 0 0; color:#d2deea; font-size:13px; line-height:1.7; }.i2-feature-control { position:absolute; z-index:3; top:50%; width:48px; height:48px; display:grid; place-items:center; transform:translateY(-50%); border:1px solid rgba(223,239,255,.45); background:rgba(3,8,14,.64); color:var(--ice); font-size:28px; cursor:pointer; }.i2-feature-control.prev { left:18px; }.i2-feature-control.next { right:18px; }.i2-feature-dots { position:absolute; z-index:3; bottom:20px; left:50%; display:flex; gap:7px; transform:translateX(-50%); }.i2-feature-dots button { width:9px; height:9px; padding:0; border:0; border-radius:50%; background:rgba(230,243,255,.38); cursor:pointer; }.i2-feature-dots button.is-active { width:29px; border-radius:99px; background:var(--electric); }
@media (max-width:900px) { .i2-heading,.i2-feature-heading { display:block; }.i2-heading > p:last-child,.i2-feature-heading > p:last-child { margin-top:15px; }.i2-pricing-grid { grid-template-columns:1fr; }.i2-pricing-card { min-height:270px; }.i2-feature-track { min-height:450px; aspect-ratio:auto; } }
@media (max-width:560px) { .instruction2-pricing-showcase,.instruction2-feature-carousel { padding:62px 0; }.i2-heading { padding:0 0 23px; }.i2-feature-overlay { padding:23px 18px 37px; }.i2-feature-control { top:auto; bottom:20px; transform:none; width:42px; height:42px; }.i2-feature-control.prev { left:18px; }.i2-feature-control.next { right:18px; }.i2-feature-dots { bottom:35px; }.i2-placeholder-symbol img { width:260px; } }
@media (prefers-reduced-motion:reduce) { .i2-feature-slide { transition:none; } }