*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#FBF5FF;font-family:'Quicksand',sans-serif;font-weight:400;font-size:16px;line-height:1.8;color:#4A4A6A;overflow-x:hidden}
.split-layout{min-height:100vh;display:flex}
.chrome-side{flex:1;background:linear-gradient(135deg,#C0C0C0,#E8E8E8,#C0C0C0);display:flex;align-items:center;justify-content:center;padding:40px}
.chrome-content{opacity:0;transform:translateX(-20px);transition:all 0.5s ease}
.chrome-content.visible{opacity:1;transform:translateX(0)}
h1{font-family:'Quicksand',sans-serif;font-weight:700;font-size:clamp(28px,4vw,52px);color:#3A3A5C;margin-bottom:8px}
.chrome-desc{font-size:18px;color:#4A4A6A;margin-bottom:12px}
.label-tag{font-family:'Quicksand',sans-serif;font-weight:600;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:#8A8AAA;display:block;margin-bottom:12px}
.watercolor-side{flex:1;background:#E8E0F0;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}
.watercolor-content{position:relative;z-index:1}
.blob{position:absolute;border-radius:50%;opacity:0.3}
.blob-1{width:200px;height:200px;background:#FF85A2;top:10%;left:-20%;animation:morph-blob 10s ease-in-out infinite}
.blob-2{width:160px;height:160px;background:#64DFDF;bottom:15%;right:-10%;animation:morph-blob 8s ease-in-out infinite reverse}
@keyframes morph-blob{0%,100%{border-radius:50% 40% 60% 50%}25%{border-radius:40% 60% 50% 50%}50%{border-radius:60% 50% 40% 60%}75%{border-radius:50% 50% 60% 40%}}
.wc-text{max-width:360px;color:#4A4A6A;position:relative;z-index:2;opacity:0;transform:translateX(20px);transition:all 0.5s ease 0.2s}
.wc-text.visible{opacity:1;transform:translateX(0)}
.full-section{max-width:720px;margin:0 auto;padding:80px 20px;text-align:center;opacity:0;transform:translateY(20px);transition:all 0.5s ease}
.full-section.visible{opacity:1;transform:translateY(0)}
.alt-bg{background:rgba(232,224,240,0.3);max-width:100%;padding:80px 20px}
.alt-bg .label-tag,.alt-bg h2,.alt-bg p{max-width:720px;margin-left:auto;margin-right:auto}
h2{font-family:'Quicksand',sans-serif;font-weight:700;font-size:28px;color:#3A3A5C;margin-bottom:12px}
@media(max-width:768px){.split-layout{flex-direction:column}.chrome-side,.watercolor-side{min-height:50vh}h1{font-size:28px}}