.package-page{min-height:100vh}.package-page .container{max-width:var(--container-package);margin:0 auto;padding:0 2rem}.package-page .hero-icon{--tile-radius:var(--radius-xl)}.package-page .value-section{background:#fff;padding:5rem 0}.package-page .value-content h2{color:var(--color-heading);letter-spacing:-.02em;margin:0 0 1.5rem;font-size:2.25rem;font-weight:800;line-height:1.2}.package-page .value-description{color:var(--color-text-light);margin:0 0 2rem;font-size:1.0625rem;line-height:1.7}.package-page .value-visual{justify-content:center;display:flex}.package-page .pricing-section{background:linear-gradient(180deg, var(--color-surface) 0%, #fff 100%);padding:5rem 0}.package-page .pricing-structure{max-width:var(--container-content);margin:0 auto}.package-page .pricing-grid{align-items:stretch;gap:1.5rem;display:flex}.package-page .pricing-plus{color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.package-page .pricing-card{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:#fff;flex:1;padding:2.5rem}.package-page .pricing-header{margin-bottom:1.5rem}.package-page .pricing-icon{margin-bottom:1rem}.package-page .pricing-header h3{color:var(--color-heading);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.package-page .pricing-subtitle{color:var(--color-text-light);margin:0;font-size:.9375rem}.package-page .pricing-amount{border-bottom:1px solid var(--color-border-subtle);align-items:baseline;gap:.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.package-page .pricing-amount .from{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.package-page .pricing-amount .price{color:var(--color-heading);letter-spacing:-.02em;font-size:3rem;font-weight:800}.package-page .pricing-amount .period{color:var(--color-text-light);font-size:1rem}.package-page .pricing-features{flex-direction:column;gap:.875rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.package-page .pricing-features li{color:var(--color-text);align-items:flex-start;gap:.75rem;font-size:.9375rem;display:flex}.package-page .pricing-features li svg{color:#10b981;flex-shrink:0;margin-top:.125rem}.package-page .pricing-note{color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle);margin:0;padding-top:1rem;font-size:.8125rem;line-height:1.6}.package-page .pricing-section .section-header-centered{max-width:var(--container-content);margin-inline:auto}.package-page .features-section{background:#fff;padding:5rem 0}.package-page .features-grid{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.package-page .feature-card{background:#fff;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.package-page .feature-card:last-child:nth-child(odd){grid-column:1/-1}.package-page .feature-card h3{color:var(--color-heading);margin:0 0 .375rem;font-size:1.0625rem;font-weight:700}.package-page .feature-card p{color:var(--color-text-light);margin:0;font-size:.9375rem;line-height:1.65}.package-page .usecases-section{background:linear-gradient(180deg, var(--color-surface) 0%, #fff 100%);padding:5rem 0}.package-page .usecases-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.package-page .usecase-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:1.5rem}.package-page .usecase-item h3{color:var(--color-heading);margin:0 0 .5rem;font-size:1rem;font-weight:700}.package-page .usecase-item p{color:var(--color-text-light);margin:0;font-size:.875rem;line-height:1.6}.package-page .process-section{background:#fff;padding:5rem 0}.package-page .process-steps{align-items:flex-start;gap:0;margin-bottom:3rem;display:flex}.package-page .process-step{flex:1;max-width:240px}.package-page .step-number{width:48px;height:48px;font-family:var(--font-mono);color:var(--color-heading);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.package-page .process-step h3{color:var(--color-heading);margin:0 0 .5rem;font-size:1rem;font-weight:700}.package-page .process-step p{color:var(--color-text-light);margin:0;font-size:.875rem;line-height:1.6}.package-page .process-connector{background:var(--color-border);width:40px;height:1px;margin:24px 1rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.package-page .animate-on-scroll{animation:ease-out both fadeInUp;animation-range:entry 10% cover 30%;animation-timeline:view()!important}}@supports not (animation-timeline:view()){.package-page .animate-on-scroll{animation:.6s ease-out both fadeInUp}}@media (prefers-reduced-motion:reduce){.package-page .animate-on-scroll{opacity:1;animation:none;transform:none}}.package-page .provider-badges{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.package-page .provider-badge{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-medium);--provider-hover-color:var(--color-brand);background:#fff;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.package-page .provider-badge:hover{border-color:var(--provider-hover-color);box-shadow:0 4px 12px color-mix(in srgb, var(--provider-hover-color) 10%, transparent)}.package-page .provider-logo{flex-shrink:0;width:28px;height:28px}.package-page .provider-info{flex-direction:column;gap:.125rem;display:flex}.package-page .provider-name{color:var(--color-heading);font-size:.9375rem;font-weight:700;line-height:1.2}.package-page .provider-desc{color:var(--color-text-light);font-size:.75rem;line-height:1.2}.package-page .proof-section{background:linear-gradient(180deg, var(--color-surface) 0%, #fff 100%);padding:5rem 0}@media (width<=1024px){.package-page .pricing-grid{max-width:100%}}@media (width<=768px){.package-page .value-visual{order:-1}.package-page .pricing-grid{flex-direction:column}.package-page .pricing-plus{font-size:1.5rem}.package-page .pricing-card{padding:2rem}.package-page .pricing-amount .price{font-size:2.5rem}.package-page .features-grid,.package-page .usecases-grid{grid-template-columns:1fr}.package-page .process-steps{flex-direction:column;gap:1.5rem}.package-page .process-step{max-width:none}.package-page .process-connector{display:none}.package-page .section-header-centered h2,.package-page .value-content h2{font-size:1.75rem}}