.page-hero{margin-bottom:var(--space-8)}.page-hero-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-6);align-items:center}.page-hero-copy .eyebrow{font-size:var(--text-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--gray-500);margin-bottom:var(--space-2)}.lead-text{font-size:var(--text-lg);max-width:46rem;color:var(--color-text-soft);margin-bottom:var(--space-4)}.page-hero-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:var(--space-4)}.page-hero-cta-row{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center}.independent-note{font-size:var(--text-xs);color:var(--gray-500);max-width:260px}.page-hero-visual{display:flex;justify-content:flex-end}.upgrade-hero-card{position:relative;max-width:360px}.upgrade-hero-header h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.upgrade-hero-header p{font-size:var(--text-sm)}.upgrade-hero-metrics{margin-top:var(--space-4);display:flex;flex-direction:column;gap:0.7rem}.metric-chip{display:flex;flex-direction:column;gap:0.25rem}.metric-label{font-size:var(--text-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--gray-500)}.metric-bar{position:relative;width:100%;height:7px;border-radius:999px;background:var(--gray-100);overflow:hidden}.metric-bar span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent-aqua),var(--color-primary))}.upgrade-hero-footer{margin-top:var(--space-4);display:flex;justify-content:flex-start}.page-hero .stamp-independent{font-size:0.68rem}.upgrade-section{margin-top:var(--space-4)}.upgrade-section-header{margin-bottom:var(--space-4)}.upgrade-section-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-6);align-items:flex-start}.upgrade-section-figure{border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-soft);box-shadow:var(--shadow-sm)}.upgrade-section-figure img{width:100%;height:auto;display:block}.upgrade-section-figure figcaption{font-size:var(--text-xs);padding:0.75rem 0.9rem;color:var(--gray-600);background:#fff}.bento-upgrades-grid{margin-top:var(--space-10);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}.bento-card{position:relative;border-radius:28px;padding:var(--space-5);background:linear-gradient(145deg,#ffffff 0,#f4fbf0 40%,#fff9e7 100%);box-shadow:var(--shadow-sm);border:1px solid rgba(203,223,199,0.9);display:grid;grid-template-columns:minmax(0,1.2fr);gap:var(--space-4)}.bento-card-wide{grid-column:span 12;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch}.bento-card-content p:last-child{margin-bottom:0}.bento-card-visual{margin-left:auto;max-width:360px}.bento-card-image{width:100%;height:auto;display:block;mix-blend-mode:normal}.strategy-section{margin-top:var(--space-10)}.strategy-header{margin-bottom:var(--space-4)}.strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.strategy-column h3{margin-bottom:var(--space-2)}.upgrade-interface-section{margin-top:var(--space-10)}.upgrade-interface-card{padding:0}.upgrade-interface-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-0);align-items:stretch}.upgrade-interface-copy{padding:var(--space-5)}.upgrade-interface-figure{border-radius:0 var(--radius-xl) var(--radius-xl) 0;overflow:hidden;min-height:100%}.upgrade-interface-figure img{width:100%;height:100%;object-fit:cover}.upgrade-interface-figure figcaption{font-size:var(--text-xs);padding:0.75rem 0.9rem;color:var(--gray-50);background:linear-gradient(90deg,rgba(19,52,26,0.96),rgba(42,82,44,0.96))}.reward-section{margin-top:var(--space-10)}.reward-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-6);align-items:flex-start}.reward-figure{border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-soft);box-shadow:var(--shadow-sm)}.reward-figure img{width:100%;height:auto;display:block}.reward-figure figcaption{font-size:var(--text-xs);padding:0.75rem 0.9rem;color:var(--gray-600);background:#fff}.longterm-section{margin-top:var(--space-10)}.longterm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,0.9fr);gap:var(--space-6);align-items:flex-start}.longterm-sidecard{border-radius:var(--radius-xl);background:var(--color-bg-soft);padding:var(--space-4)}.longterm-sidecard h3{margin-bottom:var(--space-3)}.longterm-sidecard ul{margin-bottom:0;padding-left:1.1rem}.longterm-sidecard a{color:var(--color-text-soft)}.longterm-sidecard a:hover{color:var(--color-primary-strong)}.faq-section{margin-top:var(--space-10)}.faq-header{margin-bottom:var(--space-4)}.faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.faq-item{border-radius:20px;background:var(--color-bg-soft);padding:var(--space-4)}.faq-item h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.faq-answer p:last-child{margin-bottom:0}.cta-card{margin-top:var(--space-10)}.cta-card-content{max-width:52rem}.cta-card h2{margin-bottom:var(--space-2)}.cta-note{max-width:360px}.bento-upgrades-grid .before-after-shell{min-height:0}@media (max-width:1024px){.page-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr)}.upgrade-section-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.bento-upgrades-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.bento-card-wide{grid-column:span 8}.bento-card{grid-column:span 8}.upgrade-interface-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.reward-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.longterm-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (max-width:768px){.page-hero-layout{grid-template-columns:1fr}.page-hero-visual{justify-content:flex-start}.upgrade-hero-card{max-width:none}.upgrade-section-grid{grid-template-columns:1fr}.bento-upgrades-grid{display:flex;flex-direction:column}.bento-card,.bento-card-wide{grid-column:auto;grid-template-columns:1fr}.bento-card-visual{max-width:none;margin-left:0;margin-top:var(--space-3)}.strategy-grid{grid-template-columns:1fr}.upgrade-interface-card{padding:var(--space-4)}.upgrade-interface-grid{grid-template-columns:1fr;gap:var(--space-4)}.upgrade-interface-figure{border-radius:var(--radius-lg);order:-1}.reward-grid{grid-template-columns:1fr}.longterm-grid{grid-template-columns:1fr}.faq-item{padding:var(--space-3)}}@media (max-width:480px){.lead-text{font-size:1rem}.page-hero-cta-row{flex-direction:column;align-items:flex-start}.upgrade-hero-card{border-radius:var(--radius-lg)}}