.hw-cats{background:var(--paper);padding:96px 0}.hw-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.hw-card{background:var(--paper);border:1px solid var(--slate-200);border-radius:var(--radius-xl);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.hw-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.hw-image{aspect-ratio:16/10;background-position:50%;background-size:cover;background-color:var(--slate-100);position:relative;overflow:hidden}.hw-body{flex-direction:column;flex:1;padding:36px;display:flex}.hw-card h3{color:var(--ink);letter-spacing:-.015em;margin-bottom:12px;font-size:22px;font-weight:600}.hw-card p{color:var(--slate-600);margin-bottom:24px;font-size:clamp(15px,1rem,16px);line-height:1.6}.hw-models{border-top:1px solid var(--slate-100);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.hw-models span{color:var(--slate-700);background:var(--slate-100);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500}.principles{background:var(--canvas);padding:120px 0}.princ-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.princ{background:var(--paper);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:36px;transition:all .2s}.princ:hover{border-color:var(--brand-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.princ-icon{background:var(--ink);width:48px;height:48px;color:var(--paper);border-radius:12px;place-items:center;margin-bottom:24px;display:grid}.princ h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:10px;font-size:19px;font-weight:600}.princ p{color:var(--slate-600);font-size:clamp(15px,1rem,16px);line-height:1.6}.compat{background:var(--paper);padding:96px 0}.compat-card{background:var(--ink);color:var(--paper);border-radius:var(--radius-xl);grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:56px;display:grid;position:relative;overflow:hidden}.compat-card:before{content:"";background:radial-gradient(600px 400px at 100%,#5b6cff2e,#0000 60%);position:absolute;inset:0}.compat-card>*{z-index:1;position:relative}.compat-card h3{color:var(--paper);letter-spacing:-.02em;margin-bottom:14px;font-size:30px;font-weight:600;line-height:1.15}.compat-card p{color:#ffffffb3;margin-bottom:24px;font-size:16px;line-height:1.55}.compat-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compat-stat{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff1a;padding:24px}.compat-stat-num{color:var(--paper);letter-spacing:-.025em;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1}.compat-stat-num span{color:var(--brand-300)}.compat-stat-label{color:#fff9;font-size:12.5px;font-weight:500}@media (max-width:1024px){.hw-grid,.princ-grid{grid-template-columns:1fr}.compat-card{grid-template-columns:1fr;padding:40px 32px}}@media (max-width:700px){.hw-body{padding:28px}.compat-card{padding:32px 24px}.compat-card h3{font-size:24px}.compat-stats{grid-template-columns:1fr;gap:12px}.princ{padding:28px 24px}}@media (max-width:390px){.hw-body{padding:24px 18px}.hw-card h3{font-size:19px}.compat-card{padding:28px 18px}.compat-stat{padding:18px}.compat-stat-num{font-size:26px}}