.proposal-hero,.training-hero{position:relative;isolation:isolate;overflow:hidden;background:#071a38;color:#fff}
.pujb-video-frame{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(125deg,#06162f,#143d72)}
.pujb-video-frame iframe{position:absolute;left:50%;top:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);border:0;transform:translate(-50%,-50%)}
.pujb-video-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,35,.95) 0%,rgba(4,18,44,.85) 53%,rgba(5,25,53,.65) 100%),linear-gradient(0deg,rgba(3,13,30,.55),transparent 60%)}
.proposal-hero .hero-photo,.training-hero .hero-photo{position:absolute;z-index:1;right:5vw;top:50%;width:min(31vw,440px);height:min(440px,68%);transform:translateY(-50%);overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:16px;box-shadow:0 24px 65px rgba(0,0,0,.3)}
.proposal-hero .hero-photo img,.training-hero .hero-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.proposal-hero .hero-photo::after,.training-hero .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,23,49,.35),transparent 60%)}
.proposal-hero{display:flex;align-items:center;min-height:610px;padding:72px max(6vw,24px);gap:0}
.proposal-hero>.hero-copy{position:relative;z-index:2;width:min(100%,760px);max-width:calc(95% - min(31vw,440px));padding:0;background:none;border:0;box-shadow:none}
.proposal-hero .micro-label,.training-hero .training-kicker{display:inline-block;color:#f2c347;font-size:12px;font-weight:850;letter-spacing:.16em}
.proposal-hero h1,.training-hero h1{max-width:1050px;margin:22px 0 20px;color:#fff;font-size:clamp(44px,5vw,76px);font-weight:900;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.proposal-hero h1 em,.training-hero h1 em{color:#f2c347;font-style:normal}
.proposal-hero .lead,.training-hero .training-lead{max-width:730px;margin:0;color:#e4ebf5;font-size:clamp(16px,1.4vw,19px);line-height:1.65}
.proposal-hero .hero-buttons,.training-hero .training-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.proposal-hero .proposal-btn,.training-hero .training-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:9px;font-weight:800}
.proposal-hero .proposal-btn.primary,.training-hero .training-button.primary{background:#f2c347;color:#071a38}
.proposal-hero .proposal-btn.light,.training-hero .training-button.ghost{border:1px solid rgba(255,255,255,.55);background:rgba(6,22,48,.4);color:#fff}
.proposal-hero .proposal-btn.download{border:1px solid rgba(242,195,71,.75);background:rgba(242,195,71,.14);color:#f7d980}
.proposal-hero .proposal-btn.download:hover{background:rgba(242,195,71,.24);transform:translateY(-2px)}
.proposal-hero .hero-facts,.training-hero .training-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;gap:0;margin-top:38px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(6,22,48,.5);backdrop-filter:blur(8px)}
.proposal-hero .hero-facts>div,.training-hero .training-stats>div{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 22px;min-width:0}
.proposal-hero .hero-facts>div+div,.training-hero .training-stats>div+div{border-left:1px solid rgba(255,255,255,.22)}
.proposal-hero .hero-facts b,.training-hero .training-stats strong{color:#f2c347;font-size:24px;line-height:1}
.proposal-hero .hero-facts span,.training-hero .training-stats span{color:#e4ebf5;font-size:13px;line-height:1.4}
.proposal-hero .hero-principle{margin:16px 0 0;color:#d5e0ef;font-size:12px;line-height:1.5}
.training-hero{display:flex;align-items:center;min-height:610px;padding:72px max(6vw,24px)}
.training-hero .training-hero-grid{position:relative;z-index:2;display:block;width:min(100%,760px);max-width:calc(95% - min(31vw,440px));margin:0}
.training-hero .training-hero-grid>div:first-child{padding:0;background:none;border:0;box-shadow:none}
.training-hero .training-stats strong{font-size:24px}
.package-card .package-icon{width:58px;height:58px;background:#edf5ff;border:1px solid rgba(21,63,131,.12);margin:24px 0}
.package-card.system-card .package-icon{background:#edf5ff}
.package-card .package-icon svg{width:34px;height:34px}
.training-principles .sme-card-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:16px;border-radius:14px;background:#edf5ff;border:1px solid rgba(21,63,131,.12)}
.training-principles .sme-card-icon svg{width:36px;height:36px}
.intro-section .section-title-row h2{font-weight:900;letter-spacing:-.045em}
.intro-section .section-title-row p strong{color:#113f86;font-weight:850}
.intro-section .package-card{border:2px solid #cbd9ec;border-radius:22px;background:#fff;box-shadow:0 20px 50px rgba(8,29,59,.12)}
.intro-section .package-card::before{height:6px;background:#113f86}
.intro-section .training-card::before{background:#d71920}
.intro-section .system-card::before{background:linear-gradient(90deg,#113f86 50%,#d71920 50%)}
.intro-section .package-card:hover{border-color:#113f86;box-shadow:0 26px 60px rgba(8,29,59,.18);transform:translateY(-3px)}
.intro-section .package-no{font-size:14px;letter-spacing:.09em;font-weight:950;color:#113f86}
.intro-section .package-no span{float:none;display:inline-block;margin-left:8px;padding:5px 9px;border-radius:6px;background:#e9f0f9;color:#173e73;font-size:10px;letter-spacing:.06em;vertical-align:middle}
.intro-section .package-choice{margin-bottom:8px;color:#d71920;font-size:11px;font-weight:950;letter-spacing:.12em}
.intro-section .package-icon{margin:22px 0 16px}
.intro-section .package-card h3{font-size:clamp(26px,2.1vw,32px);line-height:1.14;font-weight:900;color:#081d3b}
.intro-section .package-lead{font-size:14px;line-height:1.6;color:#46556b}
.intro-section .package-lead strong{color:#102e59;font-weight:850}
.intro-section .package-footer b{font-size:14px;color:#102e59;font-weight:850}
.intro-section .package-actions .proposal-btn{font-weight:900}
.training-demo-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px max(6vw,20px);background:#eef4f8;border-bottom:1px solid #cbd9e6;color:#081d3b}
.training-demo-link h2{margin:8px 0;font-size:clamp(22px,2.5vw,32px)}
.training-demo-link p{margin:0;max-width:720px;color:#47617d}
.training-demo-link .training-button.primary{flex-shrink:0;background:#113f86;color:white}
@media(max-width:760px){.training-demo-link{display:block}.training-demo-link .training-button{margin-top:18px;width:100%}.intro-section .package-actions{display:grid;gap:8px}}
@media(max-width:1050px){.proposal-hero .hero-photo,.training-hero .hero-photo{width:34vw;opacity:.6}.proposal-hero>.hero-copy,.training-hero .training-hero-grid{max-width:72%}}
@media(max-width:760px){.proposal-hero,.training-hero{min-height:0;padding:64px 20px 54px}.proposal-hero h1,.training-hero h1{font-size:clamp(36px,9vw,52px);line-height:1.09}.proposal-hero .hero-buttons a,.training-hero .training-actions a{width:100%}.proposal-hero .hero-facts,.training-hero .training-stats{margin-top:30px}.proposal-hero .hero-facts>div,.training-hero .training-stats>div{padding:14px 10px}.proposal-hero .hero-facts b,.training-hero .training-stats strong{font-size:20px}.proposal-hero .hero-facts span,.training-hero .training-stats span{font-size:11px}.pujb-video-frame iframe{width:auto;height:100%;min-width:0;aspect-ratio:16/9}}
@media(max-width:760px){.proposal-hero>.hero-copy,.training-hero .training-hero-grid{width:100%;max-width:none}.proposal-hero .hero-photo,.training-hero .hero-photo{right:0;top:0;width:100%;height:100%;transform:none;border:0;border-radius:0;box-shadow:none;opacity:.24}.proposal-hero .hero-photo img,.training-hero .hero-photo img{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.pujb-video-frame iframe{display:none}}