[x-cloak]{display:none!important}

.professor-product-shell{background:#f4f7fb;min-height:100vh;padding:42px 0 72px}
.professor-product-page{color:#0d1726}
.professor-product-container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.professor-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:24px;color:#77849a;font-size:13px;font-weight:700}
.professor-breadcrumb a{color:#56657d;text-decoration:none;transition:.2s ease}
.professor-breadcrumb a:hover{color:#0b6fff}
.professor-breadcrumb strong{color:#172234}

.professor-product-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:34px;align-items:stretch;margin-bottom:34px}
.professor-product-gallery,.professor-product-summary{background:#fff;border:1px solid #e7ebf1;border-radius:26px;box-shadow:0 18px 55px rgba(25,42,70,.08)}
.professor-product-gallery{padding:24px}
.professor-product-main-image{position:relative;height:480px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(145deg,#f8fafc,#eef3f8);overflow:hidden}
.professor-product-main-image:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(24,117,255,.13),rgba(24,117,255,0) 72%);top:50%;left:50%;transform:translate(-50%,-50%)}
.professor-product-main-image img{position:relative;z-index:2;max-width:88%;max-height:86%;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(18,30,45,.18))}
.professor-official-badge{position:absolute;z-index:3;top:18px;left:18px;background:#07111f;color:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px rgba(7,17,31,.16)}
.professor-product-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 0;scrollbar-width:thin}
.professor-product-thumbs button{flex:0 0 76px;width:76px;height:70px;border-radius:14px;border:1px solid #e4e9f1;background:#fff;padding:7px;cursor:pointer;transition:.2s ease}
.professor-product-thumbs button:hover{transform:translateY(-2px);border-color:#a9c8ff}
.professor-product-thumbs button.is-active{border-color:#1375ff;box-shadow:0 0 0 3px rgba(19,117,255,.12)}
.professor-product-thumbs img{width:100%;height:100%;object-fit:contain}

.professor-product-summary{padding:38px;display:flex;flex-direction:column;justify-content:center}
.professor-product-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#1673f9;margin-bottom:13px}
.professor-product-summary h1{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px;color:#07111f;font-weight:800}
.professor-product-description{font-size:16px;line-height:1.8;color:#617087;margin:0 0 24px}
.professor-latest-update{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#07111f,#10243e);border-radius:18px;padding:18px 20px;color:#fff;margin:2px 0 22px;box-shadow:0 16px 35px rgba(8,25,48,.16)}
.professor-latest-update.is-muted{background:#eef2f7;color:#4f6076;box-shadow:none}
.professor-latest-update>div{display:grid;gap:3px}
.professor-update-label{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:800;color:#86b8ff}
.professor-latest-update.is-muted .professor-update-label{color:#8190a3}
.professor-latest-update strong{font-size:20px;line-height:1.2}
.professor-latest-update small{font-size:12px;color:#b8c7da}
.professor-latest-update.is-muted small{color:#8190a3}
.professor-update-dot{width:11px;height:11px;border-radius:50%;background:#39db83;box-shadow:0 0 0 7px rgba(57,219,131,.12)}
.professor-product-actions{display:grid;grid-template-columns:1fr;gap:10px}
.professor-primary-button,.professor-secondary-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:14px;font-size:14px;font-weight:800;text-decoration:none;transition:.2s ease}
.professor-primary-button{background:#1375ff;color:#fff;box-shadow:0 12px 24px rgba(19,117,255,.23)}
.professor-primary-button:hover{background:#0062ec;transform:translateY(-1px)}
.professor-primary-button svg{width:19px;height:19px}
.professor-secondary-button{background:#eff3f8;color:#243147;border:1px solid #e2e7ee}
.professor-secondary-button:hover{background:#e7edf5}
.professor-product-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}
.professor-product-stats div{border:1px solid #e6ebf1;border-radius:14px;padding:13px 10px;background:#fafbfd;text-align:center}
.professor-product-stats strong{display:block;font-size:18px;color:#111d2c}
.professor-product-stats span{display:block;font-size:10px;color:#7a8799;margin-top:3px}

.professor-product-section{background:#fff;border:1px solid #e6ebf1;border-radius:24px;padding:30px;margin-bottom:26px;box-shadow:0 15px 45px rgba(25,42,70,.055)}
.professor-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}
.professor-section-heading>div:first-child>span{display:block;font-size:10px;letter-spacing:.13em;color:#1774fa;font-weight:800;margin-bottom:5px}
.professor-section-heading h2{font-size:27px;line-height:1.15;margin:0;color:#0b1626;font-weight:800;letter-spacing:-.02em}
.professor-section-meta{font-size:12px;color:#718096;background:#f3f6fa;padding:8px 11px;border-radius:999px}
.professor-spec-tabs{display:flex;gap:7px;background:#f2f5f9;border-radius:12px;padding:5px}
.professor-spec-tabs button{border:0;background:transparent;border-radius:9px;padding:9px 17px;font-size:12px;font-weight:800;color:#738095;cursor:pointer;transition:.2s ease}
.professor-spec-tabs button.is-active{background:#fff;color:#126ff5;box-shadow:0 3px 12px rgba(34,50,77,.1)}
.professor-spec-panel{background:#f8fafc;border:1px solid #edf0f4;border-radius:17px;padding:25px;min-height:160px}
.professor-rich-content{color:#4e5d72;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.professor-rich-content h1,.professor-rich-content h2,.professor-rich-content h3,.professor-rich-content h4{color:#101b2b;margin-top:15px;margin-bottom:8px;font-weight:800}
.professor-rich-content ul,.professor-rich-content ol{padding-left:20px;margin:10px 0}
.professor-rich-content table{width:100%;border-collapse:collapse;background:#fff}
.professor-rich-content td,.professor-rich-content th{border:1px solid #e1e7ee;padding:10px}
.professor-empty-copy{margin:0;color:#8a96a6}

.professor-download-list{display:grid;gap:10px}
.professor-download-row{display:grid;grid-template-columns:48px minmax(0,1fr) 120px 108px;gap:16px;align-items:center;border:1px solid #e8edf3;border-radius:16px;padding:15px 16px;background:#fff;transition:.2s ease}
.professor-download-row:hover{border-color:#bed5f9;background:#fbfdff;transform:translateY(-1px)}
.professor-download-row.is-latest{border-color:#acd0ff;background:linear-gradient(90deg,#f6faff,#fff)}
.professor-download-icon{width:44px;height:44px;border-radius:12px;background:#edf5ff;color:#1375ff;display:flex;align-items:center;justify-content:center}
.professor-download-icon svg{width:22px;height:22px}
.professor-download-main{min-width:0}
.professor-download-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.professor-download-title-line strong{font-size:14px;color:#142033}
.professor-latest-pill{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;background:#dff7e9;color:#159052;border-radius:999px;padding:4px 7px}
.professor-download-filename{display:block;font-size:11px;color:#8591a1;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.professor-download-main p{font-size:12px;color:#68768a;margin:6px 0 0;line-height:1.5}
.professor-download-date span{display:block;font-size:9px;color:#9aa5b3;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.professor-download-date strong{font-size:12px;color:#3a475a}
.professor-download-button{display:flex;align-items:center;justify-content:center;text-decoration:none;height:39px;border-radius:10px;background:#10243e;color:#fff;font-size:11px;font-weight:800;transition:.2s ease}
.professor-download-button:hover{background:#1375ff}
.professor-empty-state{border:1px dashed #ccd5df;border-radius:15px;padding:28px;text-align:center;color:#8490a0;background:#fafbfd;font-size:13px}

.professor-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.professor-utility-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #e8edf3;border-radius:18px;padding:20px;background:#fafbfd}
.professor-utility-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center}
.professor-utility-icon svg{width:26px;height:26px}
.professor-utility-icon.is-blue{background:#eaf4ff;color:#1375ff}
.professor-utility-icon.is-red{background:#fff0f1;color:#e64f5f}
.professor-utility-card>div:nth-child(2)>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#98a4b4;font-weight:800}
.professor-utility-card h3{font-size:16px;margin:3px 0;color:#172234}
.professor-utility-card p{font-size:11px;line-height:1.5;color:#7a8798;margin:0}
.professor-utility-card>a{background:#fff;border:1px solid #dce4ed;border-radius:10px;padding:9px 11px;text-decoration:none;color:#176fdc;font-weight:800;font-size:10px;white-space:nowrap}
.professor-utility-card>a:hover{background:#1375ff;color:#fff;border-color:#1375ff}
.professor-unavailable{font-size:10px;color:#9aa6b5;font-weight:700;white-space:nowrap}

.professor-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.professor-video-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:13px;align-items:center;border:1px solid #e6ebf1;border-radius:17px;padding:17px;text-decoration:none;background:#fafbfd;transition:.2s ease}
.professor-video-card:hover{background:#fff;border-color:#b9d4fb;transform:translateY(-2px);box-shadow:0 12px 28px rgba(28,53,89,.08)}
.professor-play-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1375ff;color:#fff;box-shadow:0 8px 18px rgba(19,117,255,.23)}
.professor-play-icon svg{width:18px;height:18px;margin-left:2px}
.professor-video-card>div:nth-child(2)>span{font-size:9px;color:#98a4b4;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.professor-video-card h3{font-size:13px;color:#142033;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.professor-video-card p{font-size:10px;color:#7b8899;margin:0}
.professor-video-arrow{font-size:20px;color:#8fa0b5}

.professor-product-support-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#07111f,#0c2443);border-radius:25px;padding:34px 38px;color:#fff;box-shadow:0 18px 45px rgba(7,17,31,.14)}
.professor-product-support-cta>div>span{display:block;font-size:10px;letter-spacing:.14em;color:#70adff;font-weight:800;margin-bottom:7px}
.professor-product-support-cta h2{font-size:26px;margin:0 0 7px;font-weight:800}
.professor-product-support-cta p{margin:0;color:#b8c7da;font-size:13px}
.professor-product-support-cta>a{flex:0 0 auto;background:#1375ff;color:#fff;text-decoration:none;border-radius:13px;padding:14px 20px;font-size:12px;font-weight:800;box-shadow:0 9px 22px rgba(19,117,255,.25)}
.professor-product-support-cta>a:hover{background:#2a83ff}

@media(max-width:960px){
.professor-product-shell{padding-top:28px}
.professor-product-hero{grid-template-columns:1fr}
.professor-product-main-image{height:420px}
.professor-product-summary{padding:30px}
.professor-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.professor-utility-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
.professor-product-container{width:min(100% - 22px,1180px)}
.professor-product-shell{padding:20px 0 50px}
.professor-breadcrumb{font-size:11px;margin-bottom:16px}
.professor-product-gallery,.professor-product-summary,.professor-product-section{border-radius:19px}
.professor-product-gallery{padding:13px}
.professor-product-main-image{height:320px;border-radius:15px}
.professor-official-badge{top:12px;left:12px;font-size:8px;padding:7px 10px}
.professor-product-thumbs button{flex-basis:64px;width:64px;height:60px}
.professor-product-summary{padding:24px 20px}
.professor-product-eyebrow{font-size:9px}
.professor-product-summary h1{font-size:33px;margin-bottom:13px}
.professor-product-description{font-size:14px;line-height:1.7}
.professor-product-stats{grid-template-columns:repeat(3,1fr);gap:6px}
.professor-product-stats div{padding:10px 6px}
.professor-product-stats strong{font-size:15px}
.professor-product-stats span{font-size:8px}
.professor-product-section{padding:20px 16px;margin-bottom:16px}
.professor-section-heading{align-items:flex-start;flex-direction:column;gap:12px}
.professor-section-heading h2{font-size:23px}
.professor-spec-tabs{width:100%}
.professor-spec-tabs button{flex:1}
.professor-spec-panel{padding:18px 16px}
.professor-download-row{grid-template-columns:42px minmax(0,1fr) 88px;gap:10px;padding:13px}
.professor-download-icon{width:40px;height:40px}
.professor-download-date{display:none}
.professor-download-button{grid-column:2 / 4;width:100%;margin-top:2px}
.professor-utility-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px}
.professor-utility-icon{width:46px;height:46px}
.professor-utility-card>a,.professor-unavailable{grid-column:2;width:max-content}
.professor-video-grid{grid-template-columns:1fr}
.professor-product-support-cta{align-items:flex-start;flex-direction:column;padding:27px 22px}
.professor-product-support-cta h2{font-size:22px}
.professor-product-support-cta>a{width:100%;text-align:center}
}