.hero{padding:var(--space-16) 0 var(--space-24);position:relative;overflow:hidden}@media (width>=1024px){.hero{padding:var(--space-32) 0 var(--space-32)}}.hero-grid{gap:var(--space-12);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-content{z-index:10;position:relative}.hero-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6);background:#2100471a;display:inline-block}.hero-title{font-family:var(--font-headline);font-weight:900;font-size:var(--text-4xl);color:var(--color-primary);margin-bottom:var(--space-6);line-height:1.1}@media (width>=1024px){.hero-title{font-size:var(--text-6xl)}}.hero-title .accent{color:var(--color-secondary)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-on-surface-variant);margin-bottom:var(--space-10);max-width:36rem;line-height:1.7}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-image-wrapper{position:relative}.hero-glow{border-radius:var(--radius-full);filter:blur(60px);background:#14b8a61a;width:24rem;height:24rem;position:absolute;top:-5rem;right:-5rem}.hero-image-card{background:var(--color-surface-bright);padding:var(--space-4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-outline-variant);position:relative}.hero-image-card img{border-radius:var(--radius-xl);object-fit:cover;aspect-ratio:4/3;width:100%;height:auto}.advantage-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.advantage-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.advantage-grid{grid-template-columns:repeat(4,1fr)}}.advantage-card{padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-outline-variant);transition:all var(--transition-base)}.advantage-card:hover{border-color:#21004733}.recruitment-layout{gap:var(--space-16);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=1024px){.recruitment-layout{grid-template-columns:2fr 3fr}}.recruitment-sidebar{position:relative}@media (width>=1024px){.recruitment-sidebar{position:sticky;top:8rem}}.recruitment-sidebar img{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-surface-bright);width:100%;height:500px;position:center 30%}.step-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.step-grid{grid-template-columns:repeat(2,1fr)}}.step-card{padding:var(--space-6);background:var(--color-surface-bright);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:var(--space-4);transition:all var(--transition-base);border:1px solid #e2e8f080;flex-direction:column;display:flex}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-number{font-family:var(--font-headline);font-size:var(--text-4xl);color:#2100471a;font-weight:900}.step-title{font-family:var(--font-headline);font-weight:var(--font-bold);color:var(--color-primary)}.step-text{font-size:var(--text-sm);color:var(--color-on-surface-variant)}.billing-layout{gap:var(--space-20);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=1024px){.billing-layout{grid-template-columns:1fr 1fr}}.billing-steps-list{gap:var(--space-6);flex-direction:column;display:flex}.billing-step{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--color-outline-variant);background:var(--color-surface);display:flex}.billing-step-number{border-radius:var(--radius-full);background:var(--color-secondary);width:2.5rem;height:2.5rem;color:var(--color-on-primary);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.billing-info{gap:var(--space-4);flex-direction:column;display:flex}.billing-info-header{font-family:var(--font-headline);font-weight:var(--font-extrabold);color:var(--color-primary);font-size:var(--text-4xl);margin-bottom:var(--space-6);line-height:1.1}.billing-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{padding:var(--space-6);border-radius:var(--radius-xl);text-align:center;background:#2100470d}.stat-value{font-family:var(--font-headline);font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-1);font-weight:900}.stat-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;color:var(--color-on-surface-variant)}.faq-container{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.faq-container{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}.faq-item{background:var(--color-surface-bright);border-radius:var(--radius-2xl);border:1px solid var(--color-outline-variant);transition:all var(--transition-base);position:relative;overflow:hidden}.faq-item:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));opacity:0;width:4px;height:100%;transition:opacity var(--transition-base);border-radius:var(--radius-2xl) 0 0 var(--radius-2xl);position:absolute;top:0;left:0}.faq-item:hover{box-shadow:var(--shadow-lg);border-color:#21004726;transform:translateY(-2px)}.faq-item:hover:before{opacity:1}.faq-item.active{border-color:#14b8a64d;box-shadow:0 8px 32px #14b8a61a}.faq-item.active:before{opacity:1}.faq-question{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);cursor:pointer;font-family:var(--font-headline);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary);text-align:left;transition:all var(--transition-base);background:0 0;border:none;line-height:1.4;display:flex}@media (width>=768px){.faq-question{font-size:var(--text-base);padding:var(--space-6) var(--space-8)}}.faq-question:hover{color:var(--color-secondary)}.faq-question-number{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), #210047b3);color:#fff;width:2rem;height:2rem;font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-headline);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-item.active .faq-question-number{background:linear-gradient(135deg, var(--color-secondary), #14b8a6b3)}.faq-question-text{flex:1}.faq-icon{color:var(--color-secondary);flex-shrink:0;margin-left:auto;font-size:1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 var(--space-6);transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (width>=768px){.faq-answer{padding:0 var(--space-8)}}.faq-item.active .faq-answer{max-height:25rem;padding:0 var(--space-6) var(--space-5)}@media (width>=768px){.faq-item.active .faq-answer{padding:0 var(--space-8) var(--space-6)}}.faq-answer p{color:var(--color-on-surface-variant);line-height:1.7;font-size:var(--text-sm);margin-left:3rem}@media (width>=768px){.faq-answer p{font-size:var(--text-base)}}.faq-answer a{color:var(--color-secondary);font-weight:var(--font-semibold);transition:opacity var(--transition-base);text-decoration:none}.faq-answer a:hover{opacity:.8;text-decoration:underline}
