.pcm{padding:3rem 1rem;background:#fff}@media(min-width:768px){.pcm{padding:5rem 1.5rem}}.pcm__container{max-width:1200px;margin:0 auto}.pcm__intro{text-align:center;margin-bottom:2rem}@media(min-width:768px){.pcm__intro{margin-bottom:3rem}}.pcm__badge{display:inline-block;padding:.25rem .75rem;background-color:var(--color-yellow);color:#000;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:2px;margin-bottom:.75rem}@media(min-width:768px){.pcm__badge{font-size:.75rem;margin-bottom:1rem}}.pcm__main-title{font-family:var(--font-oswald);font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.75rem;letter-spacing:.02em}@media(min-width:768px){.pcm__main-title{font-size:2.25rem;margin-bottom:1rem}}.pcm__main-desc{color:#525252;font-size:.875rem;max-width:36rem;margin:0 auto;line-height:1.6}@media(min-width:768px){.pcm__main-desc{font-size:1rem}}.pcm__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5e5e5;border-radius:2px;overflow:hidden;margin-bottom:2rem}@media(min-width:768px){.pcm__tabs{margin-bottom:2.5rem}}.pcm__tab{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .5rem;border:none;background:#f5f3f1;cursor:pointer;transition:background .2s ease,color .2s ease;position:relative}@media(min-width:768px){.pcm__tab{flex-direction:row;justify-content:center;gap:.625rem;padding:1rem 1.25rem}}.pcm__tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background .2s ease}.pcm__tab:hover{background:#edebe8}.pcm__tab--active{background:#fff}.pcm__tab--active:after{background:var(--color-yellow)}.pcm__tab--active:hover{background:#fff}.pcm__tab--active .pcm__tab-icon svg{color:#000}.pcm__tab--active .pcm__tab-label{color:#000;font-weight:700}.pcm__tab-icon svg{width:18px;height:18px;color:#a3a3a3;transition:color .2s ease}@media(min-width:768px){.pcm__tab-icon svg{width:20px;height:20px}}.pcm__tab-label{font-size:.6875rem;font-weight:500;color:#737373;transition:color .2s ease}@media(min-width:768px){.pcm__tab-label{font-size:.875rem}}.pcm__layout{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.pcm__layout{flex-direction:row;gap:3rem;align-items:flex-start}}.pcm__panel{flex:1;min-width:0;transition:opacity .2s ease,transform .2s ease}.pcm__panel--enter{opacity:1;transform:translateY(0)}.pcm__panel--exit{opacity:0;transform:translateY(8px)}.pcm__panel-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem}.pcm__icon-box{width:3rem;height:3rem;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pcm__icon-box svg{width:1.5rem;height:1.5rem}.pcm__icon-box--yellow{background-color:var(--color-yellow)}.pcm__icon-box--yellow svg{color:#000}.pcm__icon-box--dark{background-color:#000}.pcm__icon-box--dark svg{color:var(--color-yellow)}.pcm__panel-title{font-family:var(--font-oswald);font-size:1.25rem;font-weight:700;color:#000;letter-spacing:.02em}@media(min-width:768px){.pcm__panel-title{font-size:1.5rem}}.pcm__panel-label{font-size:.6875rem;font-weight:600;color:#a3a3a3;text-transform:uppercase;letter-spacing:.05em}.pcm__panel-desc{color:#525252;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}@media(min-width:768px){.pcm__panel-desc{font-size:1rem}}@keyframes pcm-feature-in{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.pcm__panel-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.pcm__panel-features li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#333;padding:.625rem 0;border-bottom:1px solid #f0f0f0;animation:pcm-feature-in .3s ease both}.pcm__panel-features li:last-child{border-bottom:none}.pcm__panel-features li svg{flex-shrink:0;color:#000}@media(max-width:767px){.pcm__panel-features li{font-size:.8125rem;gap:.5rem;padding:.5rem 0}}.pcm__panel-note{margin-top:1.25rem;padding:.75rem 1rem;background:#f5f3f1;border-left:3px solid var(--color-yellow);font-size:.8125rem;color:#525252;line-height:1.5;border-radius:0 2px 2px 0}@media(min-width:768px){.pcm__panel-note{font-size:.875rem}}.pcm__panel-cta{margin-top:1.5rem}@media(min-width:768px){.pcm__panel-cta{margin-top:2rem}}@keyframes pcm-mockup-item-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pcm-mockup{flex:1;min-width:0;transition:opacity .2s ease,transform .2s ease}.pcm-mockup--enter{opacity:1;transform:translateY(0)}.pcm-mockup--exit{opacity:0;transform:translateY(8px)}.pcm-mockup__browser{border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04)}.pcm-mockup__toolbar{background:#f5f5f5;padding:.625rem .875rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e5e5e5}.pcm-mockup__dots{display:flex;gap:5px}.pcm-mockup__dots span{width:8px;height:8px;border-radius:50%;background:#d4d4d4}.pcm-mockup__url{flex:1;background:#fff;border-radius:4px;padding:.3rem .625rem;font-size:.6875rem;color:#737373;display:flex;align-items:center;gap:.375rem;border:1px solid #e5e5e5}.pcm-mockup__lock{color:#22c55e;display:flex;align-items:center}.pcm-mockup__page{background:#fff;padding:1.25rem}@media(min-width:768px){.pcm-mockup__page{padding:1.5rem}}.pcm-mockup__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.pcm-mockup__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e5e5e5,#d4d4d4);flex-shrink:0}@media(min-width:768px){.pcm-mockup__avatar{width:48px;height:48px}}.pcm-mockup__identity{min-width:0}.pcm-mockup__name{font-family:var(--font-oswald);font-size:.9375rem;font-weight:700;color:#000;letter-spacing:.01em}@media(min-width:768px){.pcm-mockup__name{font-size:1.0625rem}}.pcm-mockup__subtitle{font-size:.6875rem;color:#a3a3a3}@media(min-width:768px){.pcm-mockup__subtitle{font-size:.75rem}}.pcm-mockup__stats{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.pcm-mockup__stat{flex:1;text-align:center;position:relative}.pcm-mockup__stat:not(:last-child):after{content:"";position:absolute;right:0;top:15%;height:70%;width:1px;background:#f0f0f0}.pcm-mockup__stat-value{display:block;font-family:var(--font-oswald);font-size:1rem;font-weight:700;color:#000}@media(min-width:768px){.pcm-mockup__stat-value{font-size:1.125rem}}.pcm-mockup__stat-label{font-size:.5625rem;color:#a3a3a3;text-transform:uppercase;letter-spacing:.04em}@media(min-width:768px){.pcm-mockup__stat-label{font-size:.625rem}}.pcm-mockup__content{display:flex;flex-direction:column;gap:0}.pcm-mockup__item{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;font-size:.75rem;color:#525252;border-bottom:1px solid #fafafa;animation:pcm-mockup-item-in .3s ease both}.pcm-mockup__item:last-child{border-bottom:none}@media(min-width:768px){.pcm-mockup__item{font-size:.8125rem;padding:.625rem 0}}.pcm-mockup__item-dot{width:6px;height:6px;border-radius:50%;background:var(--color-yellow);flex-shrink:0}.sr{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.sr--visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.sr{opacity:1;transform:none;transition:none}}