.protection-lab{position:relative;overflow:clip;background:radial-gradient(circle at 12% 6%,rgba(225,37,27,.16),transparent 25rem),linear-gradient(180deg,#111114 0%,#0a0a0c 100%);padding:clamp(88px,10vw,148px) 0;color:#f1eee8}
.protection-lab::before,.protection-lab::after{position:absolute;pointer-events:none;content:""}.protection-lab::before{top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.protection-lab::after{top:8%;right:-6rem;width:min(42vw,640px);aspect-ratio:1;border:1px solid rgba(255,255,255,.045);border-radius:50%;box-shadow:0 0 0 72px rgba(255,255,255,.018),0 0 0 144px rgba(255,255,255,.009)}
.protection-lab__head{position:relative;z-index:1;display:grid;align-items:end;gap:clamp(28px,5vw,76px);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);margin-bottom:clamp(42px,6vw,78px)}.protection-lab__head h2{max-width:14ch;margin:12px 0 0;color:#f5f1ea;font-family:"Archivo","Manrope",sans-serif;font-size:clamp(2.45rem,5.4vw,6rem);font-weight:820;letter-spacing:-.058em;line-height:.94}.protection-lab__head p{max-width:53ch;margin:0;color:rgba(245,241,234,.7);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.75}.protection-lab__shell{position:relative;z-index:1}
.protection-lab__tabs{display:none;gap:1px;border:1px solid rgba(255,255,255,.12);border-bottom:0;background:rgba(255,255,255,.08);grid-template-columns:repeat(3,minmax(0,1fr))}.protection-lab__shell.is-enhanced .protection-lab__tabs{display:grid}.protection-lab__tabs button{position:relative;display:grid;min-height:78px;align-items:center;border:0;background:#111114;padding:14px clamp(14px,2vw,26px);color:rgba(245,241,234,.58);cursor:pointer;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:13px;text-align:left;transition:background-color .25s ease,color .25s ease}.protection-lab__tabs button::after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#e1251b;content:"";transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.75,.25,1)}.protection-lab__tabs button:hover{background:#17171b;color:#fff}.protection-lab__tabs button:focus-visible{z-index:2;outline:2px solid #ff5147;outline-offset:-4px}.protection-lab__tabs button[aria-selected="true"]{background:linear-gradient(110deg,rgba(225,37,27,.16),transparent 58%),#18181c;color:#fff}.protection-lab__tabs button[aria-selected="true"]::after{transform:scaleX(1)}.protection-lab__tabs button>span{color:#e1251b;font-family:"Archivo","Manrope",sans-serif;font-size:.72rem;font-weight:800;grid-row:1/3;letter-spacing:.08em}.protection-lab__tabs button strong{font-family:"Archivo","Manrope",sans-serif;font-size:clamp(.92rem,1.15vw,1.08rem);font-weight:760;letter-spacing:.01em}.protection-lab__tabs button small{color:currentColor;font-size:.68rem;letter-spacing:.09em;opacity:.62;text-transform:uppercase}
.protection-lab__chapters{display:grid;gap:34px}.protection-lab__chapter{display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#111114;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)}.protection-lab__shell.is-enhanced .protection-lab__chapter[hidden]{display:none}.protection-lab__visual{position:relative;min-height:clamp(480px,53vw,720px);overflow:hidden;margin:0;background:#09090b;isolation:isolate}.protection-lab__visual img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(.76) contrast(1.08) brightness(.78);transform:scale(1.025)}.protection-lab__veil{position:absolute;z-index:1;background:linear-gradient(90deg,rgba(6,6,8,.18),transparent 52%,rgba(6,6,8,.34)),linear-gradient(180deg,rgba(6,6,8,.08),transparent 45%,rgba(6,6,8,.88));inset:0}
.protection-lab__visual figcaption{position:absolute;z-index:7;right:clamp(18px,3vw,34px);bottom:clamp(20px,3vw,34px);left:clamp(18px,3vw,34px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:14px}.protection-lab__visual figcaption span,.protection-lab__zone{font-family:"Archivo","Manrope",sans-serif;font-size:.62rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.protection-lab__visual figcaption span{color:#ff5147}.protection-lab__visual figcaption strong{max-width:25ch;color:#fff;font-family:"Archivo","Manrope",sans-serif;font-size:clamp(.82rem,1.1vw,1.02rem);font-weight:680;line-height:1.35;text-align:right}.protection-lab__zone{position:absolute;z-index:7;top:24px;left:24px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(7,7,9,.58);padding:8px 11px;color:rgba(255,255,255,.82);backdrop-filter:blur(10px)}
.protection-lab__scan{position:absolute;z-index:3;top:-8%;bottom:-8%;left:-28%;width:26%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),rgba(225,37,27,.2),transparent);filter:blur(1px);opacity:0;transform:skewX(-10deg)}.protection-lab__droplets,.protection-lab__impacts,.protection-lab__salt{position:absolute;z-index:5;pointer-events:none;inset:0}.protection-lab__droplets i{position:absolute;width:clamp(10px,1.4vw,20px);aspect-ratio:1/1.18;border:1px solid rgba(220,242,255,.84);border-radius:62% 40% 58% 42%;background:radial-gradient(circle at 33% 28%,rgba(255,255,255,.96) 0 9%,transparent 11%),linear-gradient(145deg,rgba(184,226,255,.62),rgba(34,104,145,.2));box-shadow:inset -3px -4px 8px rgba(0,23,42,.34),0 8px 18px rgba(0,0,0,.28);opacity:0;transform:translate3d(0,-22px,0) rotate(35deg)}.protection-lab__droplets i:nth-child(1){top:22%;left:18%}.protection-lab__droplets i:nth-child(2){top:34%;left:31%;width:clamp(14px,1.8vw,26px)}.protection-lab__droplets i:nth-child(3){top:18%;left:53%}.protection-lab__droplets i:nth-child(4){top:44%;left:65%;width:clamp(13px,1.65vw,24px)}.protection-lab__droplets i:nth-child(5){top:28%;left:78%}.protection-lab__droplets i:nth-child(6){top:55%;left:43%;width:clamp(9px,1.2vw,17px)}
.protection-lab__film{position:absolute;z-index:3;background:linear-gradient(112deg,transparent 0 44%,rgba(255,255,255,.72) 49%,transparent 54%),linear-gradient(135deg,rgba(157,215,230,.04),rgba(198,239,255,.24));box-shadow:inset 0 0 0 1px rgba(216,246,255,.34),inset 30px 0 60px rgba(255,255,255,.08);clip-path:polygon(0 0,0 0,0 100%,0 100%);inset:7% 5% 8% 4%;mix-blend-mode:screen}.protection-lab__impacts i{position:absolute;width:clamp(22px,2.8vw,38px);aspect-ratio:1;border:2px solid rgba(255,81,71,.96);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 22px rgba(225,37,27,.72);opacity:0;transform:scale(2.1)}.protection-lab__impacts i::before,.protection-lab__impacts i::after{position:absolute;top:50%;left:50%;background:rgba(255,255,255,.86);content:"";transform:translate(-50%,-50%)}.protection-lab__impacts i::before{width:150%;height:1px}.protection-lab__impacts i::after{width:1px;height:150%}.protection-lab__impacts i:nth-child(1){top:25%;left:57%}.protection-lab__impacts i:nth-child(2){top:43%;left:72%}.protection-lab__impacts i:nth-child(3){top:31%;left:83%}
.protection-lab__under-scan{position:absolute;z-index:3;right:6%;bottom:12%;left:6%;height:48%;border:1px solid rgba(255,81,71,.55);background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.08) 8.2% 8.5%),repeating-linear-gradient(0deg,transparent 0 14%,rgba(255,255,255,.06) 14.2% 14.5%),linear-gradient(180deg,rgba(225,37,27,.03),rgba(225,37,27,.3));box-shadow:inset 0 -30px 70px rgba(225,37,27,.24),0 0 46px rgba(225,37,27,.16);clip-path:inset(100% 0 0);opacity:.88;transform:perspective(720px) rotateX(59deg);transform-origin:bottom}.protection-lab__salt i{position:absolute;top:-8%;width:5px;aspect-ratio:1;border-radius:50%;background:rgba(238,242,245,.88);box-shadow:0 0 8px rgba(255,255,255,.46);opacity:0}.protection-lab__salt i:nth-child(1){left:14%}.protection-lab__salt i:nth-child(2){left:32%;width:3px}.protection-lab__salt i:nth-child(3){left:52%}.protection-lab__salt i:nth-child(4){left:71%;width:4px}.protection-lab__salt i:nth-child(5){left:86%;width:3px}
.protection-lab__copy{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;background:linear-gradient(145deg,rgba(225,37,27,.08),transparent 38%),#151519;padding:clamp(34px,5vw,72px)}.protection-lab__copy::after{position:absolute;right:22px;bottom:18px;color:rgba(255,255,255,.055);content:"CCC";font-family:"Archivo","Manrope",sans-serif;font-size:clamp(3.6rem,7vw,7.8rem);font-weight:900;letter-spacing:-.08em;pointer-events:none}.protection-lab__trace{position:relative;z-index:1;margin-bottom:18px;color:#ff5147;font-family:"Archivo","Manrope",sans-serif;font-size:.68rem;font-weight:780;letter-spacing:.14em}.protection-lab__copy h3{position:relative;z-index:1;max-width:12ch;margin:0 0 clamp(26px,3vw,38px);color:#f7f3ec;font-family:"Archivo","Manrope",sans-serif;font-size:clamp(2rem,3.4vw,4.15rem);font-weight:820;letter-spacing:-.052em;line-height:.98}.protection-lab__logic{position:relative;z-index:1;display:grid;margin:0;border-top:1px solid rgba(255,255,255,.13)}.protection-lab__logic div{display:grid;gap:14px;border-bottom:1px solid rgba(255,255,255,.11);padding:15px 0;grid-template-columns:104px 1fr}.protection-lab__logic dt{color:rgba(245,241,234,.47);font-family:"Archivo","Manrope",sans-serif;font-size:.65rem;font-weight:720;letter-spacing:.09em;text-transform:uppercase}.protection-lab__logic dd{margin:0;color:rgba(245,241,234,.82);font-size:.88rem;line-height:1.6}.protection-lab__boundary{position:relative;z-index:1;margin:20px 0 0;color:rgba(245,241,234,.56);font-size:.77rem;line-height:1.55}.protection-lab__boundary strong{color:rgba(245,241,234,.86)}.protection-lab__link{position:relative;z-index:1;display:inline-flex;width:fit-content;align-items:center;gap:12px;margin-top:27px;border-bottom:1px solid rgba(255,81,71,.5);padding-bottom:8px;color:#fff;font-family:"Archivo","Manrope",sans-serif;font-size:.78rem;font-weight:760;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.protection-lab__link span{color:#ff5147;transition:transform .2s ease}.protection-lab__link:hover span{transform:translateX(4px)}
.protection-lab__status{display:none;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.12);border-top:0;background:#0d0d10;padding:15px 18px}.protection-lab__shell.is-enhanced .protection-lab__status{display:flex}.protection-lab__status>span{flex:0 0 auto;color:rgba(245,241,234,.45);font-family:"Archivo","Manrope",sans-serif;font-size:.58rem;font-weight:720;letter-spacing:.12em}.protection-lab__meter{position:relative;width:100%;height:2px;overflow:hidden;background:rgba(255,255,255,.11)}.protection-lab__meter i{position:absolute;width:33.333%;height:100%;background:#e1251b;inset:0 auto 0 0;transform:translateX(0);transition:transform .45s cubic-bezier(.2,.75,.25,1)}.protection-lab__shell[data-lab-active="ppf"] .protection-lab__meter i{transform:translateX(100%)}.protection-lab__shell[data-lab-active="underbody"] .protection-lab__meter i{transform:translateX(200%)}
.protection-lab__chapter.is-running .protection-lab__visual--ceramic .protection-lab__scan{animation:ccc-lab-scan 1.55s cubic-bezier(.2,.72,.25,1) both}.protection-lab__chapter.is-running .protection-lab__droplets i{animation:ccc-lab-drop 1.45s cubic-bezier(.18,.76,.2,1) both}.protection-lab__chapter.is-running .protection-lab__droplets i:nth-child(2){animation-delay:.08s}.protection-lab__chapter.is-running .protection-lab__droplets i:nth-child(3){animation-delay:.17s}.protection-lab__chapter.is-running .protection-lab__droplets i:nth-child(4){animation-delay:.24s}.protection-lab__chapter.is-running .protection-lab__droplets i:nth-child(5){animation-delay:.31s}.protection-lab__chapter.is-running .protection-lab__droplets i:nth-child(6){animation-delay:.39s}.protection-lab__chapter.is-running .protection-lab__film{animation:ccc-lab-film 1.65s cubic-bezier(.16,.76,.22,1) both}.protection-lab__chapter.is-running .protection-lab__impacts i{animation:ccc-lab-impact .75s cubic-bezier(.2,.72,.25,1) both;animation-delay:.72s}.protection-lab__chapter.is-running .protection-lab__impacts i:nth-child(2){animation-delay:.93s}.protection-lab__chapter.is-running .protection-lab__impacts i:nth-child(3){animation-delay:1.14s}.protection-lab__chapter.is-running .protection-lab__under-scan{animation:ccc-lab-under 1.65s cubic-bezier(.16,.76,.22,1) both}.protection-lab__chapter.is-running .protection-lab__salt i{animation:ccc-lab-salt 1.45s cubic-bezier(.2,.72,.25,1) both}.protection-lab__chapter.is-running .protection-lab__salt i:nth-child(2){animation-delay:.12s}.protection-lab__chapter.is-running .protection-lab__salt i:nth-child(3){animation-delay:.22s}.protection-lab__chapter.is-running .protection-lab__salt i:nth-child(4){animation-delay:.31s}.protection-lab__chapter.is-running .protection-lab__salt i:nth-child(5){animation-delay:.4s}
@keyframes ccc-lab-scan{0%{left:-28%;opacity:0}14%{opacity:.88}78%{opacity:.68}100%{left:108%;opacity:0}}@keyframes ccc-lab-drop{0%{opacity:0;transform:translate3d(0,-22px,0) rotate(35deg) scale(.6)}32%{opacity:.92}76%{opacity:.84}100%{opacity:0;transform:translate3d(15px,120px,0) rotate(45deg) scale(.9)}}@keyframes ccc-lab-film{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:.12}70%,100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}@keyframes ccc-lab-impact{0%{opacity:0;transform:scale(2.1)}36%{opacity:1;transform:scale(.72)}68%{opacity:.86;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}@keyframes ccc-lab-under{0%{clip-path:inset(100% 0 0);filter:brightness(.7)}72%,100%{clip-path:inset(0);filter:brightness(1)}}@keyframes ccc-lab-salt{0%{top:-8%;opacity:0;transform:translateX(0)}28%{opacity:.88}68%{top:55%;opacity:.78;transform:translateX(12px)}100%{top:59%;opacity:0;transform:translateX(18px) scale(.35)}}
@media(max-width:980px){.protection-lab__head{align-items:start;grid-template-columns:1fr}.protection-lab__head p{max-width:62ch}.protection-lab__chapter{grid-template-columns:1fr}.protection-lab__visual{min-height:0;aspect-ratio:16/10}.protection-lab__copy h3{max-width:16ch}}
@media(max-width:700px){.protection-lab{padding:78px 0 92px}.protection-lab__head{margin-bottom:34px}.protection-lab__head h2{max-width:11ch;font-size:clamp(2.35rem,12vw,4rem)}.protection-lab__tabs{position:relative;overflow-x:auto;border-right:0;border-left:0;margin-inline:calc(var(--container-pad,20px)*-1);padding-inline:var(--container-pad,20px);background:#0d0d10;grid-template-columns:repeat(3,minmax(132px,1fr));scrollbar-width:none;scroll-snap-type:x proximity}.protection-lab__tabs::-webkit-scrollbar{display:none}.protection-lab__tabs button{min-height:68px;padding:12px 13px;scroll-snap-align:start}.protection-lab__chapter{border-right:0;border-left:0;margin-inline:calc(var(--container-pad,20px)*-1)}.protection-lab__visual{aspect-ratio:4/3}.protection-lab__visual figcaption{align-items:flex-start;flex-direction:column;gap:5px}.protection-lab__visual figcaption strong{max-width:31ch;text-align:left}.protection-lab__zone{top:14px;left:14px;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.protection-lab__copy{padding:34px 20px 42px}.protection-lab__copy h3{max-width:13ch;font-size:clamp(2rem,9.7vw,3rem)}.protection-lab__logic div{gap:5px;grid-template-columns:1fr}.protection-lab__status{border-right:0;border-left:0;margin-inline:calc(var(--container-pad,20px)*-1)}.protection-lab__status>span{display:none}}
@media(max-width:370px){.protection-lab__tabs{grid-template-columns:repeat(3,minmax(124px,1fr))}.protection-lab__visual{aspect-ratio:1/.88}.protection-lab__copy{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.protection-lab *,.protection-lab *::before,.protection-lab *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.protection-lab__scan,.protection-lab__droplets,.protection-lab__impacts,.protection-lab__salt{display:none}.protection-lab__film{clip-path:none}.protection-lab__under-scan{clip-path:inset(0)}}
.protection-lab [data-lab-live]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.protection-lab__shell[data-lab-static="true"] .protection-lab__scan,.protection-lab__shell[data-lab-static="true"] .protection-lab__droplets,.protection-lab__shell[data-lab-static="true"] .protection-lab__impacts,.protection-lab__shell[data-lab-static="true"] .protection-lab__salt{display:none}.protection-lab__shell[data-lab-static="true"] .protection-lab__film{clip-path:none}.protection-lab__shell[data-lab-static="true"] .protection-lab__under-scan{clip-path:inset(0)}