.beakid .hero{background:var(--white);align-items:center;min-height:90vh;padding:6rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.beakid .hero-inner{max-width:var(--max-w);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;margin:0 auto;display:grid}.beakid .hero-blob{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.beakid .hero-blob--coral{background:#d9513b14;width:500px;height:500px;top:-100px;left:-100px}.beakid .hero-blob--blue{background:#2563ff0f;width:400px;height:400px;bottom:-80px;right:-60px}.beakid .hero-text{z-index:1;position:relative}.beakid .hero-tagline{color:var(--gray-5);letter-spacing:.02em;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.beakid .hero-tagline .dot{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.beakid .hero h1{max-width:520px;margin-bottom:1.25rem}.beakid .hero h1 em{color:var(--coral);font-style:italic}.beakid .hero-sub{color:var(--gray-5);max-width:460px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.beakid .hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.beakid .hero-stats{border-top:1px solid var(--gray-2);gap:2rem;padding-top:1.5rem;display:flex}.beakid .hero-stat{flex-direction:column;gap:.15rem;display:flex}.beakid .hero-stat-value{font-family:var(--font-display);color:var(--ink);font-size:1.25rem;font-weight:700}.beakid .hero-stat-label{color:var(--gray-4);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.beakid .hero-cards{z-index:1;grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:relative}.beakid .hero-card{background:var(--white);border:1px solid var(--gray-2);border-radius:var(--radius-lg);color:inherit;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:all .25s;display:flex}.beakid .hero-card:hover{border-color:var(--gray-3);box-shadow:var(--shadow);transform:translateY(-2px)}.beakid .hero-card-header{align-items:center;gap:.5rem;display:flex}.beakid .hero-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.beakid .hero-card-name{font-family:var(--font-display);color:var(--ink);font-size:.95rem;font-weight:600}.beakid .hero-card-desc{color:var(--gray-4);font-size:.8rem;line-height:1.5}.beakid .why-section{background:var(--gray-1);padding:var(--section-pad)}.beakid .why-inner{max-width:var(--max-w);grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;margin:0 auto;display:grid}.beakid .why-text h2{margin-bottom:1rem}.beakid .why-text p{color:var(--gray-5);font-size:1.05rem;line-height:1.7}.beakid .why-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.beakid .why-card{background:var(--white);border:1px solid var(--gray-2);border-radius:var(--radius-lg);padding:1.5rem;transition:all .25s}.beakid .why-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.beakid .why-card-icon{background:var(--coral-dim);border-radius:var(--radius);width:40px;height:40px;color:var(--coral);justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.beakid .why-card-icon svg{width:20px;height:20px}.beakid .why-card h4{margin-bottom:.35rem;font-size:1rem}.beakid .why-card p{color:var(--gray-4);font-size:.85rem;line-height:1.5}.beakid .brands-section{background:var(--white);padding:var(--section-pad)}.beakid .brands-inner{max-width:var(--max-w);margin:0 auto}.beakid .brands-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3rem;display:flex}.beakid .brands-header h2{margin-bottom:0}.beakid .brands-header p{color:var(--gray-4);text-align:right;max-width:320px;font-size:.95rem}.beakid .brands-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.beakid .brand-card{background:var(--white);border:1px solid var(--gray-2);border-radius:var(--radius-xl);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.beakid .brand-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.beakid .brand-card-top{flex-direction:column;align-items:flex-start;gap:.75rem;padding:2rem 1.5rem 1.5rem;display:flex;position:relative}.beakid .brand-card-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--white);justify-content:center;align-items:center;display:flex}.beakid .brand-card-badge{text-transform:uppercase;letter-spacing:.05em;color:inherit;background:#fff3;border-radius:100px;padding:.2rem .6rem;font-size:.65rem;font-weight:600;position:absolute;top:1rem;right:1rem}.beakid .brand-card-badge--live{color:#16a34a;background:#16a34a1a}.beakid .brand-card-badge--soon{color:#d97706;background:#d977061a}.beakid .brand-card-body{flex-direction:column;flex:1;padding:0 1.5rem 1.5rem;display:flex}.beakid .brand-card-body h3{margin-bottom:.5rem;font-size:1.15rem}.beakid .brand-card-body p{color:var(--gray-4);flex:1;font-size:.85rem;line-height:1.5}.beakid .brand-card-fee{border-top:1px solid var(--gray-2);color:var(--gray-4);margin-top:1rem;padding-top:1rem;font-size:.8rem}.beakid .brand-card-fee strong{color:var(--ink);font-size:1.1rem;font-weight:700}.beakid .brand-card-cta{align-items:center;gap:.35rem;margin-top:1rem;font-size:.85rem;font-weight:600;transition:gap .2s;display:flex}.beakid .brand-card-cta:hover{gap:.6rem}.beakid .brand-card-cta svg{width:16px;height:16px}.beakid .how-section{background:var(--white);padding:var(--section-pad)}.beakid .how-inner{max-width:var(--max-w);text-align:center;margin:0 auto}.beakid .how-inner>p{max-width:500px;margin:0 auto}.beakid .how-header{margin-bottom:3.5rem}.beakid .how-header h2{margin-bottom:.75rem}.beakid .how-header p{color:var(--gray-4);margin:0 auto;font-size:1rem}.beakid .how-timeline{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.beakid .how-timeline:before{content:"";background:var(--gray-2);z-index:0;height:2px;position:absolute;top:28px;left:12.5%;right:12.5%}.beakid .how-step{z-index:1;flex-direction:column;align-items:center;gap:1rem;padding:0 1rem;display:flex;position:relative}.beakid .how-step-number{background:var(--white);border:2px solid var(--gray-2);width:56px;height:56px;font-family:var(--font-display);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.beakid .how-step:hover .how-step-number{border-color:var(--coral);color:var(--coral);transform:scale(1.08)}.beakid .how-step h4{margin-bottom:.25rem;font-size:1rem}.beakid .how-step p{color:var(--gray-4);text-align:center;max-width:200px;font-size:.85rem;line-height:1.5}.beakid .community-section{background:var(--ink);padding:var(--section-pad)}.beakid .community-inner{max-width:var(--max-w);grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin:0 auto;display:grid}.beakid .community-text h2{color:var(--white);margin-bottom:1rem}.beakid .community-text p{color:var(--gray-4);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.beakid .community-perks{flex-direction:column;gap:1rem;list-style:none;display:flex}.beakid .community-perks li{color:var(--gray-3);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.beakid .perk-check{width:24px;height:24px;color:var(--coral);background:#d9513b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.beakid .perk-check svg{width:14px;height:14px}.beakid .community-form-card{background:var(--ink-soft);border-radius:var(--radius-xl);border:1px solid #ffffff0f;padding:2rem}.beakid .community-form-card h3{color:var(--white);margin-bottom:.5rem;font-size:1.25rem}.beakid .community-form-card>p{color:var(--gray-4);margin-bottom:1.5rem;font-size:.9rem}.beakid .community-form-card label{color:var(--gray-3)}.beakid .community-form-card input,.beakid .community-form-card select{color:var(--white);background:#ffffff0d;border-color:#ffffff1a}.beakid .community-form-card input::placeholder{color:var(--gray-4)}.beakid .community-form-card input:focus,.beakid .community-form-card select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #d9513b26}.beakid .community-form-card select option{background:var(--ink);color:var(--white)}.beakid .form-success{text-align:center;padding:2rem 0}.beakid .form-success-icon{color:#16a34a;background:#16a34a26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;display:flex}.beakid .form-success h4{color:var(--white);margin-bottom:.5rem}.beakid .form-success p{color:var(--gray-4);margin:0 auto;font-size:.9rem}.beakid .final-cta{background:var(--coral);text-align:center;padding:5rem 2rem}.beakid .final-cta-inner{max-width:600px;margin:0 auto}.beakid .final-cta h2{color:var(--white);margin-bottom:1rem}.beakid .final-cta p{color:#ffffffd9;max-width:480px;margin:0 auto 2rem;font-size:1.05rem}.beakid .final-cta-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.beakid .btn-white{background:var(--white);color:var(--coral);border-color:var(--white);font-weight:700}.beakid .btn-white:hover{background:var(--gray-1);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.beakid .btn-ghost{color:var(--white);background:0 0;border-color:#ffffff59}.beakid .btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width:768px){.beakid .hero{min-height:auto;padding:3rem 1.5rem 2.5rem}.beakid .hero-inner{grid-template-columns:1fr;gap:2.5rem}.beakid .hero-stats{gap:1.25rem}.beakid .hero-cards{grid-template-columns:1fr 1fr}.beakid .why-inner{grid-template-columns:1fr;gap:2.5rem}.beakid .why-grid{grid-template-columns:1fr}.beakid .brands-header{flex-direction:column;align-items:flex-start}.beakid .brands-header p{text-align:left}.beakid .brands-grid{grid-template-columns:1fr}.beakid .how-timeline{grid-template-columns:1fr;gap:2rem}.beakid .how-timeline:before{display:none}.beakid .community-inner{grid-template-columns:1fr;gap:2.5rem}.beakid .final-cta{padding:3.5rem 1.5rem}}@media (max-width:1024px) and (min-width:769px){.beakid .hero-inner{gap:2.5rem}.beakid .brands-grid{grid-template-columns:repeat(2,1fr)}.beakid .how-timeline{grid-template-columns:repeat(2,1fr);gap:2rem}.beakid .how-timeline:before{display:none}}
