.protection-hero{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;height:660px;max-height:calc(100svh - 120px);min-height:540px;background:#050505;color:#fff;border-bottom:1px solid rgba(220,177,92,.3);font-family:Arial,Helvetica,sans-serif}
.protection-hero *{box-sizing:border-box;letter-spacing:0}
.protection-hero .ph-art{position:absolute;inset:0 58px 0 -10px;z-index:-1;pointer-events:none;transform:translate3d(var(--ph-x,0px),var(--ph-y,0px),0) scale(1.015);transition:transform .35s ease-out}
.protection-hero .ph-art img{display:block;width:100%;height:100%;object-fit:contain}
.protection-hero .ph-inner{width:100%;max-width:1780px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;padding:48px 44px}
.protection-hero .ph-copy{width:540px;max-width:44%;text-shadow:0 2px 18px #000}
.protection-hero h1{font-size:12px;line-height:1.5;font-weight:400;text-transform:uppercase;color:#f2d59b;margin:0 0 14px}
.protection-hero .ph-title{display:grid;gap:2px;margin:0;line-height:1.02}
.protection-hero .ph-title>span{font-size:62px;font-weight:400;color:#fff}
.protection-hero .ph-title>strong{font-size:62px;font-weight:800;color:#f2d59b;white-space:nowrap}
.protection-hero .ph-motto{font-size:14px;line-height:1.5;font-weight:500;margin:16px 0 18px;max-width:510px;color:#e8e8e8}
.protection-hero .ph-description{font-size:14px;line-height:1.6;color:#dedede;margin:0;max-width:520px}
.protection-hero .ph-actions{display:flex;gap:12px;margin-top:26px;align-items:stretch}
.protection-hero .ph-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 22px;border:1px solid #d8ac59;border-radius:4px;background:#e3bd73;color:#100e08;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;text-shadow:none;box-shadow:0 2px 14px rgba(225,180,85,.13);position:relative;isolation:isolate}
.protection-hero .ph-button-outline{background:rgba(5,5,5,.8);color:#f2d59b;border-color:#ba9759}
.protection-hero .ph-button:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 0 24px rgba(225,180,85,.4);background:#fff1;opacity:0;transition:opacity .2s}
.protection-hero .ph-button:hover:before{opacity:1}
.protection-hero svg{width:29px;height:29px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.protection-hero .ph-button svg{width:19px;height:19px;transform:rotate(180deg);transition:transform .2s}
.protection-hero .ph-button:hover svg{transform:translateX(4px) rotate(180deg)}
.protection-hero a:focus-visible{outline:2px solid #f2d59b;outline-offset:5px}
.protection-hero .ph-benefits{display:flex;gap:22px;width:max-content;max-width:50%;margin-top:40px;align-items:start}
.protection-hero .ph-benefits a{display:flex;align-items:center;gap:9px;color:#ddd;text-decoration:none;font-size:11px;line-height:1.5;min-height:44px;text-shadow:0 2px 12px #000}
.protection-hero .ph-benefits a:hover{color:#f2d59b}
.protection-hero .ph-benefits svg{color:#e3bd73;width:27px;height:27px}
.protection-hero .ph-properties{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:140px;margin:0;padding:0;list-style:none;border:1px solid rgba(220,177,92,.3);border-radius:4px;background:rgba(5,5,5,.76);backdrop-filter:blur(8px)}
.protection-hero .ph-properties li{position:relative;display:flex;align-items:center;gap:12px;min-height:67px;padding:12px;font-size:12px;line-height:1.4;border-bottom:1px solid rgba(220,177,92,.2)}
.protection-hero .ph-properties li:last-child{border:0}
.protection-hero .ph-properties svg{color:#e3bd73}
.protection-hero .ph-properties li:before{content:'';position:absolute;inset:0;background:rgba(225,180,85,.15);opacity:0;transition:opacity .25s;pointer-events:none}
.protection-hero .ph-properties li:hover:before{opacity:1}
@media(min-width:1600px){.protection-hero{width:min(100vw,1920px);margin-left:calc((100% - min(100vw,1920px))/2);height:760px}.protection-hero .ph-inner{padding-inline:38px}.protection-hero .ph-copy{width:650px;max-width:42%}.protection-hero .ph-title>span,.protection-hero .ph-title>strong{font-size:76px}.protection-hero .ph-motto{font-size:17px}.protection-hero .ph-description{font-size:16px}.protection-hero .ph-button{font-size:15px;padding:15px 26px;min-height:56px}.protection-hero .ph-benefits{gap:26px;max-width:48%;margin-top:42px}.protection-hero .ph-benefits a{font-size:12px}.protection-hero .ph-properties{right:36px;width:154px}.protection-hero .ph-properties li{min-height:72px;font-size:13px}}
@media(min-width:2200px){.protection-hero{height:800px}}
@media(min-width:761px) and (max-width:1199px){.protection-hero{height:600px;min-height:520px}.protection-hero .ph-inner{padding:32px 24px}.protection-hero .ph-copy{max-width:51%;width:470px}.protection-hero .ph-title>span,.protection-hero .ph-title>strong{font-size:48px}.protection-hero .ph-properties{width:112px;right:16px}.protection-hero .ph-properties li{font-size:10px;gap:7px;min-height:58px;padding:9px}.protection-hero .ph-properties svg{width:23px;height:23px}.protection-hero .ph-button{padding:12px;font-size:11px}.protection-hero .ph-benefits{max-width:64%;gap:14px}.protection-hero .ph-benefits a{font-size:10px;gap:5px}.protection-hero .ph-motto{font-size:12px}}
@media(max-width:999px){
 .protection-hero{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:100%;padding:0 0 18px}
 .protection-hero .ph-inner{display:contents}
 .protection-hero .ph-copy{grid-row:1;width:auto;max-width:none;padding:20px 20px 0}
 .protection-hero h1{font-size:10px;margin-bottom:12px}
 .protection-hero .ph-title>span,.protection-hero .ph-title>strong{font-size:42px;line-height:1.05}
 .protection-hero .ph-motto{font-size:10px;margin:10px 0;max-width:none}
 .protection-hero .ph-description{font-size:12px;line-height:1.6;max-width:none}
 .protection-hero .ph-actions{margin-top:16px;gap:8px;display:grid;grid-template-columns:.92fr 1.08fr}
 .protection-hero .ph-button{padding:12px 9px;gap:7px;font-size:11px;min-height:46px}
 .protection-hero .ph-button svg{width:16px;height:16px}
 .protection-hero .ph-art{grid-row:2;position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1.8;transform:none;margin-top:8px;transition:none}
 .protection-hero .ph-art img{object-fit:contain}
 .protection-hero .ph-benefits{grid-row:3;max-width:none;width:100%;padding:0 20px 6px;margin:0;display:grid;grid-template-columns:repeat(5,minmax(96px,1fr));gap:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#5c4a2a transparent}
 .protection-hero .ph-benefits a{font-size:10px;gap:7px;min-height:42px}
 .protection-hero .ph-benefits svg{width:23px;height:23px}
 .protection-hero .ph-properties{grid-row:4;position:static;transform:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:auto;margin:16px 16px 0;border-radius:3px;backdrop-filter:none;background:#0d0d0d}
 .protection-hero .ph-properties li{flex-direction:column;text-align:center;justify-content:flex-start;gap:7px;min-height:72px;padding:10px 2px;border-bottom:0;border-right:1px solid rgba(220,177,92,.2);font-size:8px}
 .protection-hero .ph-properties svg{width:23px;height:23px}
}
@media(min-width:761px) and (max-width:999px){.protection-hero .ph-copy{max-width:680px;padding-top:28px}.protection-hero .ph-title>span,.protection-hero .ph-title>strong{font-size:54px}.protection-hero .ph-actions{max-width:500px}.protection-hero .ph-art{aspect-ratio:auto;height:300px;margin-top:0}.protection-hero .ph-properties{margin-top:12px}.protection-hero .ph-properties li{font-size:11px;min-height:64px}}
@media(max-width:359px){.protection-hero .ph-title>span,.protection-hero .ph-title>strong{font-size:35px}.protection-hero .ph-copy{padding-inline:16px}.protection-hero .ph-button{font-size:10px}.protection-hero .ph-benefits{padding-inline:16px;gap:6px}}
@media(max-width:760px){
 .protection-hero .ph-art{grid-area:1 / 1;min-height:560px;height:100%;aspect-ratio:auto;margin:0;align-self:stretch}
 .protection-hero .ph-art img{position:absolute;inset:0;object-fit:cover;object-position:75% center}
 .protection-hero .ph-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.58) 32%,rgba(0,0,0,.16) 56%,transparent 75%,#050505 100%)}
 .protection-hero .ph-copy{grid-area:1 / 1;position:relative;z-index:1;align-self:start;padding-bottom:250px}
 .protection-hero .ph-benefits{grid-row:2;padding-top:8px}
 .protection-hero .ph-properties{grid-row:3}
}
@media(prefers-reduced-motion:no-preference){
 .protection-hero .ph-copy>*,.protection-hero .ph-benefits{animation:ph-enter .8s both}
 .protection-hero .ph-copy>:nth-child(2){animation-delay:.08s}.protection-hero .ph-copy>:nth-child(3){animation-delay:.16s}.protection-hero .ph-copy>:nth-child(4){animation-delay:.22s}.protection-hero .ph-copy>:nth-child(5){animation-delay:.28s}.protection-hero .ph-benefits{animation-delay:.34s}
 .protection-hero .ph-art img{animation:ph-image 1.2s both}
}
@keyframes ph-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes ph-image{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.protection-hero *,.protection-hero *:before{animation:none!important;transition:none!important}.protection-hero .ph-art{transform:none}}
.protection-hero .ph-title{position:relative;isolation:isolate}
.protection-hero .ph-title>span,.protection-hero .ph-title>strong{position:relative;text-shadow:none}
@supports (background-clip:text){
 .protection-hero .ph-title>span,.protection-hero .ph-title>strong{background-image:linear-gradient(110deg,#fff 12%,#d5dce2 30%,#fff9e6 43%,#f1cb81 49%,#fff 58%,#dce2e8 78%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ph-metal 9s ease-in-out infinite}
 .protection-hero .ph-title>strong{background-image:linear-gradient(110deg,#e8be70 12%,#f5d999 30%,#fff9e9 44%,#fff 49%,#f5d391 57%,#dfb365 76%);animation-delay:-2s}
}
.protection-hero .ph-title.is-reacting>span,.protection-hero .ph-title.is-reacting>strong{mask-image:radial-gradient(circle 32px at var(--type-x) calc(var(--type-y) - var(--line-y)),transparent 15%,#000 95%);-webkit-mask-image:radial-gradient(circle 32px at var(--type-x) calc(var(--type-y) - var(--line-y)),transparent 15%,#000 95%)}
.protection-hero .ph-type-particles{position:absolute;inset:-28px;display:block;width:calc(100% + 56px);height:calc(100% + 56px);pointer-events:none;z-index:2}
.protection-hero[data-type-paused] .ph-title>span,.protection-hero[data-type-paused] .ph-title>strong{animation-play-state:paused}
@keyframes ph-metal{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.protection-hero .ph-title.is-reacting>span,.protection-hero .ph-title.is-reacting>strong{mask-image:none;-webkit-mask-image:none}.protection-hero .ph-type-particles{display:none}}