.advc-283 { --advc-primary: #10203c; --advc-secondary: #efcd21; --advc-support: #f3f8ff; --advc-title: #fff; --advc-text: #fff; background: #fff; color: #172946; font-family: Inter, Arial, sans-serif; margin: 0; }
.advc-283 *, .advc-283 *::before, .advc-283 *::after { box-sizing: border-box; }
.advc-283 img { display: block; max-width: 100%; }
.advc-283 .advc-page a, .advc-283 .advc-footer a { color: inherit; text-decoration: none; }
.advc-container { margin: 0 auto; max-width: 1238px; padding-left: 24px; padding-right: 24px; width: 100%; }
.advc-hero { background: var(--advc-primary); color: #fff; min-height: 700px; overflow: hidden; position: relative; }
.advc-hero__image { background-position: center; background-size: cover; inset: 0; opacity: .9; position: absolute; }
.advc-hero::after { background: linear-gradient(90deg, rgba(15, 15, 15, .96) 0%, rgba(27, 27, 27, .78) 48%, rgba(27, 27, 27, .35) 100%); content: ''; inset: 0; position: absolute; }
.advc-hero__container { align-items: center; display: grid; gap: 0 80px; grid-template-columns: minmax(0, 1fr) 342px; min-height: 700px; padding-bottom: 80px; padding-top: 104px; position: relative; z-index: 1; }
.advc-hero__head { align-self: end; grid-column: 1; grid-row: 1; max-width: 720px; }
.advc-hero__details { align-self: start; grid-column: 1; grid-row: 2; max-width: 720px; }
.advc-pill, .advc-downloads > strong, .advc-cta span, .advc-author span, .advc-logos > span { font-size: 12px; font-weight: 800; letter-spacing: 1.7px; text-transform: uppercase; }
.advc-pill { background: var(--advc-secondary); border-radius: 99px; color: var(--advc-primary); display: inline-block; padding: 7px 14px; }
.advc-hero h1, .advc-hero h2, .advc-cta h2, .advc-footer h2, .advc-author h2, .advc-related h2, .advc-share h2 { font-family: Poppins, Arial, sans-serif; font-weight: 700; margin: 0; }
.advc-hero h1 { color: var(--advc-title); font-size: clamp(40px, 5vw, 64px); letter-spacing: 0; line-height: 1.2; margin-top: 28px; }
.advc-hero h2 { color: var(--advc-secondary); font-size: 24px; line-height: 1.2; margin-top: 12px; }
.advc-hero__details > p, .advc-summary { color: var(--advc-title); font-size: 18px; line-height: 1.5; margin: 22px 0; max-width: 750px; }
.advc-downloads { margin-top: 20px; }
.advc-downloads > strong, .advc-cta span { color: var(--advc-secondary); display: block; margin-bottom: 13px; }
.advc-downloads__actions { display: flex; flex-wrap: wrap; gap: 16px; }
.advc-player { margin-top: 20px; max-width: 720px; }
.advc-player iframe { border: 0; display: block; max-width: 100%; width: 100%; }
.advc-button { align-items: center; border-radius: 24px; display: inline-flex; font-size: 16px; font-weight: 700; gap: 8px; min-height: 56px; padding: 15px 21px; text-decoration: none; }
.advc-button img { height: 22px; width: 22px; }
.advc-button--light { background: #fff; color: #2e3646; }
.advc-button--outline { border: 1px solid #fff; color: #fff; }
.advc-283 .advc-page .advc-button--light { color: #2e3646; }
.advc-283 .advc-page .advc-button--outline { color: #fff; }
.advc-button { transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.advc-button:hover { transform: translateY(-2px); }
.advc-283 .advc-page .advc-button--light:hover { background: #f3f8ff; color: #10203c; }
.advc-button--outline:hover { background: rgba(255,255,255,.14); }
.advc-cover { background: #fff; border-radius: 24px; box-shadow: 0 2px 1px rgba(0,0,0,.12); grid-column: 2; grid-row: 1 / span 2; padding: 8px; }
.advc-cover img { border-radius: 16px; box-shadow: 0 32px 64px -8px rgba(0,0,0,.55); height: 500px; object-fit: cover; width: 326px; }
.advc-library { align-items: center; backdrop-filter: blur(24px); background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.2); border-radius: 16px; color: #fff; cursor: pointer; display: flex; justify-content: space-between; padding: 12px 16px; position: absolute; right: 24px; top: 14px; width: 342px; z-index: 2; }
.advc-library > span:first-child { flex: 1; min-width: 0; text-align: left; }
.advc-library b, .advc-library small { display: block; }
.advc-library b { font-size: 16px; line-height: 24px; }
.advc-library small { color: rgba(255,255,255,.6); font-size: 14px; font-weight: 500; line-height: 21px; margin-top: 2px; text-align: left; white-space: nowrap; }
.advc-library__covers { display: flex; flex: 0 0 auto; gap: 3.429px; }
.advc-library__covers img { border-radius: 5.647px; box-shadow: 0 2.824px 8.471px rgba(0,0,0,.45); height: 48px; object-fit: cover; width: 31.059px; }
.advc-library__chevron { display: flex; flex: 0 0 24px; height: 24px; width: 24px; }
.advc-library__chevron img { height: 24px; width: 24px; }
.advc-library-menu { background: #151a23; border-bottom: 1px solid rgba(255,255,255,.1); bottom: auto; color: #fff; height: 512px; left: 0; overflow: hidden; padding: 40px 64px 24px; pointer-events: none; position: absolute; right: 0; top: 0; transform: translateY(-100%); transition: transform 1s cubic-bezier(.22,.61,.36,1), visibility 0s linear 1s; visibility: hidden; z-index: 4; }
.advc-library-menu.is-open { pointer-events: auto; transform: translateY(0); transition-delay: 0s; visibility: visible; }
.advc-library-menu__head { align-items: center; display: flex; justify-content: center; margin: 0 auto; max-width: 1238px; padding: 0; position: relative; }
.advc-library-menu__head h2 { color: #fff; font-family: "DM Sans", Inter, Arial, sans-serif; font-size: 32px; font-weight: 700; line-height: 1.2; margin: 0; }
.advc-library-menu__close { align-items: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 16px; color: #fff; cursor: pointer; display: inline-flex; font: 700 16px Inter, Arial, sans-serif; gap: 8px; min-height: 56px; padding: 9px 11px 9px 15px; position: absolute; right: 0; top: -16px; }
.advc-library-menu__close img { height: 24px; width: 24px; }
.advc-library-menu__viewport { cursor: grab; margin: 40px auto 0; max-width: 1238px; overflow: hidden; padding: 0; touch-action: pan-y; user-select: none; }
.advc-library-menu__viewport:active { cursor: grabbing; }
.advc-library-menu__rail { display: flex; gap: 24px; transition: transform .25s ease; user-select: none; will-change: transform; }
.advc-library-menu__rail, .advc-library-menu__rail img { -webkit-user-drag: none; user-drag: none; }
.advc-library-book { color: #fff; flex: 0 0 150px; font-size: 14px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; }
.advc-library-book img { border-radius: 8px; box-shadow: 0 12px 28px -6px rgba(0,0,0,.5); height: 230px; object-fit: cover; width: 150px; }
.advc-library-book span { display: block; margin-top: 16px; }
.advc-library-book { transition: transform .2s ease; }
.advc-library-book:hover { transform: translateY(-5px); }
.advc-library-book:focus, .advc-library-book:focus-visible { outline: 0; }
.advc-library-menu__footer { align-items: center; display: flex; justify-content: space-between; margin: 32px auto 0; max-width: 1238px; padding: 0; }
.advc-library-menu__footer.is-hidden { visibility: hidden; }
.advc-library-menu__dots { display: flex; gap: 8px; }
.advc-library-menu__dots i { background: #c9d0d9; border-radius: 50%; display: block; height: 8px; width: 8px; }
.advc-library-menu__dots i.is-active { background: #1473e6; }
.advc-library-menu__controls { display: flex; gap: 16px; }
.advc-library-menu__controls button { align-items: center; background: #fff; border: 0; border-radius: 50%; cursor: pointer; display: flex; height: 48px; justify-content: center; padding: 0; width: 48px; }
.advc-library-menu__controls button img { height: 24px; width: 24px; }
.advc-library-menu__controls button:disabled { cursor: default; opacity: .4; }
.advc-about { background: linear-gradient(#fff, var(--advc-support)); padding: 80px 0; }
.advc-about blockquote { border-left: 0 !important; color: var(--advc-primary); font-family: Poppins, Arial, sans-serif; font-size: clamp(28px, 3.1vw, 40px); font-weight: 400; line-height: 1.2; margin: 0 auto 55px; max-width: 1140px; padding-top: 25px; position: relative; text-align: center; }
.advc-about blockquote::before, .advc-column::before, .advc-author h2::before, .advc-related > span::before { background: var(--advc-secondary); border-radius: 2px; content: ''; height: 3px; position: absolute; top: 0; width: 38px; }
.advc-about blockquote::before { left: calc(50% - 19px); height: 4px; width: 56px; }
.advc-columns { display: grid; gap: 40px; grid-template-columns: repeat(3, 1fr); }
.advc-columns--single { grid-template-columns: minmax(0, 1fr); max-width: 820px; }
.advc-columns--single, .advc-columns--single p { color: #2e3646; font-size: 16px; line-height: 1.5; }
.advc-columns--single p:first-child { margin-top: 0; }
.advc-column { color: #2e3646; font-size: 16px; line-height: 1.5; padding-top: 24px; position: relative; }
.advc-column p { margin: 0; }
.advc-author-section { background: var(--advc-support); padding: 40px 0 80px; }
.advc-author { margin-top: 0; }
.advc-author h2, .advc-related h2, .advc-share h2 { color: var(--advc-primary); }
.advc-author h2, .advc-related h2 { font-size: 32px; padding-top: 15px; position: relative; }
.advc-author h2::before { left: 0; }
.advc-author__card { align-items: center; background: #fff; border: 1px solid #e9edf2; border-radius: 24px; display: grid; gap: 32px; grid-template-columns: 132px 240px 1fr; margin-top: 28px; padding: 40px; }
.advc-author__card picture, .advc-author__card picture img { display: block; }
.advc-author__card picture img { border-radius: 50%; height: 132px; object-fit: cover; object-position: center; width: 132px; }
.advc-author__card span { color: #758098; font-size: 10px; }
.advc-author__card h3 { font-family: Poppins, Arial, sans-serif; font-size: 24px; margin: 8px 0 0; }
.advc-author__card p { color: #2e3646; font-size: 16px; line-height: 1.5; margin: 0; }
.advc-cta { background-color: var(--advc-primary); background-position: center; background-size: cover; color: #fff; margin-top: 0; position: relative; }
.advc-cta::before { background: rgba(9, 28, 59, .88); content: ''; inset: 0; position: absolute; }
.advc-cta__content { align-items: center; display: flex; justify-content: space-between; min-height: 200px; position: relative; }
.advc-cta h2 { font-size: 32px; line-height: 1.2; }
.advc-cta .advc-downloads__actions { flex-wrap: nowrap; }
.advc-content { padding: 80px 0; }
.advc-share { align-items: center; background: var(--advc-support); border: 1px solid #bfd9ff; border-radius: 24px; display: flex; justify-content: space-between; min-height: 150px; padding: 32px; }
.advc-share h2 { font-size: 32px; }
.advc-share p { color: #2e3646; font-size: 16px; margin: 8px 0 0; }
.advc-share__actions { display: flex; gap: 10px; }
.advc-share__actions a, .advc-share__actions button { align-items: center; background: var(--advc-primary); border: 0; border-radius: 50%; display: flex; height: 40px; justify-content: center; padding: 0; width: 40px; }
.advc-share__actions img { height: 18px; width: 18px; }
.advc-share__actions button.is-copied { background: #efcd21; }
.advc-related { margin-top: 64px; }
.advc-related > span { display: block; height: 4px; position: relative; }
.advc-related > span::before { left: 0; }
.advc-related h2 { margin-top: 0; }
.advc-related > p { color: #465167; font-size: 16px; margin: 12px 0 27px; }
.advc-cards { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }
.advc-card { border: 1px solid #e3e8ef; border-radius: 24px; min-height: 309px; padding: 28px 24px 24px; }
.advc-card { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.advc-card:hover { border-color: #bfd9ff; box-shadow: 0 8px 20px rgba(15,31,61,.1); transform: translateY(-3px); }
.advc-card > img { height: 52px; object-fit: contain; width: 52px; }
.advc-card h3 { font-family: Poppins, Arial, sans-serif; font-size: 18px; margin: 16px 0 8px; }
.advc-card p { color: #465167; font-size: 16px; line-height: 1.5; margin: 0; }
.advc-card a { align-items: center; color: #172946; display: inline-flex; font-size: 14px; font-weight: 700; gap: 6px; margin-top: 13px; text-decoration: none; }
.advc-card a img { height: 18px; width: 18px; }
.advc-footer { background: #07172d; color: #fff; padding: 64px 0 40px; }
.advc-footer__top { align-items: flex-start; border-bottom: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; padding-bottom: 30px; }
.advc-footer h2 { font-size: 40px; }
.advc-footer p { color: rgba(255,255,255,.9); font-size: 16px; line-height: 1.5; margin: 8px 0 20px; }
.advc-contact { display: flex; flex-wrap: wrap; gap: 32px; }
.advc-contact a { align-items: center; color: #fff; display: inline-flex; font-size: 16px; font-weight: 700; gap: 8px; text-decoration: underline; }
.advc-283 .advc-contact a { color: #fff; text-decoration: underline; }
.advc-contact img { height: 24px; width: 24px; }
.advc-logos > span { color: rgba(255,255,255,.55); font-size: 10px; }
.advc-logos > div { display: flex; gap: 12px; margin-top: 12px; }
.advc-logos img { height: 80px; max-width: 116px; object-fit: contain; width: 100%; }
.advc-copyright { color: rgba(255,255,255,.6) !important; font-size: 12px !important; margin: 28px 0 0 !important; text-align: center; }
@media (max-width: 900px) { .advc-hero__container { column-gap: 35px; grid-template-columns: minmax(0, 1fr) 270px; } .advc-library { right: 24px; } .advc-cover img { height: 415px; width: 254px; } .advc-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) {
	.advc-container { padding-left: 16px; padding-right: 16px; }
	.advc-hero { display: flex; flex-direction: column; min-height: 1036px; }
	.advc-hero { --advc-book-width: 342px; }
	.advc-hero__image { background-position: center; }
	.advc-hero::after { background: linear-gradient(180deg, rgba(19, 18, 14, .76), rgba(15, 15, 15, .88)); }
	.advc-library { align-self: stretch; margin: 20px 0 0; max-width: none; order: 1; padding: 12px 16px; position: relative; right: auto; top: auto; width: auto; }
	.advc-library b { font-size: 16px; }
	.advc-library small { font-size: 14px; }
	.advc-library__covers img { height: 48px; width: 31px; }
	.advc-library__chevron, .advc-library__chevron img { height: 24px; width: 24px; }
	.advc-library-menu { bottom: auto; height: 632px; left: 0; min-height: 0; padding: 132px 16px 24px; position: absolute; right: 0; top: 0; width: 100%; z-index: 4; }
	.advc-library-menu__head { justify-content: center; padding: 0; }
	.advc-library-menu__head h2 { font-size: 20px; }
	.advc-library-menu__close { border-radius: 16px; font-size: 16px; min-height: 56px; padding: 9px 11px 9px 15px; right: 0; top: -116px; }
	.advc-library-menu__close img { height: 24px; width: 24px; }
	.advc-library-menu__viewport { margin-top: 32px; }
	.advc-library-menu__rail { gap: 24px; }
	.advc-library-book { flex-basis: 150px; font-size: 13px; line-height: 19.5px; }
	.advc-library-book img { height: 230px; width: 150px; }
	.advc-library-book span { margin-top: 16px; }
	.advc-library-menu__footer { margin-top: 24px; padding: 0; }
	.advc-library-menu__controls { gap: 16px; }
	.advc-library-menu__controls button { height: 40px; width: 40px; }
	.advc-library-menu__controls button img { height: 24px; width: 24px; }
	.advc-hero__container { display: flex; flex-direction: column; gap: 0; min-height: 1036px; order: 2; padding: 28px 16px 48px; text-align: center; }
	.advc-hero__head, .advc-hero__details { align-self: stretch; max-width: none; }
	.advc-hero__head { margin-top: 28px; order: 2; }
	.advc-pill { font-size: 12px; letter-spacing: 2px; padding: 7px 14px; }
	.advc-hero h1 { font-size: 32px; letter-spacing: 0; line-height: 1.2; margin-top: 28px; }
	.advc-hero h2 { font-size: 18px; line-height: 1.2; margin-top: 12px; }
	.advc-cover { align-self: center; border-radius: 24px; flex: none; margin: 28px 0 0; max-width: none; order: 3; padding: 8px; width: 194.5px; }
	.advc-cover img { border-radius: 16px; height: 274px; width: 178.5px; }
	.advc-hero__details { order: 4; }
	.advc-hero__details > p { font-size: 15px; line-height: 1.5; margin: 28px 0 24px; text-align: left; }
	.advc-downloads { margin-top: 0; text-align: left; }
	.advc-downloads > strong, .advc-cta span { font-size: 12px; letter-spacing: 2px; margin-bottom: 16px; }
	.advc-downloads__actions { display: grid; gap: 8px; grid-template-columns: 1fr; }
	.advc-player { margin-top: 16px; }
	.advc-button { font-size: 16px; justify-content: center; min-height: 56px; padding: 15px 21px; }
	.advc-button img { height: 24px; width: 24px; }
	.advc-about { padding: 48px 0; }
	.advc-about blockquote { font-size: 22px; line-height: 1.2; margin-bottom: 32px; padding-top: 28px; }
	.advc-about blockquote::before { height: 4px; width: 56px; left: calc(50% - 28px); }
	.advc-columns { gap: 20px; grid-template-columns: 1fr; }
	.advc-column { font-size: 14px; line-height: 1.5; padding-top: 0; }
	.advc-column::before { display: none; }
	.advc-author-section { padding: 40px 0 48px; }
	.advc-author h2, .advc-related h2 { font-size: 20px; padding-top: 15px; }
	.advc-author h2::before, .advc-related > span::before { height: 3px; width: 40px; }
	.advc-author__card { border-radius: 24px; display: block; margin-top: 28px; min-height: 352px; padding: 25px 21px; }
	.advc-author__card picture img { height: 88px; width: 88px; }
	.advc-author__card > div { margin-top: 20px; }
	.advc-author__card span { font-size: 12px; }
	.advc-author__card h3 { font-size: 18px; margin-top: 8px; }
	.advc-author__card p { font-size: 14px; line-height: 1.5; margin-top: 20px; }
	.advc-cta__content, .advc-footer__top { align-items: flex-start; flex-direction: column; gap: 24px; padding-bottom: 40px; padding-top: 40px; }
	.advc-cta__content { min-height: 314px; }
	.advc-cta h2 { font-size: 20px; line-height: 1.2; }
	.advc-cta .advc-downloads__actions { display: grid; flex-wrap: nowrap; width: 100%; }
	.advc-cta .advc-button { min-height: 56px; }
	.advc-content { padding: 48px 0; }
	.advc-share { align-items: flex-start; border-radius: 24px; flex-direction: column; gap: 20px; min-height: 192px; padding: 25px 21px; }
	.advc-share h2 { font-size: 20px; }
	.advc-share p { font-size: 14px; line-height: 1.5; margin-top: 8px; }
	.advc-share__actions { gap: 12px; }
	.advc-share__actions a, .advc-share__actions button { height: 48px; width: 48px; }
	.advc-share__actions img { height: 20px; width: 20px; }
	.advc-related { margin-top: 40px; }
	.advc-related > span { height: 3px; }
	.advc-related > p { font-size: 14px; line-height: 1.5; margin: 12px 0 24px; }
	.advc-cards { gap: 16px; grid-template-columns: 1fr; }
	.advc-card { border-radius: 24px; min-height: 273px; padding: 21px; }
	.advc-card:last-child { min-height: 252px; }
	.advc-card > img { height: 52px; width: 52px; }
	.advc-card h3 { font-size: 16px; margin: 16px 0 8px; }
	.advc-card p { font-size: 14px; line-height: 1.5; }
	.advc-card a { font-size: 14px; margin-top: 14px; }
	.advc-card a img { height: 18px; width: 18px; }
	.advc-footer { padding: 48px 0 32px; }
	.advc-footer__top { align-items: center; gap: 32px; padding-top: 0; text-align: center; }
	.advc-footer h2 { font-size: 22px; }
	.advc-footer p { font-size: 14px; line-height: 1.5; margin: 8px 0 20px; }
	.advc-contact { align-items: center; flex-direction: column; gap: 8px; }
	.advc-contact a { font-size: 14px; gap: 8px; }
	.advc-contact img { height: 24px; width: 24px; }
	.advc-logos > span { font-size: 12px; }
	.advc-logos > div { gap: 12px; margin-top: 16px; }
	.advc-logos img { height: 66px; width: 86px; }
	.advc-copyright { font-size: 14px !important; margin-top: 32px !important; }
}