.pi-page{background:#010812;color:#fff}
.pi-section{padding:96px 0;background:#010812}
.pi-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 14px;border:1px solid rgba(48,148,255,.38);border-radius:999px;color:#8bc8ff;font-size:12px;line-height:1.2;letter-spacing:.03em;margin-bottom:18px;background:rgba(5,21,39,.72)}
.pi-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#1890ff;box-shadow:0 0 10px rgba(24,144,255,.7)}
.pi-head{max-width:760px;margin-bottom:44px}
.pi-head h2,.pi-intro-copy h2,.pi-context-copy h2,.pi-question-copy h2{font-size:42px;line-height:1.05;letter-spacing:-.038em;margin:0 0 20px;color:#fff}
.pi-head p,.pi-intro-copy p,.pi-context-copy p,.pi-question-copy p,.pi-intro-note,.pi-mini-copy span,.pi-context-item p,.pi-step p,.pi-watch-card p,.pi-figure-caption{color:#91aaca;line-height:1.76;font-size:15px}
.pi-reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}
.pi-reveal.is-visible{opacity:1;transform:none}
.pi-intro-shell,.pi-context-shell,.pi-question-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:stretch}
.pi-intro-copy,.pi-intro-visual,.pi-context-copy,.pi-context-visual,.pi-question-copy,.pi-question-visual{min-height:100%}
.pi-intro-copy{padding:42px 38px;border:1px solid rgba(56,117,177,.18);border-radius:28px;background:linear-gradient(180deg,rgba(5,19,35,.92),rgba(4,14,26,.96));display:flex;flex-direction:column;justify-content:center}
.pi-intro-copy p+.pi-intro-note{margin-top:18px}
.pi-intro-note{padding-top:18px;border-top:1px solid rgba(83,126,179,.18)}
.pi-inline-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px}
.pi-inline-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(7,25,45,.72);border:1px solid rgba(58,122,186,.14)}
.pi-inline-list svg,.pi-mini-copy svg,.pi-context-item svg,.pi-step-icon svg,.pi-watch-icon svg{width:20px;height:20px;fill:none;stroke:#42a5ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pi-list-icon,.pi-mini-icon,.pi-context-icon,.pi-step-icon,.pi-watch-icon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#05192e;border:1px solid rgba(43,131,214,.28);position:relative;overflow:hidden}
.pi-list-copy strong,.pi-mini-copy strong,.pi-context-item h3,.pi-step h3,.pi-watch-card h3{display:block;color:#fff;margin:0 0 6px;font-size:17px;line-height:1.35}
.pi-intro-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px}
.pi-figure{position:relative;height:100%;border-radius:30px;overflow:hidden;min-height:560px;border:1px solid rgba(63,125,185,.16);background:#071321}
.pi-figure img{width:100%;height:100%;display:block;object-fit:cover}
.pi-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,18,0) 20%,rgba(1,8,18,.76) 100%)}
.pi-figure-caption{position:absolute;left:24px;right:24px;bottom:20px;z-index:2}
.pi-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pi-mini-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(5,19,35,.92),rgba(3,14,27,.96));border:1px solid rgba(56,117,177,.16);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.pi-mini-card:hover,.pi-context-item:hover,.pi-step:hover,.pi-watch-card:hover,.pi-inline-list li:hover{transform:translateY(-4px);border-color:rgba(67,154,240,.4);box-shadow:0 18px 36px rgba(1,10,24,.32)}
.pi-context-section{background:#04111f}
.pi-context-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.pi-context-visual{display:flex}
.pi-context-image-wrap{position:relative;overflow:hidden;border-radius:30px;min-height:100%;width:100%;border:1px solid rgba(63,125,185,.16);background:#071321}
.pi-context-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;min-height:610px}
.pi-context-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,18,0) 35%,rgba(1,8,18,.68) 100%)}
.pi-context-badge{position:absolute;left:24px;bottom:24px;z-index:2;padding:12px 15px;border-radius:16px;background:rgba(3,16,31,.86);border:1px solid rgba(69,143,211,.26);color:#d2e8ff;font-size:14px;max-width:290px}
.pi-context-copy{padding:18px 0 18px 8px;display:flex;flex-direction:column;justify-content:center}
.pi-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.pi-context-item{padding:22px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(5,19,35,.92),rgba(3,14,27,.96));border:1px solid rgba(56,117,177,.16);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.pi-context-item-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}
.pi-question-section{background:#010812}
.pi-question-shell{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
.pi-question-copy{padding:42px 38px;border-radius:30px;background:linear-gradient(180deg,rgba(5,19,35,.92),rgba(3,14,27,.96));border:1px solid rgba(56,117,177,.16)}
.pi-step-list{display:grid;gap:15px;margin-top:28px}
.pi-step{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:flex-start;padding:18px;border-radius:22px;background:rgba(7,25,45,.56);border:1px solid rgba(56,117,177,.14);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.pi-step-index{font-size:13px;color:#8bc8ff;font-weight:600;letter-spacing:.05em;display:block;margin-bottom:4px}
.pi-question-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px}
.pi-question-photo{overflow:hidden;border-radius:30px;min-height:100%;border:1px solid rgba(63,125,185,.16);background:#071321}
.pi-question-photo img{width:100%;height:100%;min-height:560px;display:block;object-fit:cover}
.pi-question-callout{padding:20px 22px;border-radius:22px;background:#05192e;border:1px solid rgba(43,131,214,.28);color:#d9edff}
.pi-watch-section{background:#000}
.pi-watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pi-watch-card{display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(5,19,35,.86),rgba(3,14,27,.94));border:1px solid rgba(56,117,177,.16);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.pi-list-icon::after,.pi-mini-icon::after,.pi-context-icon::after,.pi-step-icon::after,.pi-watch-icon::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(67,164,255,.18),transparent 72%);transform:translateX(-140%);transition:transform .7s ease}
.pi-mini-card:hover .pi-mini-icon::after,.pi-context-item:hover .pi-context-icon::after,.pi-step:hover .pi-step-icon::after,.pi-watch-card:hover .pi-watch-icon::after,.pi-inline-list li:hover .pi-list-icon::after{transform:translateX(140%)}
.pi-mini-card:hover .pi-mini-icon svg,.pi-context-item:hover .pi-context-icon svg,.pi-step:hover .pi-step-icon svg,.pi-watch-card:hover .pi-watch-icon svg,.pi-inline-list li:hover .pi-list-icon svg{transform:scale(1.08);filter:drop-shadow(0 0 7px rgba(66,165,255,.5))}
.pi-list-icon svg,.pi-mini-icon svg,.pi-context-icon svg,.pi-step-icon svg,.pi-watch-icon svg{transition:transform .35s ease,filter .35s ease}
@media(max-width:1100px){.pi-mini-grid,.pi-context-grid,.pi-watch-grid{grid-template-columns:1fr}.pi-intro-shell,.pi-context-shell,.pi-question-shell{grid-template-columns:1fr}.pi-intro-visual,.pi-question-visual{grid-template-rows:auto auto}.pi-figure,.pi-question-photo,.pi-context-image-wrap img{min-height:420px}.pi-context-copy{padding:0}}
@media(max-width:767px){.pi-section{padding:72px 0}.pi-intro-copy,.pi-question-copy{padding:32px 24px}.pi-figure,.pi-question-photo{min-height:320px}.pi-context-image-wrap img{min-height:320px}.pi-mini-grid{gap:14px}.pi-head h2,.pi-intro-copy h2,.pi-context-copy h2,.pi-question-copy h2{font-size:31px}}
@media(max-width:576px){.pi-inline-list li,.pi-mini-card,.pi-watch-card,.pi-step,.pi-context-item{padding:16px}.pi-figure-caption,.pi-context-badge{left:18px;right:18px;bottom:18px}.pi-list-icon,.pi-mini-icon,.pi-context-icon,.pi-step-icon,.pi-watch-icon{width:40px;height:40px;flex-basis:40px}.pi-step{grid-template-columns:46px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.pi-reveal{opacity:1!important;transform:none!important;transition:none!important}.pi-mini-card,.pi-context-item,.pi-step,.pi-watch-card,.pi-inline-list li,.pi-list-icon::after,.pi-mini-icon::after,.pi-context-icon::after,.pi-step-icon::after,.pi-watch-icon::after,.pi-list-icon svg,.pi-mini-icon svg,.pi-context-icon svg,.pi-step-icon svg,.pi-watch-icon svg{transition:none!important;transform:none!important}}


/* V59 refinement — global title scale + stronger responsiveness */
.pi-intro-shell,.pi-context-shell,.pi-question-shell{align-items:stretch}
.pi-intro-copy,.pi-context-copy,.pi-question-copy{height:100%}
.pi-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pi-mini-grid .pi-mini-card:last-child{grid-column:1 / -1}
@media(max-width:1180px){.pi-intro-shell{grid-template-columns:1fr}.pi-intro-copy,.pi-intro-visual{height:auto}.pi-figure{min-height:420px}}
@media(max-width:991px){.pi-head h2,.pi-intro-copy h2,.pi-context-copy h2,.pi-question-copy h2{font-size:32px}.pi-mini-grid{grid-template-columns:1fr}.pi-mini-grid .pi-mini-card:last-child{grid-column:auto}}
@media(max-width:767px){.pi-intro-copy,.pi-question-copy{padding:28px 22px}.pi-context-copy h2,.pi-intro-copy h2,.pi-question-copy h2,.pi-head h2{font-size:32px}}