.cp-hero{background:linear-gradient(135deg, #00b4d8 0%, var(--seed-primary) 100%);justify-content:center;align-items:center;min-height:55vh;padding:4rem 0;display:flex;position:relative;overflow:hidden}.cp-hero:before{content:"";background:radial-gradient(#ff914d26 0%,#0000 70%);width:50%;height:150%;position:absolute;top:-50%;left:-25%;transform:rotate(15deg)}.cp-hero-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#ffffff08 35px 70px);position:absolute;inset:0}.cp-hero-container{text-align:center;z-index:1;max-width:900px;margin:0 auto;padding:0 1.5rem;position:relative}.cp-hero-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;display:flex}.cp-hero-title{letter-spacing:-1px;color:#fff;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1}.cp-hero-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:50px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-block}.cp-intro-section{background:#fff;padding:4rem 0}.cp-intro-container{max-width:900px;margin:0 auto}.cp-intro-card{border-radius:var(--radius-lg);border-left:4px solid var(--seed-primary);background:linear-gradient(135deg,#0097b20d 0%,#ff914d0d 100%);padding:2.5rem}.cp-intro-text{color:var(--neutral-700);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.cp-intro-text:last-child{margin-bottom:0}.cp-types-section{background:var(--neutral-50);padding:5rem 0}.cp-types-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.cp-type-card{border-radius:var(--radius-lg);border:2px solid var(--neutral-200);transition:var(--transition-base);background:#fff;padding:2.5rem;position:relative;overflow:hidden}.cp-type-card:before{content:"";background:linear-gradient(180deg, var(--seed-primary), var(--seed-secondary));width:4px;height:0;transition:height .3s;position:absolute;top:0;left:0}.cp-type-card:hover{border-color:var(--seed-primary);box-shadow:var(--shadow-sm);transform:translateY(-4px)}.cp-type-card:hover:before{height:100%}.cp-type-icon-wrapper{width:64px;height:64px;transition:var(--transition-base);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.75rem;display:flex}.cp-type-icon-wrapper.essential{color:#dc2626;background:linear-gradient(135deg,#dc26261a,#ef44441a)}.cp-type-icon-wrapper.performance{color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#60a5fa1a)}.cp-type-icon-wrapper.functionality{color:#10b981;background:linear-gradient(135deg,#10b9811a,#34d3991a)}.cp-type-icon-wrapper.advertising{color:#a855f7;background:linear-gradient(135deg,#a855f71a,#c084fc1a)}.cp-type-title{color:var(--neutral-900);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.cp-type-description{color:var(--neutral-700);margin:0;font-size:.95rem;line-height:1.7}.cp-cta-section{background:#fff;padding:5rem 0}.cp-cta-card{background:linear-gradient(135deg, var(--seed-primary) 0%, #00b4d8 100%);border-radius:var(--radius-xl);text-align:center;padding:4rem 3rem;position:relative;overflow:hidden}.cp-cta-card:before{content:"";background:radial-gradient(#ffffff1a 0%,#0000 70%);width:50%;height:200%;position:absolute;top:-50%;right:-25%;transform:rotate(-15deg)}.cp-cta-content{z-index:1;position:relative}.cp-cta-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2rem;display:flex}.cp-cta-title{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:700}.cp-cta-text{color:#fffffff2;max-width:600px;margin:0 auto 2rem;font-size:1.125rem}.cp-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cp-cta-btn{transition:var(--transition-base);border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.cp-cta-btn-primary{color:var(--seed-primary);background:#fff}.cp-cta-btn-primary:hover{color:var(--seed-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.cp-cta-btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.cp-cta-btn-secondary:hover{color:var(--seed-primary);background:#fff}@media (max-width:991px){.cp-hero{min-height:50vh}.cp-types-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:767px){.cp-hero{min-height:auto;padding:3rem 0}.cp-intro-section,.cp-types-section,.cp-cta-section{padding:3rem 0}.cp-intro-card,.cp-type-card{padding:1.5rem}.cp-cta-card{padding:3rem 2rem}.cp-cta-buttons{flex-direction:column;align-items:stretch}.cp-cta-btn{justify-content:center;width:100%}}