.page-hero{z-index:1;padding:24px 0 64px;position:relative}.page-hero .breadcrumb{color:var(--color-text-subtle);margin-bottom:32px;font-size:.85em}.page-hero .breadcrumb a{color:var(--color-accent)}.page-hero .breadcrumb span{color:var(--color-border-medium);margin:0 8px}.page-hero-title{text-align:center;margin-bottom:32px}.page-hero-title h1{margin:0;font-size:clamp(2em,3.5vw,10em);font-weight:600;line-height:1.15}.page-hero-inner{align-items:center;gap:0;display:flex}.page-hero-text{flex:5;padding-right:40px}.page-hero-text p{color:#363e4a;margin:0;font-size:18px;font-weight:300;line-height:1.7}[data-theme=dark] .page-hero-text p{color:var(--color-text-muted)}.page-hero-image{border-radius:16px;flex:7;overflow:hidden}.page-hero-image img{object-fit:cover;border-radius:16px;width:100%;height:380px;display:block}.page-hero-text ul{color:#363e4a;margin:16px 0 0;padding-left:20px;font-size:18px;font-weight:300;line-height:1.8}[data-theme=dark] .page-hero-text ul{color:var(--color-text-muted)}.framework-section{z-index:1;-webkit-backdrop-filter:blur(32.96px);background:linear-gradient(132deg,#d2c2ff26 26.47%,#fff0 88.42%);border:1px solid #4d638036;border-bottom:none;padding:80px 0;position:relative;box-shadow:0 6.593px 10.548px #0000,0 15.823px 52.742px #0000,0 34.282px 105.484px #0000}.framework-section-header{text-align:center;margin-bottom:48px}.framework-section-header h2{margin:0 0 16px;font-size:clamp(2em,3.5vw,10em);font-weight:200}.framework-section-header p{color:var(--color-text-muted);max-width:700px;margin:0 auto;font-size:1.05em;line-height:1.7}.framework-recap{grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 64px;display:grid}.framework-recap-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:14px;flex-direction:column;gap:8px;padding:18px 20px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative}.framework-recap-card:hover{border-color:var(--color-accent);background:var(--color-hover);transform:translateY(-2px)}.framework-recap-num{letter-spacing:.08em;color:var(--color-accent);font-feature-settings:"tnum";font-size:.78em;font-weight:700}.framework-recap-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);font-size:.78em;font-weight:600}.framework-recap-title{color:var(--color-text);margin:0;font-size:1em;font-weight:600;line-height:1.3}.responsible-step-template a{color:var(--color-accent);font-weight:500;transition:color .2s}.responsible-step-template a:hover{color:var(--color-accent-hover);text-decoration:underline}.responsible-step[id]{scroll-margin-top:96px}.responsible-steps{flex-direction:column;gap:0;display:flex}.responsible-step{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:40px;padding:48px 0;display:flex}.responsible-step:first-child{padding-top:0}.responsible-step:last-child{border-bottom:none}.responsible-step-image{flex-shrink:0;width:160px}.responsible-step-image img{width:100%;height:auto;display:block}.responsible-step-content{flex:1}.responsible-step-label{color:var(--color-text-muted);margin:0 0 6px;font-size:.82em;font-weight:500}.responsible-step-content h3{margin:0 0 12px;font-size:1.5em;font-weight:600;line-height:1.3}.responsible-step-content ul{color:var(--color-text-muted);margin:0 0 16px;padding-left:20px;font-size:.95em;line-height:1.8}.responsible-step-content ul li{margin-bottom:2px}.responsible-step-template{color:var(--color-text-muted);font-size:.88em}.responsible-step-template strong{color:var(--color-text);margin-bottom:2px;font-weight:600;display:block}@media (max-width:1024px){.page-hero-title h1{font-size:clamp(2em,3.5vw,10em)}.page-hero-image img{height:340px}.framework-section-header h2{font-size:clamp(2em,3.5vw,10em)}.responsible-step-image{width:140px}.framework-recap{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-hero-inner{flex-direction:column;gap:32px}.page-hero-text{padding-right:0}.page-hero-title h1{font-size:clamp(2em,3.5vw,10em)}.page-hero-image img{max-width:100%;height:280px}.framework-section-header h2{font-size:1.8em}.responsible-step{flex-direction:column;gap:24px}.responsible-step-image{width:120px}.framework-recap{grid-template-columns:1fr;gap:12px;margin-bottom:40px}}@media (max-width:480px){.page-hero-title h1{font-size:1.6em}.page-hero-image img{height:220px}.framework-section-header h2{font-size:1.5em}.responsible-step-content h3{font-size:1.2em}.responsible-step-image{width:100px}}
