.hero-section{background:var(--hero-gradient, linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 50%, #ffffff 100%));padding:48px var(--space-lg, 24px);padding-top:80px;margin-top:80px;margin-bottom:32px;border-bottom:1px solid var(--border-green, #d1fae5);position:relative}.hero-section.insurance-hero{background:linear-gradient(135deg,#fffbf5,#fff5f7)}.hero-section .container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--space-md, 16px)}.cluster-hero-content{position:relative;min-height:200px;max-width:var(--container-max-width, 1200px);margin:0 auto}.cluster-hero-left{max-width:900px}@media (max-width: 768px){.cluster-hero-content{min-height:auto;padding:24px 12px 0}.cluster-hero-left{max-width:100%}}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl, 40px);align-items:start}.hero-left{padding-right:var(--space-lg, 20px)}.hero-right{display:flex;flex-direction:column;gap:var(--space-lg, 24px)}.drug-label{background:transparent;color:#764ba2;display:inline-block;padding:0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--space-sm, 12px)}.hero-title-row{display:flex;align-items:flex-end;gap:16px;margin-bottom:var(--space-md, 16px);flex-wrap:wrap}.hero-title-row h1{font-size:48px;font-weight:800;color:var(--text-primary, #111827);letter-spacing:-.02em;line-height:1.1;margin:0}.hero-title-row h1 .drug-name{font-size:inherit;font-weight:inherit;color:inherit}.hero-title-row h1 .title-subtitle{display:block;margin-top:8px}.hero-title-row h1 .title-subtitle .title-main{display:block;font-size:1em;font-weight:600;font-style:italic;color:var(--text-primary, #111827);margin-top:8px}.hero-title-row h1 .title-subtitle .title-sub{display:block;font-size:.6em;font-weight:400;color:var(--text-secondary, #6b7280);margin-top:8px;margin-bottom:16px}.manufacturer-badge{display:inline-block;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border, var(--badge-bg));padding:3px 10px;border-radius:12px!important;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;line-height:1.3;vertical-align:middle}.hero-title-row .manufacturer-badge{margin-left:12px;align-self:center}h1 .manufacturer-badge{margin-left:12px}.drug-name-display .manufacturer-badge{margin-left:8px}.drug-name-display{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-md, 16px)}.drug-name-large{font-size:2.5rem;font-weight:800;color:var(--text-primary, #111827)}.drug-name-row{display:inline-flex;align-items:center;gap:12px;flex-wrap:nowrap}.last-updated-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #6b7280);margin-bottom:var(--space-md, 16px);padding:8px 12px;background:#f9fafb;border-radius:6px;display:inline-flex;width:fit-content}.update-icon{font-size:16px}.update-text{font-weight:500}.hero-subhead{font-size:18px;line-height:1.6;color:var(--text-secondary, #374151);margin-bottom:var(--space-lg, 24px)}.why-care-box{background:#fff;border:2px solid #e2e8f0;border-left:4px solid #10b981;padding:16px 24px 12px;border-radius:8px;margin-bottom:var(--space-lg, 24px)}.why-care-box.insurance-focus{border-left-color:#3b82f6}.why-care-box h2{font-size:18px;font-weight:700;color:var(--text-primary, #111827);margin:0 0 16px}.checkmarks-stacked{list-style:none;margin:0;padding:0}.checkmarks-stacked li{padding:16px 0 16px 32px;border-bottom:1px solid #e2e8f0;position:relative}.checkmarks-stacked li:last-child{border-bottom:none}.checkmarks-stacked li:before{content:"✓";position:absolute;left:0;top:16px;color:#10b981;font-weight:700;font-size:18px}.checkmarks-stacked li:last-child:before{content:"ℹ️";font-size:18px;color:#3b82f6}.checkmarks-stacked.no-icons li:before{content:none}.checkmarks-stacked.no-icons li{padding-left:0}.highlight-label{font-size:16px;font-weight:700;color:var(--text-primary, #111827);margin-bottom:6px}.highlight-text{font-size:15px;line-height:1.7;color:var(--text-secondary, #374151)}.summary-paragraph{font-size:15px;line-height:1.7;color:var(--text-secondary, #374151);margin:20px 0 0;padding-top:20px;border-top:1px solid #e2e8f0}.mini-comparison{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:var(--space-md, 20px);margin-bottom:var(--space-lg, 24px)}.mini-comparison-title{font-size:16px;font-weight:700;color:var(--text-primary, #111827);margin:0 0 16px}.mini-comparison-bars{display:grid;gap:12px}.mini-bar-item{display:grid;grid-template-columns:1fr;gap:8px}.mini-bar-item.featured{background:linear-gradient(90deg,#7c3aed0d,#a78bfa08);padding:8px;margin:0 -8px;border-radius:6px}.mini-bar-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.mini-drug-name{font-size:13px;font-weight:600;color:var(--text-primary, #111827)}.mini-drug-name.featured{font-weight:700;color:#f43f5e}.mini-drug-name.highlight{color:#7c3aed;font-weight:700}.mini-drug-type{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted, #9ca3af);letter-spacing:.5px}.mini-bar-container{position:relative;height:28px;background:#f8fafc;border-radius:6px;overflow:hidden}.mini-bar-fill{position:absolute;left:0;top:0;height:100%;border-radius:5px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;animation:slideIn 1.5s ease-out forwards;width:var(--width)}.mini-bar-fill span{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.bar-oral{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.bar-oral-featured{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.bar-injectable{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-injectable-strong{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.bar-injectable-featured{background:linear-gradient(90deg,#f43f5e,#fb7185)}.bar-default{background:linear-gradient(90deg,#6b7280,#9ca3af)}@keyframes slideIn{0%{width:0}to{width:var(--width)}}.quick-facts-card{border:2px solid #e2e8f0;border-radius:12px;padding:var(--space-lg, 24px);background:#fff;position:sticky;top:120px}.quick-facts-card.insurance-card{background:#f9fafb}.quick-facts-card h3,.quick-facts-header{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary, #111827);margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:8px}.expand-icon{font-size:10px;display:none;transition:transform .3s ease}.summary-bar-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm, 12px);margin-bottom:12px;padding-bottom:8px}.summary-item{text-align:left}.summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #9ca3af);margin-bottom:4px}.summary-value{font-size:16px;font-weight:700;color:var(--text-primary, #111827)}.facts-section{border-top:1px solid #e2e8f0;padding-top:8px;margin-top:8px}.facts-section:first-of-type{border-top:none!important;margin-top:0;padding-top:0}.facts-section-header{margin-bottom:var(--space-sm, 12px)}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #6b7280)}.fact-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.fact-row:last-child{border-bottom:none}.fact-label{font-size:14px;font-weight:600;color:var(--text-primary, #374151);flex-shrink:0}.fact-value{font-size:14px;color:var(--text-secondary, #6b7280);text-align:right}.fact-value.highlight-amber{background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:4px;font-weight:600}.fact-value.highlight-green{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:4px;font-weight:600}.quick-facts-ctas{display:flex;flex-direction:column;gap:var(--space-sm, 12px);margin-top:var(--space-lg, 20px);padding-top:var(--space-lg, 20px);border-top:2px solid #e2e8f0}.qf-cta-btn{display:block;width:100%;padding:10px 12px;border-radius:6px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.qf-cta-btn.primary{background:#3b82f6;color:#fff}.qf-cta-btn.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.qf-cta-btn.secondary{background:#f3f4f6;color:#374151}.qf-cta-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.hero-product-image{width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a;object-fit:cover}@media (min-width: 769px){.quick-facts-content{display:block!important}.expand-icon{display:none!important}.quick-facts-header{cursor:default!important;margin-bottom:20px!important;font-size:16px!important;text-align:left!important;justify-content:flex-start!important}.quick-facts-card{padding:var(--space-lg, 24px)!important;position:sticky!important;top:120px!important}.summary-bar-compact{grid-template-columns:repeat(3,1fr)!important;display:grid!important}.facts-section{border-top:1px solid #e2e8f0!important}.facts-section:first-of-type{border-top:none!important}}@media (max-width: 1023px){.hero-grid{grid-template-columns:1fr;gap:var(--space-xl, 32px)}.hero-left{padding-right:0}.quick-facts-card{position:static;max-width:600px;margin:0 auto}.hero-title-row h1{font-size:40px}.hero-subhead{font-size:16px}}@media (max-width: 768px){.hero-section{padding:24px var(--space-md, 16px);padding-top:40px;margin-top:48px;overflow-x:hidden}.hero-section .container{overflow-x:hidden;max-width:100%}.drug-label{margin-top:16px;padding:0}.hero-title-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.hero-title-row h1{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;font-size:40px}.hero-title-row h1 .title-subtitle{flex-basis:100%}.hero-title-row h1 .title-subtitle .title-main{font-size:24px}.hero-title-row h1 .title-subtitle .title-sub{font-size:14px;margin-bottom:0}.hero-subhead{font-size:15px}.drug-name-large{font-size:2rem}.quick-facts-card{position:static!important;padding:16px!important}.quick-facts-header{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0!important;padding-bottom:0!important;border-bottom:none!important}.expand-icon{display:inline-block}.quick-facts-content{display:none;overflow:hidden}.facts-section{border-top:none!important}.summary-bar-compact{border-bottom:none!important}.quick-facts-card.expanded{padding:20px!important}.quick-facts-card.expanded .quick-facts-content{display:block;animation:slideDown .3s ease}.quick-facts-card.expanded .quick-facts-header{margin-bottom:16px!important;padding-bottom:12px!important}.quick-facts-card.expanded .summary-bar-compact{border-bottom:2px solid #e2e8f0!important}.quick-facts-card.expanded .facts-section{border-top:1px solid #e2e8f0!important}.quick-facts-card.expanded .facts-section:first-of-type{border-top:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.manufacturer-badge{font-size:10px;padding:3px 8px}.drug-name-row{flex-wrap:wrap}.why-care-box{padding:var(--space-md, 16px);border-left:none;border:1px solid #e2e8f0}.why-care-box .highlights-title,.why-care-box h3{margin-top:0;margin-bottom:12px}.checkmarks-stacked{padding:0;margin:0;list-style:none;display:block}.checkmarks-stacked li{padding:0;display:block;margin-bottom:24px;border-bottom:none}.checkmarks-stacked li:before{content:none!important;display:none!important}.checkmarks-stacked li:last-child{margin-bottom:0}.highlight-label{display:block;font-weight:700;font-size:15px;line-height:1.3;margin:0 0 6px;color:#111827}.highlight-text{display:block;font-size:14px;line-height:1.6;color:#4b5563}.mini-comparison-bars{grid-template-columns:1fr}.mini-comparison{margin-bottom:12px!important}.quick-facts-card{padding:var(--space-md, 16px)}.summary-bar-compact{grid-template-columns:repeat(2,1fr)}.fact-row{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.fact-label{flex-shrink:0;font-size:13px}.fact-value{text-align:right;flex:1;font-size:13px}}@media (max-width: 480px){.hero-section{padding:20px var(--space-sm, 12px);padding-top:32px;margin-top:40px}.hero-title-row h1{font-size:28px}.hero-title-row h1 .title-subtitle{font-size:16px}.drug-label{font-size:10px;padding:4px 10px}.hero-subhead{font-size:14px}.drug-name-large{font-size:1.75rem}.why-care-box h2{font-size:16px}.highlight-label{font-size:14px}.highlight-text,.summary-paragraph{font-size:13px}.mini-comparison-title{font-size:14px}.mini-drug-name{font-size:12px}.mini-bar-fill{font-size:11px}.summary-bar-compact{grid-template-columns:1fr}}
