/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.design-preview{--background:oklch(99% 0 0);--foreground:oklch(21% .005 270);--card:oklch(100% 0 0);--card-foreground:var(--foreground);--primary:oklch(44% .15 24);--primary-foreground:oklch(99% 0 0);--secondary:oklch(95% .003 270);--secondary-foreground:var(--foreground);--muted:var(--secondary);--muted-foreground:oklch(49% .005 270);--accent:oklch(95% .018 24);--accent-foreground:var(--primary);--border:oklch(90% .002 270);--input:var(--border);--ring:var(--primary);--inverse:oklch(99% 0 0);--ink:oklch(16% 0 0);--hero-overlay:linear-gradient(90deg,oklch(96% 0 0/.98) 0%,oklch(96% 0 0/.88) 30%,oklch(96% 0 0/0) 68%);--player-overlay:linear-gradient(0deg,oklch(12% 0 0/.9),transparent 55%);--preview-shadow:0 8px 28px oklch(20% 0 0/.05);color:var(--foreground);background:var(--background);letter-spacing:0;min-height:100vh;font-family:var(--font-sans)}.concept-b{--background:oklch(96.2% .003 90);--foreground:oklch(24% 0 0);--card:oklch(100% 0 0);--card-foreground:var(--foreground);--primary:oklch(40% .16 25);--primary-foreground:oklch(99% 0 0);--secondary:oklch(93% .004 90);--secondary-foreground:var(--foreground);--muted:var(--secondary);--muted-foreground:oklch(55% 0 0);--accent:oklch(94% .025 25);--accent-foreground:oklch(36% .15 25);--border:oklch(91% 0 0);--input:var(--border);--hero-overlay:none}.concept-c{--background:oklch(97.5% .005 190);--primary:oklch(45% .09 185);--primary-foreground:oklch(99% 0 0);--secondary:oklch(94% .016 185);--muted:oklch(95% .008 190);--accent:oklch(93% .03 185);--accent-foreground:oklch(35% .08 185);--border:oklch(89% .014 185);--hero-overlay:linear-gradient(90deg,oklch(92% .015 185/.99),oklch(92% .015 185/.9) 35%,oklch(92% .015 185/.05))}.preview-bar{background:var(--ink);color:var(--inverse);font-size:12px}.preview-bar a{opacity:.6}.preview-bar a[data-active=true]{opacity:1;border-bottom:2px solid var(--inverse)}.demo-header{height:88px}.demo-logo{font-size:25px;font-weight:850}.concept-a .demo-logo{font-size:23px}.concept-b .demo-logo{font-size:29px}.demo-container{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}.demo-hero{align-items:center;min-height:490px;display:flex;position:relative;overflow:hidden}.demo-hero>img{object-fit:cover;object-position:65% 38%;width:100%;height:100%;position:absolute;inset:0}.demo-hero:after{content:"";background:var(--hero-overlay);position:absolute;inset:0}.demo-hero-content{z-index:1;width:100%;padding-top:56px;padding-bottom:60px;position:relative}.demo-hero h1{max-width:660px;font-size:52px;font-weight:650;line-height:1.2}.concept-b .demo-hero{min-height:570px}.concept-b .demo-hero h1{font-size:76px;font-weight:900;line-height:1.08}.concept-b .demo-hero h1 em{color:var(--primary);font-style:normal}.concept-c .demo-hero{min-height:365px}.concept-c .demo-hero h1{font-size:44px;font-weight:750}.demo-eyebrow{text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:650}.demo-section{padding-top:56px;padding-bottom:60px}.demo-section h2{font-size:28px;font-weight:700}.course-image{object-fit:cover;object-position:center 35%;width:100%;height:205px}.course-card{background:var(--card);overflow:hidden}.concept-a .course-card{background:0 0;border:none}.concept-a .course-image{border-radius:0}.concept-b .course-card{border:1px solid var(--border);border-radius:0}.concept-b .course-card h3{font-size:24px}.concept-c .course-card{border:1px solid var(--border);box-shadow:var(--preview-shadow);border-radius:8px}.demo-stat-band{border-block:1px solid var(--border)}.concept-b .demo-stat-band{background:var(--card)}.demo-progress{background:var(--secondary);height:5px;overflow:hidden}.demo-progress:before{content:"";background:var(--primary);width:35%;height:100%;display:block}.demo-progress.secondary:before{width:12%}.instruction-card{background:var(--accent);border-left:3px solid var(--primary);border-radius:4px;padding:20px}.demo-player{background:var(--ink);color:var(--inverse);aspect-ratio:16/9;position:relative;overflow:hidden}.demo-player>img{object-fit:cover;width:100%;height:100%}.demo-player:after{content:"";background:var(--player-overlay);pointer-events:none;position:absolute;inset:0}.demo-player-controls{z-index:2;position:absolute;bottom:16px;left:20px;right:20px}.demo-play-center{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-button{color:var(--inverse);background:var(--ink)}.demo-footer{border-top:1px solid var(--border);padding:30px 0}.concept-a .demo-detail-title{font-weight:600}.concept-b .demo-detail-title{font-size:54px;font-weight:900}.concept-c .demo-header{background:var(--card)}@media (width<=767px){.demo-container{padding-left:20px;padding-right:20px}.demo-header{height:70px}.demo-logo,.concept-b .demo-logo{font-size:21px}.demo-hero{min-height:445px}.demo-hero>img{object-position:72% center}.demo-hero h1,.concept-c .demo-hero h1{max-width:340px;font-size:34px}.concept-b .demo-hero h1{font-size:48px}.concept-b .demo-hero{min-height:485px}.demo-hero-content{padding-block:48px}.demo-section{padding-block:36px}.demo-section h2{font-size:24px}.concept-b .demo-detail-title{font-size:36px}.preview-bar{font-size:11px}}@media (prefers-reduced-motion:reduce){.design-preview *,.design-preview :after{transition:none!important;animation:none!important}}