/* === PENSIJŲ FONDAI - MAIN CSS === */
:root {
  --pf-primary: #7B9D9C;
  --pf-primary-hover: #628281;
  --pf-secondary: #DCE5E5;
  --pf-background: #F4F7F7;
  --pf-text-main: #2C3E3D;
  --pf-text-muted: #5A7170;
  --pf-accent: #8BA6A5;
  --pf-white: #ffffff;
  --pf-radius: 0.75rem;
  --pf-radius-lg: 1.5rem;
  --pf-radius-xl: 2rem;
  --pf-shadow: 0 1px 3px rgba(0,0,0,.08);
  --pf-shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --pf-shadow-lg: 0 10px 25px rgba(0,0,0,.1);
  --pf-shadow-xl: 0 20px 40px rgba(0,0,0,.12);
  --pf-max-w: 80rem;
  --pf-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --pf-transition: .25s ease;
}

/* === RESET === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--pf-font);background:var(--pf-background);color:var(--pf-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video,svg{max-width:100%;height:auto;display:block}
canvas{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit;border:none;background:none}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}

/* === UTILITIES === */
.pf-container{width:100%;max-width:var(--pf-max-w);margin:0 auto;padding:0 1rem}
.pf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.pf-text-center{text-align:center}
.pf-text-primary{color:var(--pf-primary)}
.pf-text-muted{color:var(--pf-text-muted)}
.pf-bg-white{background:var(--pf-white)}
.pf-bg-secondary{background:var(--pf-secondary)}

/* === NAVIGATION === */
.pf-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(244,247,247,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,229,229,.6);transition:background var(--pf-transition)}
.pf-nav__inner{display:flex;justify-content:space-between;align-items:center;height:5rem;max-width:var(--pf-max-w);margin:0 auto;padding:0 1rem}
.pf-nav__logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.pf-nav__logo-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--pf-primary);display:flex;align-items:center;justify-content:center;color:#fff}
.pf-nav__logo-icon svg{width:1.5rem;height:1.5rem}
.pf-nav__logo-text{font-weight:700;font-size:1.25rem;letter-spacing:-.02em}
.pf-nav__links{display:none;align-items:center;gap:2rem}
.pf-nav__link{font-size:.875rem;font-weight:500;color:var(--pf-text-muted);transition:color var(--pf-transition)}
.pf-nav__link:hover{color:var(--pf-primary)}
.pf-nav__cta{background:var(--pf-primary);color:#fff;padding:.625rem 1.5rem;border-radius:var(--pf-radius);font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--pf-transition);box-shadow:var(--pf-shadow-md)}
.pf-nav__cta:hover{background:var(--pf-primary-hover);box-shadow:var(--pf-shadow-lg)}

/* Dropdown */
.pf-nav__dropdown{position:relative}
.pf-nav__dropdown-btn{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--pf-text-muted);padding:.5rem 0;transition:color var(--pf-transition)}
.pf-nav__dropdown-btn:hover{color:var(--pf-primary)}
.pf-nav__dropdown-btn svg{transition:transform var(--pf-transition)}
.pf-nav__dropdown:hover .pf-nav__dropdown-btn svg{transform:rotate(180deg)}
.pf-nav__dropdown-menu{position:absolute;top:100%;left:0;width:14rem;background:#fff;border-radius:var(--pf-radius-lg);box-shadow:var(--pf-shadow-xl);border:1px solid rgba(220,229,229,.3);padding:1rem 0;opacity:0;visibility:hidden;transform:translateY(.5rem);transition:all var(--pf-transition);z-index:50}
.pf-nav__dropdown:hover .pf-nav__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.pf-nav__dropdown-item{display:block;padding:.625rem 1.5rem;font-size:.875rem;color:var(--pf-text-main);transition:all var(--pf-transition)}
.pf-nav__dropdown-item:hover{background:rgba(220,229,229,.2);color:var(--pf-primary)}

/* Mobile menu */
.pf-nav__toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--pf-text-main)}
.pf-nav__toggle svg{width:1.75rem;height:1.75rem}
.pf-nav__mobile{display:none;position:absolute;top:5rem;left:0;right:0;background:#fff;border-bottom:1px solid rgba(220,229,229,.3);box-shadow:var(--pf-shadow-lg);max-height:80vh;overflow-y:auto;padding:1rem}
.pf-nav__mobile.is-open{display:block;animation:pf-slideDown .3s ease}
.pf-nav__mobile-link{display:block;padding:.75rem;font-size:1rem;font-weight:500;border-radius:var(--pf-radius);transition:background var(--pf-transition)}
.pf-nav__mobile-link:hover{background:rgba(220,229,229,.2)}
.pf-nav__mobile-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pf-text-muted);padding:.75rem;margin-top:.5rem}
.pf-nav__mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0 .75rem}
.pf-nav__mobile-grid a{padding:.5rem .75rem;font-size:.875rem;font-weight:500;border:1px solid rgba(220,229,229,.3);border-radius:var(--pf-radius);text-align:center;transition:all var(--pf-transition)}
.pf-nav__mobile-grid a:hover{border-color:var(--pf-primary);color:var(--pf-primary)}
.pf-nav__mobile-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;background:var(--pf-primary);color:#fff;padding:.75rem;border-radius:var(--pf-radius);font-weight:600}

@keyframes pf-slideDown{from{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}

/* === HERO === */
.pf-hero{position:relative;padding:5rem 0 4rem;overflow:hidden}
.pf-hero__bg-1,.pf-hero__bg-2{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none}
.pf-hero__bg-1{top:0;right:0;width:50rem;height:50rem;background:var(--pf-secondary);opacity:.5;transform:translate(25%,-25%)}
.pf-hero__bg-2{bottom:0;left:0;width:37.5rem;height:37.5rem;background:rgba(139,166,165,.2);opacity:.5;transform:translate(-25%,25%)}
.pf-hero__grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}
.pf-hero__content{max-width:40rem;padding-top:2rem}
.pf-hero__title{font-size:clamp(2rem,5vw,3.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}
.pf-hero__highlight{color:var(--pf-primary);position:relative;display:inline-block;white-space:nowrap}
.pf-hero__highlight::after{content:'';position:absolute;left:-5%;bottom:-0.35em;width:110%;height:0.4em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M5 5 Q 100 18 195 5' fill='none' stroke='%237B9D9C' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;z-index:-1}
.pf-hero__subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--pf-text-muted);margin-bottom:2rem;max-width:32rem;line-height:1.7}
.pf-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}
.pf-hero__btn{padding:.75rem 1.5rem;border-radius:var(--pf-radius);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--pf-transition)}
.pf-hero__btn--primary{background:var(--pf-primary);color:#fff;box-shadow:var(--pf-shadow-lg)}
.pf-hero__btn--primary:hover{background:var(--pf-primary-hover);box-shadow:var(--pf-shadow-xl)}
.pf-hero__btn--secondary{background:#fff;color:var(--pf-text-main);border:1px solid var(--pf-secondary)}
.pf-hero__btn--secondary:hover{background:rgba(220,229,229,.3)}
.pf-hero__visual{position:relative;height:28rem}
.pf-hero__image{position:absolute;top:0;right:0;width:85%;height:100%;border-radius:0 0 50% 50%;overflow:hidden;box-shadow:var(--pf-shadow-xl)}
.pf-hero__image img{width:100%;height:100%;object-fit:cover}
.pf-hero__image::after{content:'';position:absolute;inset:0;background:rgba(123,157,156,.1);mix-blend-mode:multiply}
.pf-hero__card{position:absolute;background:rgba(98,130,129,.95);backdrop-filter:blur(8px);border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);padding:1.5rem;border:1px solid rgba(255,255,255,.3);color:#fff;z-index:2;display:flex;flex-direction:column;justify-content:space-between}
.pf-hero__card--main{top:6rem;left:0;width:16rem;height:18rem}
.pf-hero__card--small{bottom:0;right:2.5rem;width:13rem;height:13rem;transform:rotate(-3deg)}
.pf-hero__card-icon{width:2.5rem;height:2.5rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.pf-hero__card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.pf-hero__card-text{font-size:.8rem;color:rgba(255,255,255,.9);line-height:1.5}
.pf-hero__card-value{font-size:2rem;font-weight:700}
.pf-hero__card-badge{font-size:.8rem;font-weight:600;color:#86efac;display:flex;align-items:center;gap:.25rem}

/* === SECTIONS COMMON === */
.pf-section{padding:6rem 0}
.pf-section--white{background:var(--pf-white)}
.pf-section--bg{background:var(--pf-background)}
.pf-section--secondary{background:rgba(220,229,229,.1)}
.pf-section--primary{background:var(--pf-primary);color:#fff}
.pf-section--primary .pf-text-muted{color:rgba(255,255,255,.7)}

/* Curved section extension */
.pf-section--curved {
  position: relative;
}
.pf-section--curved::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: var(--pf-white);
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  transform: translateY(100%);
  pointer-events: none;
  z-index: 1;
  box-shadow: 0 4px 8px rgba(0,0,0,0.06);
}

/* Add extra top padding to the section after the curve */
#palyginimas-detalus {
  padding-top: 10rem;
}
.pf-section__header{text-align:center;max-width:48rem;margin:0 auto 4rem}
.pf-section__header--left{text-align:left;max-width:100%;margin-left:0;margin-right:0}
.pf-section__title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}
.pf-section__subtitle{font-size:1.125rem;color:var(--pf-text-muted);line-height:1.7}

/* === PILLAR CARDS === */
.pf-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem}
.pf-pillar-card{background:rgba(220,229,229,.3);border-radius:var(--pf-radius-xl);padding:2rem 2.5rem;border:1px solid var(--pf-secondary);transition:all var(--pf-transition)}
.pf-pillar-card:nth-child(2){background:var(--pf-background);border-color:rgba(220,229,229,.5)}
.pf-pillar-card:hover{transform:translateY(-.25rem);box-shadow:var(--pf-shadow-xl)}
.pf-pillar-card__badge{display:inline-block;padding:.375rem 1rem;background:#fff;border-radius:2rem;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.5rem;box-shadow:var(--pf-shadow)}
.pf-pillar-card__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}
.pf-pillar-card__title span{font-size:1rem;font-weight:400;color:var(--pf-text-muted)}
.pf-pillar-card__text{color:var(--pf-text-muted);margin-bottom:2rem;line-height:1.7}
.pf-pillar-card__list{margin-bottom:2rem}
.pf-pillar-card__list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}
.pf-pillar-card__list-icon{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.125rem;background:var(--pf-background);border-radius:50%;padding:.125rem;box-shadow:var(--pf-shadow);display:flex;align-items:center;justify-content:center}
.pf-pillar-card__link{color:var(--pf-primary);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:gap var(--pf-transition)}
.pf-pillar-card__link:hover{gap:.75rem}

/* === CALCULATOR === */
.pf-calc{background:#fff;border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);overflow:hidden;border:1px solid rgba(220,229,229,.5)}
.pf-calc__inner{display:grid;grid-template-columns:1fr;gap:0}
.pf-calc__sidebar{padding:2rem;background:var(--pf-background);border-bottom:1px solid rgba(220,229,229,.5)}
.pf-calc__main{padding:2rem}
.pf-calc__sidebar h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}
.pf-calc__field{margin-bottom:1.5rem}
.pf-calc__label{display:block;font-size:.8rem;font-weight:500;color:var(--pf-text-muted);margin-bottom:.5rem}
.pf-calc__info-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:rgba(123,157,156,.15);color:var(--pf-primary);cursor:help;position:relative;margin-left:.25rem;flex-shrink:0}
.pf-calc__info-icon svg{overflow:visible}
.pf-calc__info-icon:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-.5rem);width:max-content;max-width:16rem;background:var(--pf-text-main);color:#fff;padding:.75rem;border-radius:var(--pf-radius);font-size:.75rem;font-weight:500;line-height:1.5;box-shadow:var(--pf-shadow-lg);z-index:10;white-space:normal;text-align:center}
.pf-calc__info-icon:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--pf-text-main)}
.pf-calc__input{width:100%;padding:.75rem 1rem;border-radius:var(--pf-radius);border:1px solid var(--pf-secondary);background:#fff;outline:none;transition:all var(--pf-transition)}
.pf-calc__input:focus{border-color:var(--pf-primary);box-shadow:0 0 0 3px rgba(123,157,156,.15)}
.pf-calc__toggle{display:flex;background:rgba(220,229,229,.2);padding:.25rem;border-radius:var(--pf-radius);gap:.25rem}
.pf-calc__toggle-btn{flex:1;padding:.5rem;font-size:.8rem;font-weight:500;border-radius:.5rem;text-align:center;transition:all var(--pf-transition);color:var(--pf-text-muted)}
.pf-calc__toggle-btn.is-active{background:#fff;color:var(--pf-primary);box-shadow:var(--pf-shadow)}
.pf-calc__submit{width:100%;background:var(--pf-primary);color:#fff;padding:1rem;border-radius:var(--pf-radius);font-weight:700;font-size:1.125rem;transition:all var(--pf-transition);box-shadow:var(--pf-shadow-md);margin-top:1rem}
.pf-calc__submit:hover{background:var(--pf-primary-hover);box-shadow:var(--pf-shadow-lg)}
.pf-calc__result-title{font-size:1.25rem;font-weight:700;margin-bottom:2rem}
.pf-calc__stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.pf-calc__stat{flex:1;min-width:7.5rem;padding:1rem;border-radius:var(--pf-radius);border:1px solid rgba(220,229,229,.5)}
.pf-calc__stat--full{flex-basis:100%;background:rgba(220,229,229,.2)}
.pf-calc__stat--green{background:#f0fdf4;border-color:#dcfce7}
.pf-calc__stat-label{font-size:.75rem;color:var(--pf-text-muted);font-weight:500;margin-bottom:.25rem}
.pf-calc__stat-value{font-size:1.25rem;font-weight:700}
.pf-calc__stat-value--primary{color:var(--pf-primary);font-size:1.5rem}
.pf-calc__stat-value--green{color:#16a34a}
.pf-calc__chart{height:28rem;width:100%;margin-top:1rem}
.pf-calc__disclaimer{margin-top:1.5rem;padding:1rem;background:rgba(123,157,156,.1);border:1px solid rgba(123,157,156,.2);border-radius:var(--pf-radius);display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.6}
.pf-calc__disclaimer svg{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--pf-primary);margin-top:.125rem;overflow:visible}
.pf-calc__info-box{background:rgba(123,157,156,.05);padding:1rem;border-radius:var(--pf-radius-lg);border:1px solid rgba(123,157,156,.2);margin-top:1rem}
.pf-calc__info-toggle{font-size:.8rem;font-weight:700;color:var(--pf-primary);display:flex;align-items:center;gap:.5rem;width:100%;text-align:left}
.pf-calc__info-toggle svg{flex-shrink:0;overflow:visible}
.pf-calc__info-content{padding-top:.75rem;font-size:.75rem;color:var(--pf-text-muted);line-height:1.6;display:none}
.pf-calc__info-content.is-open{display:block}
.pf-calc__checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer}
.pf-calc__checkbox input{width:1.25rem;height:1.25rem;accent-color:var(--pf-primary)}
.pf-calc__checkbox span{font-size:.875rem;font-weight:500}
.pf-calc__note{font-size:.75rem;color:var(--pf-text-muted);margin-top:.5rem}

/* === FUND CARDS (Daily Results) === */
.pf-funds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.5rem}
.pf-fund-card{background:var(--pf-background);border-radius:var(--pf-radius-xl);padding:2rem;border:1px solid rgba(220,229,229,.6);box-shadow: 0 2px 8px rgba(0,0,0,.02);transition:all var(--pf-transition);display:flex;flex-direction:column;height:100%}
.pf-fund-card:hover{transform:translateY(-.25rem);border-color:rgba(123,157,156,.3);box-shadow: 0 12px 28px rgba(0,0,0,.06)}
.pf-fund-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}
.pf-fund-card__badge{padding:.25rem .75rem;background:#fff;font-size:.7rem;font-weight:700;border-radius:2rem;border:1px solid var(--pf-secondary);color:var(--pf-text-muted);white-space:nowrap}
.pf-fund-card__arrow{width:2rem;height:2rem;border-radius:50%;background:rgba(220,229,229,.5);display:flex;align-items:center;justify-content:center;transition:all var(--pf-transition)}
.pf-fund-card:hover .pf-fund-card__arrow{background:var(--pf-primary);color:#fff}
.pf-fund-card__name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;transition:color var(--pf-transition)}
.pf-fund-card:hover .pf-fund-card__name{color:var(--pf-primary)}
.pf-fund-card__provider{font-size:.875rem;color:var(--pf-text-muted);margin-bottom:2rem}
.pf-fund-card__footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(220,229,229,.5);display:flex;justify-content:space-between;align-items:flex-end}
.pf-fund-card__metric-label{font-size:.7rem;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.25rem}
.pf-fund-card__metric-value{font-size:1.25rem;font-weight:700}
@media (min-width: 480px) {
  .pf-fund-card__metric-value { font-size: 1.5rem; }
}
.pf-fund-card__metric-value--sm{font-size:.875rem}
.pf-positive{color:#16a34a}
.pf-negative{color:#dc2626}

/* Stat arrows */
.pf-stat-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.35rem;
  flex-shrink: 0;
  vertical-align: middle;
}
.pf-stat-arrow svg {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}
.pf-stat-arrow--up {
  color: #16a34a;
}
.pf-stat-arrow--down {
  color: #dc2626;
}
.pf-total-return-stat {
    grid-column: span 2;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed rgba(220,229,229,0.6);
}
@media (max-width: 600px) {
  .pf-total-return-stat { grid-column: span 1; }
}
.pf-fund-card__footer {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
}
.pf-fund-card__footer > div {
  flex: 1;
  min-width: 40%;
}
.pf-fund-card__footer > .pf-total-return-stat {
  flex-basis: 100%;
}

/* === CHART SECTION === */
.pf-chart-section{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}
.pf-chart-section__text h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}
.pf-chart-section__text p{color:var(--pf-text-muted);font-size:1.125rem;margin-bottom:2rem;line-height:1.7}
.pf-chart-section__info{background:#fff;padding:1.5rem;border-radius:var(--pf-radius-lg);border:1px solid rgba(220,229,229,.5);box-shadow:var(--pf-shadow);display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
.pf-chart-section__info svg{color:var(--pf-primary);flex-shrink:0;overflow:visible}
.pf-chart-section__info p{font-size:.875rem;color:var(--pf-text-muted)}
.pf-chart-section__chart{background:#fff;padding:2rem;border-radius:var(--pf-radius-xl);box-shadow:var(--pf-shadow-xl);border:1px solid rgba(220,229,229,.3)}
.pf-chart-section__chart-inner{height:28rem;width:100%}

/* === COMPARISON SECTION === */
.pf-comparison{position:relative;overflow:hidden}
.pf-comparison__bg{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.pf-comparison__bg--1{top:0;right:0;width:24rem;height:24rem;background:rgba(255,255,255,.05);transform:translate(33%,-50%)}
.pf-comparison__bg--2{bottom:0;left:0;width:24rem;height:24rem;background:rgba(0,0,0,.05);transform:translate(-33%,50%)}
.pf-comparison__card{background:#fff;border-radius:var(--pf-radius-xl);padding:2rem;box-shadow:var(--pf-shadow-xl);position:relative;z-index:1}
.pf-comparison__grid{display:grid;grid-template-columns:1fr;gap:2.5rem}
.pf-comparison__controls{display:flex;flex-direction:column;gap:2rem}
.pf-comparison__controls label{display:block;font-size:.8rem;font-weight:700;color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}
.pf-comparison__select{width:100%;background:var(--pf-background) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232C3E3D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center/1.2rem;border:2px solid rgba(220,229,229,.5);border-radius:var(--pf-radius);padding:.75rem 2.5rem .75rem 1rem;font-weight:600;color:var(--pf-text-main);appearance:none;cursor:pointer;transition:all var(--pf-transition)}
.pf-comparison__select:focus{border-color:var(--pf-primary);box-shadow:0 0 0 4px rgba(123,157,156,.1);outline:none}
.pf-comparison__company-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--pf-radius);border:2px solid rgba(220,229,229,.3);background:#fff;text-align:left;font-size:.875rem;color:var(--pf-text-main);transition:all var(--pf-transition);margin-bottom:.5rem;width:100%}
.pf-comparison__company-btn.is-active{background:rgba(123,157,156,.05);border-color:var(--pf-primary);color:var(--pf-primary);font-weight:700}
.pf-comparison__company-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}
.pf-comparison__time-filters{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid rgba(220,229,229,.3);padding-bottom:1.5rem;margin-bottom:1.5rem}
.pf-comparison__time-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:700;border-radius:.5rem;transition:all var(--pf-transition);color:var(--pf-text-muted)}
.pf-comparison__time-btn:hover{background:rgba(220,229,229,.5)}
.pf-comparison__time-btn.is-active{background:var(--pf-primary);color:#fff;box-shadow:0 4px 12px rgba(123,157,156,.2)}
.pf-comparison__chart-wrap{height:31rem;width:100%;padding-top:1rem}
.pf-comparison__date-range{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--pf-text-muted);background:var(--pf-background);padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(220,229,229,.5)}

/* === ALL FUNDS PAGE === */
.pf-funds-filters{background:#fff;border-radius:var(--pf-radius-xl);padding:1.5rem;box-shadow:var(--pf-shadow-xl);border:1px solid rgba(220,229,229,.3);margin-bottom:2rem}
.pf-funds-filters__grid{display:grid;grid-template-columns:1fr;gap:1rem}
.pf-funds-filter{position:relative}
.pf-funds-filter__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--pf-text-muted)}
.pf-funds-filter__input,.pf-funds-filter__select{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--pf-background);border:2px solid rgba(220,229,229,.3);border-radius:var(--pf-radius);font-weight:500;appearance:none;transition:border-color var(--pf-transition)}
.pf-funds-filter__input:focus,.pf-funds-filter__select:focus{border-color:var(--pf-primary);outline:none}
.pf-funds-filter__chevron{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--pf-text-muted);pointer-events:none}
.pf-funds-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 1rem}
.pf-funds-info__count{color:var(--pf-text-muted);font-weight:500}
.pf-funds-info__count strong{color:var(--pf-text-main);font-weight:700}
.pf-funds-info__date{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--pf-text-muted);background:rgba(220,229,229,.2);padding:.375rem .75rem;border-radius:2rem}
.pf-fund-row{background:#fff;border-radius:var(--pf-radius-lg);padding:1.25rem;box-shadow:var(--pf-shadow);border:1px solid rgba(220,229,229,.5);margin-bottom:1rem;transition:all var(--pf-transition)}
@media (min-width: 1024px) {
  .pf-fund-row { padding: 2.25rem 3.5rem; }
}
.pf-fund-row:hover{border-color:rgba(123,157,156,.5);box-shadow:var(--pf-shadow-md)}
.pf-fund-row__inner{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center}
@media (min-width: 768px) {
  .pf-fund-row__inner { grid-template-columns: 240px 1fr auto; gap: 2.5rem; }
}
@media (min-width: 1200px) {
  .pf-fund-row__inner { grid-template-columns: 320px 1fr auto; gap: 5rem; }
}
.pf-fund-row__info h3{font-size:1.125rem;font-weight:700;transition:color var(--pf-transition)}
.pf-fund-row:hover .pf-fund-row__info h3{color:var(--pf-primary)}
.pf-fund-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}
.pf-fund-row__meta span{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:2rem;background:rgba(220,229,229,.3);color:var(--pf-text-muted);white-space:nowrap}
.pf-fund-row__stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));gap:1rem}
@media (min-width: 1024px) {
  .pf-fund-row__stats { display: flex; justify-content: space-between; gap: 4rem; }
  .pf-fund-row__stats > div { flex: 1; min-width: 100px; }
}
@media (max-width: 480px) {
  .pf-fund-row__stats { grid-template-columns: repeat(2, 1fr); }
}
.pf-fund-row__stat-label{font-size:.75rem;color:var(--pf-text-muted);margin-bottom:.25rem;white-space:nowrap}
.pf-fund-row__stat-value{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.25rem}
.pf-fund-row__btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;background:var(--pf-background);border:1px solid var(--pf-secondary);border-radius:var(--pf-radius);font-weight:700;font-size:.875rem;transition:all var(--pf-transition);white-space:nowrap}
.pf-fund-row__btn:hover{border-color:var(--pf-primary);color:var(--pf-primary)}

/* === SINGLE FUND === */
.pf-fund-header{background:#fff;border-bottom:1px solid rgba(220,229,229,.5);padding:2rem 0 3rem}
.pf-fund-header__badge{display:inline-block;padding:.25rem .75rem;background:rgba(220,229,229,.3);border-radius:2rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--pf-text-muted);margin-bottom:.75rem}
.pf-fund-header__title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;letter-spacing:-.02em}
.pf-fund-header__stats{display:flex;align-items:center;gap:1.5rem}
.pf-fund-header__value{text-align:right}
.pf-fund-header__value-label{font-size:.875rem;color:var(--pf-text-muted);font-weight:500;margin-bottom:.25rem}
.pf-fund-header__value-num{font-size:1.75rem;font-weight:700}
.pf-fund-detail{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}
.pf-fund-detail__sidebar{display:flex;flex-direction:column;gap:1rem}
.pf-fund-detail__card{background:#fff;border-radius:var(--pf-radius-lg);padding:1.25rem;box-shadow:var(--pf-shadow);border:1px solid rgba(220,229,229,.5)}
.pf-fund-detail__card h3{font-size:1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.pf-fund-detail__card h3 svg{color:var(--pf-primary)}
.pf-fund-detail__row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(220,229,229,.3)}
.pf-fund-detail__row:last-child{border-bottom:none}
.pf-fund-detail__row-label{font-size:.75rem;color:var(--pf-text-muted);display:flex;align-items:center;gap:.375rem}
.pf-fund-detail__row-value{font-size:.875rem;font-weight:500}
.pf-fund-detail__info{background:rgba(123,157,156,.05);border-radius:var(--pf-radius-lg);padding:1.25rem;border:1px solid rgba(123,157,156,.1)}
.pf-fund-detail__info h4{font-weight:700;color:var(--pf-primary);font-size:.875rem;margin-bottom:.5rem}
.pf-fund-detail__info p{font-size:.75rem;color:var(--pf-text-muted);line-height:1.6}
.pf-fund-detail__chart{background:#fff;border-radius:var(--pf-radius-lg);padding:1.5rem;box-shadow:var(--pf-shadow);border:1px solid rgba(220,229,229,.5)}
.pf-fund-detail__chart h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}
.pf-fund-detail__chart-wrap{height:25rem;width:100%}
.pf-fund-detail__chart-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}
.pf-fund-detail__chart-meta{font-size:.875rem}
.pf-fund-detail__chart-change-label{color:var(--pf-text-muted)}
.pf-fund-detail__chart-change-value{font-weight:700}
.pf-fund-detail__chart-period{display:flex;align-items:center;gap:.75rem}
.pf-fund-detail__chart-period-label{font-size:.875rem;font-weight:700}
.pf-fund-detail__chart-dates{display:flex;align-items:center;gap:.5rem;background:var(--pf-background);padding:.375rem .75rem;border-radius:.5rem;border:1px solid rgba(220,229,229,.5);font-size:.875rem;color:var(--pf-text-muted)}
.pf-fund-datepicker{border:none;background:transparent;font-family:inherit;font-size:inherit;color:var(--pf-text-main);font-weight:600;padding:2px 0;cursor:pointer;outline:none;text-align:center;width:6rem}
.pf-fund-datepicker::-webkit-calendar-picker-indicator{display:none}
.pf-fund-detail__chart-sep{opacity:.5}

/* Flatpickr Custom */
.flatpickr-calendar{background:#fff;box-shadow:var(--pf-shadow-xl);border:1px solid rgba(220,229,229,.5);border-radius:1rem;font-family:var(--pf-font);padding:.5rem}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--pf-primary)!important;border-color:var(--pf-primary)!important}
.flatpickr-day.today{border-color:var(--pf-primary)}
.flatpickr-current-month{font-weight:700;color:var(--pf-text-main)}
.flatpickr-monthDropdown-months{font-weight:700!important}
.flatpickr-weekday{color:var(--pf-text-muted);font-weight:600}
.flatpickr-day:hover{background:var(--pf-secondary)}
.pf-fund-detail__chart-filters{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(220,229,229,.3)}
.pf-fund-detail__chart-filter-btn{padding:.375rem .75rem;font-size:.8rem;font-weight:500;border-radius:.5rem;transition:all var(--pf-transition);color:var(--pf-text-muted)}
.pf-fund-detail__chart-filter-btn:hover{background:rgba(220,229,229,.5)}
.pf-fund-detail__chart-filter-btn.is-active{color:var(--pf-text-main);font-weight:700}

/* === BLOG === */
.pf-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:2rem}
.pf-blog-card{background:#fff;border-radius:2.5rem;overflow:hidden;border:1px solid rgba(220,229,229,.4);transition:all var(--pf-transition);display:flex;flex-direction:column;height:100%}
.pf-blog-card:hover{transform:translateY(-.35rem);box-shadow:var(--pf-shadow-lg);border-color:rgba(123,157,156,.3)}
.pf-blog-card__image{aspect-ratio:3/2;overflow:hidden}
.pf-blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pf-blog-card:hover .pf-blog-card__image img{transform:scale(1.08)}
.pf-blog-card__content{padding:2rem 2.25rem 2.5rem;flex-grow:1;display:flex;flex-direction:column}
.pf-blog-card__meta{margin-bottom:1rem;font-size:0.875rem;color:var(--pf-text-muted);font-weight:500;opacity:0.8}
.pf-blog-card__title{font-size:1.375rem;font-weight:700;margin-bottom:1.25rem;line-height:1.3;color:var(--pf-text-main);transition:color var(--pf-transition)}
.pf-blog-card__title a:hover{color:var(--pf-primary)}
.pf-blog-card__excerpt{font-size:0.95rem;color:var(--pf-text-muted);line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pf-blog-card__link{display:inline-flex;align-items:center;gap:0.5rem;margin-top:auto;color:var(--pf-text-main);font-weight:700;font-size:0.9375rem;transition:all var(--pf-transition)}
.pf-blog-card__link svg{transition:transform var(--pf-transition);color:var(--pf-primary)}
.pf-blog-card__link:hover{color:var(--pf-primary);gap:0.75rem}
.pf-blog-card__link:hover svg{transform:translateX(2px)}

/* === SINGLE POST === */
.pf-post{max-width:60rem;margin:0 auto;padding:2rem 1rem 4rem}
.pf-post__card{background:var(--pf-white);border-radius:var(--pf-radius-xl);padding:3rem 1.5rem;box-shadow:var(--pf-shadow-xl);overflow:hidden}
@media (min-width: 768px) {
  .pf-post__card { padding: 4rem 3rem; }
}
.pf-post__header{margin-bottom:3rem;text-align:center}
.pf-post__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}

.pf-meta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(123,157,156,.1);color:var(--pf-primary);border-radius:2rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--pf-transition)}
a.pf-meta-badge:hover{background:var(--pf-primary);color:#fff}
.pf-meta-badge--date{background:#f0fdf4;color:#16a34a}
.pf-meta-badge svg{width:1rem;height:1rem}

.pf-post__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem;color:var(--pf-text-main)}
.pf-post__excerpt{font-size:1.125rem;line-height:1.7;color:var(--pf-text-muted);margin:0 auto 2rem;max-width:100%;font-style:italic}
.pf-post__featured{width:100%;border-radius:var(--pf-radius-lg);overflow:hidden;margin-bottom:3rem}
.pf-post__featured img{width:100%;height:auto;display:block;margin:0}
.pf-post__content{font-size:1.125rem;line-height:1.8;color:var(--pf-text-main);width:100%;margin:0}
.pf-post__content h2{font-size:1.75rem;margin:3rem 0 1.25rem;font-weight:700}
.pf-post__content h3{font-size:1.375rem;margin:2.5rem 0 1rem;font-weight:700}
.pf-post__content p{margin-bottom:1.5rem}
.pf-post__content a{color:var(--pf-primary);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.pf-post__content ul,.pf-post__content ol{margin:1.5rem 0 2rem 1.5rem}
.pf-post__content ul{list-style:disc}
.pf-post__content ol{list-style:decimal}
.pf-post__content li{margin-bottom:.75rem}
.pf-post__content blockquote{border-left:4px solid var(--pf-primary);padding:1.5rem 2rem;margin:2rem 0;background:rgba(123,157,156,.05);border-radius:0 var(--pf-radius) var(--pf-radius) 0;font-style:italic;color:var(--pf-text-muted);font-size:1.25rem}
.pf-post__content img{border-radius:var(--pf-radius);margin:2rem 0;width:100%}
.pf-post__content pre{background:var(--pf-text-main);color:#e5e7eb;padding:2rem;border-radius:var(--pf-radius);overflow-x:auto;margin:2rem 0;font-size:.875rem}

.pf-post__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(220,229,229,.5)}
.pf-post__tag{padding:.5rem 1rem;background:var(--pf-background);border-radius:2rem;font-size:.875rem;font-weight:600;color:var(--pf-text-muted);transition:all var(--pf-transition)}
.pf-post__tag:hover{background:var(--pf-primary);color:#fff}

.pf-post__nav{display:flex;justify-content:space-between;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(220,229,229,.5);gap:2rem}
.pf-post__nav-link{flex:1}
.pf-post__nav-card{display:flex;align-items:center;gap:1rem;transition:all var(--pf-transition)}
.pf-post__nav-link--next .pf-post__nav-card{justify-content:flex-end;text-align:right}
.pf-post__nav-image{width:5rem;height:5rem;flex-shrink:0;border-radius:var(--pf-radius);overflow:hidden;box-shadow:var(--pf-shadow)}
.pf-post__nav-image img{width:100%;height:100%;object-fit:cover}
.pf-post__nav-content{display:flex;flex-direction:column;gap:.25rem}
.pf-post__nav-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pf-text-muted)}
.pf-post__nav-title{font-size:.95rem;font-weight:700;color:var(--pf-text-main);transition:color var(--pf-transition);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pf-post__nav-card:hover .pf-post__nav-title{color:var(--pf-primary)}
.pf-post__nav-card:hover .pf-post__nav-image{transform:scale(1.05);box-shadow:var(--pf-shadow-md)}

/* === RELATED POSTS === */
.pf-related{margin-top:5rem}
.pf-related__title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}
.pf-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px, 1fr));gap:2rem}
.pf-related__item{background:var(--pf-white);border-radius:var(--pf-radius-lg);overflow:hidden;box-shadow:var(--pf-shadow);transition:all var(--pf-transition);display:flex;flex-direction:column;height:100%}
.pf-related__item:hover{transform:translateY(-.25rem);box-shadow:var(--pf-shadow-lg)}
.pf-related__image{aspect-ratio:16/9;overflow:hidden}
.pf-related__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.pf-related__item:hover .pf-related__image img{transform:scale(1.05)}
.pf-related__content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center}
.pf-related__post-title{font-size:1.125rem;font-weight:700;line-height:1.4;transition:color var(--pf-transition)}
.pf-related__item:hover .pf-related__post-title{color:var(--pf-primary)}

/* === FAQ === */
.pf-faq__item{background:var(--pf-white);border:1px solid var(--pf-secondary);border-radius:var(--pf-radius-lg);box-shadow:var(--pf-shadow);overflow:hidden;margin-bottom:1rem;transition:all .3s ease}
.pf-faq__item--open{border-color:rgba(123,157,156,.5);box-shadow:var(--pf-shadow-md)}
.pf-faq__question{width:100%;padding:1.25rem 1.5rem;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1rem}
.pf-faq__question:focus{outline:none}
.pf-faq__icon{flex-shrink:0;color:var(--pf-text-muted);transition:transform .3s ease}
.pf-faq__item--open .pf-faq__icon{transform:rotate(180deg);color:var(--pf-primary)}
.pf-faq__answer{overflow:hidden;transition:height .3s ease}
.pf-faq__answer-inner{padding:0 1.5rem 1.25rem;color:var(--pf-text-muted);line-height:1.7;border-top:1px solid rgba(220,229,229,.3);padding-top:1rem}

/* === FOOTER === */
.pf-footer{background:var(--pf-text-main);color:rgba(255,255,255,.7);padding:4rem 0}
.pf-footer__grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}
.pf-footer__brand{max-width:24rem}
.pf-footer__logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}
.pf-footer__logo-icon{width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff}
.pf-footer__logo-text{font-weight:700;font-size:1.25rem;color:#fff}
.pf-footer__desc{margin-bottom:1.5rem;line-height:1.7}
.pf-footer__disclaimer{font-size:.8rem;color:rgba(255,255,255,.4)}
.pf-footer__nav h4{color:#fff;font-weight:700;margin-bottom:1.5rem}
.pf-footer__nav ul li{margin-bottom:.75rem}
.pf-footer__nav a{transition:color var(--pf-transition)}
.pf-footer__nav a:hover{color:#fff}
.pf-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;font-size:.875rem;text-align:center}

/* === PAGINATION === */
.pf-pagination{margin-top:3rem;display:flex;justify-content:center}
.pf-pagination__list{display:flex;gap:.5rem;align-items:center}
.pf-pagination__item a,.pf-pagination__item span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border-radius:var(--pf-radius);font-size:.875rem;font-weight:500;transition:all var(--pf-transition)}
.pf-pagination__item a{background:#fff;border:1px solid var(--pf-secondary);color:var(--pf-text-muted)}
.pf-pagination__item a:hover{border-color:var(--pf-primary);color:var(--pf-primary)}
.pf-pagination__item--active span,.pf-pagination__item .current{background:var(--pf-primary);color:#fff;border:1px solid var(--pf-primary)}

/* Daily Funds Pagination */
.pf-funds-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 3rem;
}

.pf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: var(--pf-radius);
  font-weight: 700;
  font-size: 0.875rem;
  gap: 0.5rem;
  transition: all var(--pf-transition);
  cursor: pointer;
  border: none;
  background: var(--pf-primary);
  color: #fff;
}

.pf-btn:hover {
  background: var(--pf-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--pf-shadow-md);
}

.pf-btn--secondary {
  background: #fff;
  color: var(--pf-text-main);
  border: 1px solid var(--pf-secondary);
}

.pf-btn--secondary:hover {
  background: rgba(220,229,229,.2);
  border-color: var(--pf-primary);
  color: var(--pf-primary);
}

.pf-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* === 404 PAGE === */
.pf-404{text-align:center;padding:6rem 1rem}
.pf-404__code{font-size:8rem;font-weight:700;color:var(--pf-secondary);line-height:1}
.pf-404__title{font-size:2rem;font-weight:700;margin:1rem 0}
.pf-404__text{color:var(--pf-text-muted);margin-bottom:2rem}

/* === SEARCH === */
.pf-search-form{display:flex;gap:.5rem;max-width:32rem;margin:0 auto}
.pf-search-form__input{flex:1;padding:.75rem 1rem;border:2px solid var(--pf-secondary);border-radius:var(--pf-radius);transition:border-color var(--pf-transition)}
.pf-search-form__input:focus{border-color:var(--pf-primary);outline:none}
.pf-search-form__btn{padding:.75rem 1.5rem;background:var(--pf-primary);color:#fff;border-radius:var(--pf-radius);font-weight:600}

/* === COMMENTS === */
.pf-comments{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--pf-secondary)}
.pf-comments__title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}
.pf-comment{padding:1.5rem;background:var(--pf-background);border-radius:var(--pf-radius-lg);margin-bottom:1rem}
.pf-comment__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.pf-comment__avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}
.pf-comment__avatar img{width:100%;height:100%;object-fit:cover}
.pf-comment__author{font-weight:600;font-size:.875rem}
.pf-comment__date{font-size:.75rem;color:var(--pf-text-muted)}
.pf-comment__text{font-size:.9rem;line-height:1.7;color:var(--pf-text-muted)}
.pf-comment .children{margin-left:2rem;margin-top:1rem}
.comment-respond label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;margin-top:1rem}
.comment-respond input[type="text"],.comment-respond input[type="email"],.comment-respond input[type="url"],.comment-respond textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--pf-secondary);border-radius:var(--pf-radius);transition:border-color var(--pf-transition)}
.comment-respond input:focus,.comment-respond textarea:focus{border-color:var(--pf-primary);outline:none}
.comment-respond .submit{margin-top:1rem;background:var(--pf-primary);color:#fff;padding:.75rem 2rem;border-radius:var(--pf-radius);font-weight:600;cursor:pointer;transition:background var(--pf-transition)}
.comment-respond .submit:hover{background:var(--pf-primary-hover)}

/* === BREADCRUMBS === */
.pf-breadcrumbs{font-size:.8rem;color:var(--pf-text-muted);padding:.75rem 0}
.pf-breadcrumbs a{color:var(--pf-text-muted);transition:color var(--pf-transition)}
.pf-breadcrumbs a:hover{color:var(--pf-primary)}
.pf-breadcrumbs .separator{margin:0 .5rem}

/* === BACK LINK === */
.pf-back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--pf-text-muted);margin-bottom:1.5rem;transition:color var(--pf-transition)}
.pf-back-link:hover{color:var(--pf-primary)}

/* === CTA SECTION === */
.pf-cta{text-align:center;padding:5rem 1rem}
.pf-cta__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1.5rem;color:#fff}
.pf-cta__text{font-size:1.25rem;color:rgba(255,255,255,.8);margin-bottom:2.5rem;max-width:36rem;margin-left:auto;margin-right:auto;line-height:1.7}
.pf-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.pf-cta__btn{padding:1rem 2rem;border-radius:var(--pf-radius);font-weight:700;transition:all var(--pf-transition)}
.pf-cta__btn--white{background:#fff;color:var(--pf-primary);box-shadow:var(--pf-shadow-lg)}
.pf-cta__btn--white:hover{background:var(--pf-secondary);box-shadow:var(--pf-shadow-xl)}
.pf-cta__btn--outline{background:var(--pf-primary-hover);color:#fff;border:1px solid rgba(255,255,255,.2)}
.pf-cta__btn--outline:hover{background:rgba(255,255,255,.1)}

/* Sort toggle */
.pf-sort-toggle{display:flex;background:rgba(220,229,229,.3);padding:.375rem;border-radius:var(--pf-radius-lg);border:1px solid rgba(220,229,229,.5)}
.pf-sort-toggle__btn{padding:.625rem 1.5rem;border-radius:var(--pf-radius);font-size:.875rem;font-weight:700;transition:all var(--pf-transition);display:flex;align-items:center;gap:.5rem;color:var(--pf-text-muted)}
.pf-sort-toggle__btn.is-active{background:#fff;box-shadow:var(--pf-shadow)}
.pf-sort-toggle__btn--gain.is-active{color:var(--pf-primary)}
.pf-sort-toggle__btn--drop.is-active{color:#dc2626}
.pf-date-badge{display:flex;align-items:center;gap:.5rem;color:var(--pf-primary);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}

/* === PAGE TEMPLATE === */
.pf-page{padding:6rem 0 4rem}
.pf-page__content{max-width:48rem;margin:0 auto}
.pf-page__content h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:2rem;letter-spacing:-.02em}

/* Company hero stats */
.pf-company-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media (min-width: 640px) {
  .pf-company-stats { grid-template-columns: repeat(2, 1fr); }
}
.pf-company-stat{padding:1.5rem;background:rgba(220,229,229,.1);border-radius:var(--pf-radius-xl)}
.pf-company-stat__icon{color:var(--pf-primary);margin-bottom:.75rem}
.pf-company-stat__label{font-size:.875rem;color:var(--pf-text-muted);margin-bottom:.25rem}
.pf-company-stat__value{font-size:1.5rem;font-weight:700}

/* Empty state */
.pf-empty{text-align:center;padding:5rem 1rem;background:#fff;border-radius:var(--pf-radius-xl);border:2px dashed rgba(220,229,229,.5)}
.pf-empty__icon{width:4rem;height:4rem;background:rgba(220,229,229,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--pf-text-muted)}
.pf-empty__title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.pf-empty__text{color:var(--pf-text-muted)}
.pf-empty__link{display:inline-block;margin-top:1.5rem;color:var(--pf-primary);font-weight:700}

/* Admin CSS */
.pf-widget{margin-bottom:2rem}
.pf-widget__title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--pf-primary)}

/* WP alignment */
.alignwide{max-width:calc(var(--pf-max-w) - 4rem);margin-left:auto;margin-right:auto}
.alignfull{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 1.5rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.5rem}
figcaption{font-size:.8rem;color:var(--pf-text-muted);text-align:center;margin-top:.5rem}

/* Screen reader text (WP compat) */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
