@charset "UTF-8";.site-section.cad-intro-video { position: relative; overflow: hidden; padding: clamp(72px, 8vw, 116px) 0; background: radial-gradient(circle at 10% 18%, rgba(47, 103, 200, 0.1), transparent 31%), radial-gradient(circle at 92% 82%, rgba(18, 61, 132, 0.08), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f3f7fc 48%, #ffffff 100%); } .cad-intro-video__shell { position: relative; isolation: isolate; overflow: hidden; padding: clamp(28px, 4.5vw, 58px); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: clamp(24px, 3vw, 36px); background: linear-gradient(145deg, #071b3d 0%, #0d326b 54%, #123d84 100%); box-shadow: 0 34px 80px rgba(7, 31, 66, 0.22); } .cad-intro-video__shell::before { position: absolute; z-index: -2; inset: 0; content: ""; background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.82), transparent 72%); } .cad-intro-video__shell::after { position: absolute; z-index: -1; top: -230px; right: -190px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(84, 151, 255, 0.32) 0%, rgba(84, 151, 255, 0) 70%); content: ""; pointer-events: none; } .cad-intro-video__header { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr); gap: clamp(32px, 5vw, 72px); align-items: end; margin-bottom: clamp(28px, 4vw, 48px); } .cad-intro-video__eyebrow { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 17px; color: #a9caff; font-size: 12px; font-weight: 900; letter-spacing: 0.17em; } .cad-intro-video__eyebrow::before { width: 38px; height: 1px; background: currentColor; content: ""; } .cad-intro-video__title { margin: 0; color: #fff; font-size: clamp(30px, 3.2vw, 46px); font-weight: 900; line-height: 1.3; letter-spacing: -0.025em; } .cad-intro-video__title span { color: #b8d3ff; } .cad-intro-video__intro { max-width: 590px; } .cad-intro-video__lead { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: 15.5px; line-height: 1.95; } .cad-intro-video__meta { display: inline-flex; align-items: center; gap: 9px; min-height: 34px; margin: 19px 0 0; padding: 0 14px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: var(--site-radius-pill); background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.9); font-size: 12.5px; font-weight: 800; letter-spacing: 0.03em; } .cad-intro-video__meta > span { width: 8px; height: 8px; border-radius: 50%; background: #7fb1ff; box-shadow: 0 0 0 4px rgba(127, 177, 255, 0.14); } .cad-intro-video__panel { position: relative; z-index: 1; padding: clamp(7px, 1vw, 11px); border: 1px solid rgba(255, 255, 255, 0.54); border-radius: 0 0 clamp(20px, 2.4vw, 28px) clamp(20px, 2.4vw, 28px); background: rgba(255, 255, 255, 0.96); box-shadow: 0 26px 60px rgba(2, 16, 39, 0.32); } .cad-intro-video__media { aspect-ratio: 16 / 9; overflow: hidden; border-radius: 0; background: #050b16; box-shadow: 0 14px 32px rgba(5, 20, 47, 0.18); } .cad-intro-video__player { display: block; width: 100%; height: 100%; border-radius: 0; object-fit: contain; background: #050b16; } .cad-intro-video__player:focus-visible { outline: 4px solid rgba(88, 150, 247, 0.72); outline-offset: -4px; } .cad-intro-video__footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 19px 11px 8px 15px; } .cad-intro-video__footer-copy { min-width: 0; } .cad-intro-video__prompt { margin: 0; color: var(--site-c-navy); font-size: 15px; font-weight: 900; line-height: 1.55; } .cad-intro-video__fallback { margin: 5px 0 0; color: var(--site-c-muted); font-size: 12.5px; line-height: 1.6; } .cad-intro-video__fallback a { color: var(--site-c-navy); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; } .cad-intro-video__fallback a:focus-visible { outline: 3px solid rgba(47, 103, 200, 0.45); outline-offset: 3px; } .cad-intro-video__actions { justify-content: flex-end; margin: 0; } .cad-intro-video__actions .site-btn { gap: 10px; min-width: min(100%, 324px); min-height: 56px; padding-right: 24px; padding-left: 24px; border-radius: 14px; box-shadow: 0 14px 28px rgba(18, 61, 132, 0.22); } .cad-intro-video__arrow { flex: 0 0 auto; transition: transform 0.2s ease; } .cad-intro-video__actions .site-btn:hover .cad-intro-video__arrow { transform: translateX(3px); } @media (max-width: 991px) { .cad-intro-video__header { grid-template-columns: 1fr; gap: 22px; align-items: start; } .cad-intro-video__intro { max-width: 720px; } } @media (max-width: 767px) { .site-section.cad-intro-video { padding: 56px 0; } .cad-intro-video__shell { padding: 25px 12px 12px; border-radius: 24px; } .cad-intro-video__shell::before { background-size: 34px 34px; } .cad-intro-video__header { gap: 17px; margin-bottom: 25px; padding: 0 8px; } .cad-intro-video__eyebrow { margin-bottom: 12px; font-size: 10.5px; } .cad-intro-video__title { font-size: clamp(26px, 7.6vw, 32px); line-height: 1.35; } .cad-intro-video__lead { font-size: 14px; line-height: 1.85; } .cad-intro-video__meta { min-height: 32px; margin-top: 15px; padding: 0 12px; font-size: 12px; } .cad-intro-video__panel { padding: 7px; border-radius: 0 0 18px 18px; } .cad-intro-video__footer { grid-template-columns: 1fr; gap: 15px; padding: 16px 7px 7px; } .cad-intro-video__prompt { font-size: 14px; } .cad-intro-video__fallback { font-size: 12px; } .cad-intro-video__actions { justify-content: stretch; } .cad-intro-video__actions .site-btn { width: 100%; min-width: 0; min-height: 54px; padding-right: 16px; padding-left: 16px; } } @media (max-width: 359px) { .cad-intro-video__shell { padding: 21px 8px 8px; } .cad-intro-video__header { padding: 0 6px; } .cad-intro-video__title { font-size: 25px; } .cad-intro-video__actions .site-btn { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .cad-intro-video__arrow { transition: none; } }