*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f8fafc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img,svg{display:block}.page-bg{z-index:0;pointer-events:none;background:linear-gradient(160deg,#f8fafc 0%,#eef2ff 45%,#f0f9ff 100%);position:fixed;inset:0;overflow:hidden}.grid-overlay{background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000,#0000 80%)}.orb{filter:blur(60px);opacity:.45;border-radius:50%;animation:18s ease-in-out infinite float;position:absolute}.orb--1{background:#93c5fd;width:420px;height:420px;top:-120px;left:-80px}.orb--2{background:#a5b4fc;width:360px;height:360px;animation-delay:-6s;top:20%;right:-100px}.orb--3{background:#bae6fd;width:300px;height:300px;animation-delay:-12s;bottom:-80px;left:30%}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-16px)scale(1.05)}}.page{z-index:1;max-width:1120px;margin:0 auto;padding:1.25rem 1.5rem 3rem;position:relative}.header{align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;display:inline-flex}.logo--sm{font-size:1rem}.nav{color:#475569;gap:1.5rem;margin-right:auto;font-size:.9375rem;display:none}.nav a:hover{color:#0f172a}.header-actions{align-items:center;gap:.625rem;margin-left:auto;display:flex}.lang-switch{color:#64748b;background:#ffffffb3;border:1px solid #e2e8f0e6;border-radius:9999px;padding:.375rem .625rem;font-size:.8125rem;font-weight:600}.lang-switch:hover{color:#0f172a}.btn{border:1px solid #0000;border-radius:.625rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);box-shadow:0 8px 24px #2563eb40}.btn--secondary{color:#1e293b;background:#ffffffd9;border-color:#e2e8f0f2}.btn--ghost{color:#475569;background:0 0}.btn--ghost:hover{color:#0f172a;background:#fff9}.btn--lg{padding:.75rem 1.25rem;font-size:.9375rem}.hero{text-align:center;padding:1rem 0 4rem}.badge{color:#0369a1;backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #bae6fdd9;border-radius:9999px;align-items:center;gap:.375rem;margin-bottom:1.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.hero h1{letter-spacing:-.03em;margin:0 0 1rem;max-width:16ch;margin-inline:auto;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}.gradient-text{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero__subtitle{color:#64748b;max-width:52ch;margin:0 auto 2rem;font-size:1.0625rem;line-height:1.65}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.hero__note{color:#94a3b8;margin:0;font-size:.875rem}.section{margin-bottom:4rem}.section__head{text-align:center;margin-bottom:2rem}.section__head h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem)}.section__head p{color:#64748b;margin:0}.card{backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #e2e8f0e6;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a0d}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card{padding:1.25rem;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a14}.feature-card__icon{border-radius:.625rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.875rem;display:flex}.feature-card[data-id=video] .feature-card__icon{color:#2563eb;background:#dbeafe}.feature-card[data-id=code] .feature-card__icon{color:#4f46e5;background:#e0e7ff}.feature-card[data-id=whiteboard] .feature-card__icon{color:#7c3aed;background:#ede9fe}.feature-card[data-id=templates] .feature-card__icon{color:#db2777;background:#fce7f3}.feature-card[data-id=evaluation] .feature-card__icon{color:#d97706;background:#fef3c7}.feature-card[data-id=hiring] .feature-card__icon{color:#16a34a;background:#dcfce7}.feature-card__icon svg{width:1.25rem;height:1.25rem}.feature-card h3,.audience-card h3,.phase__head h3{margin:0 0 .375rem;font-size:1rem}.feature-card p,.audience-card p,.step p,.phase__head p{color:#64748b;margin:0;font-size:.875rem;line-height:1.55}.phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.phase{padding:1.25rem}.phase__head{border-bottom:1px solid #e2e8f0e6;margin-bottom:1rem;padding-bottom:1rem}.phase__head h3{letter-spacing:-.01em;margin:0 0 .375rem;font-size:1.125rem}.steps{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.step{align-items:flex-start;gap:.875rem;display:flex}.step h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.step__num{color:#2563eb;background:#dbeafe;border-radius:9999px;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;display:grid}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.audience-card{padding:1.25rem}.faq-list{gap:.75rem;max-width:760px;margin:0 auto;display:grid}.faq-item{padding:0 1.25rem}.faq-item summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:#64748b;margin:0 0 1rem;font-size:.9375rem;line-height:1.6}.cta-section{margin-bottom:2rem}.cta{text-align:center;padding:2.5rem 1.5rem}.cta h2{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem)}.cta p{color:#64748b;margin:0 0 1.5rem}.footer{border-top:1px solid #e2e8f0e6;gap:2rem;padding-top:2rem;display:grid}.footer__brand p{color:#64748b;max-width:28ch;margin:.75rem 0 0;font-size:.875rem}.footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.footer__cols h3{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0 0 .75rem;font-size:.8125rem}.footer__cols a{color:#475569;margin-bottom:.5rem;font-size:.9375rem;display:block}.footer__cols a:hover{color:#0f172a}.footer__copy{color:#94a3b8;margin:0;font-size:.8125rem}@media (width>=768px){.nav{display:flex}}@media (width<=900px){.features-grid,.audience-grid,.phases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.header{flex-wrap:wrap}.header-actions .btn--ghost{display:none}.features-grid,.audience-grid,.phases,.footer__cols{grid-template-columns:1fr}}.logo-icon[data-astro-cid-f7espo7c]{flex-shrink:0}