.hero{text-align:center;justify-content:center;align-items:center;min-height:85vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;flex-direction:column;align-items:center;max-width:800px;display:flex}.hero-badge{color:var(--cta);background:#22c55e1a;border:1px solid #22c55e33;border-radius:9999px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.hero h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:4.5rem}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.8}.hero-buttons{justify-content:center;gap:1rem;display:flex}@media (max-width:768px){.hero h1{font-size:3rem}.hero-buttons{flex-direction:column;width:100%;max-width:300px}}.features{padding:6rem 0}.section-title{text-align:center;margin-bottom:4rem;font-size:2.5rem}.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.bento-card{flex-direction:column;justify-content:center;padding:2.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px #0006}.bento-wide{flex-direction:row;grid-column:span 2;align-items:center;gap:3rem}.bento-content{flex:1}.bento-visual{background:#0003;border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.connection-line{background:linear-gradient(90deg, #f8fafc33, var(--cta));width:60px;height:2px;position:relative}.connection-line:after{content:"";background:var(--cta);width:10px;height:10px;box-shadow:0 0 10px var(--cta);border-radius:50%;position:absolute;top:-4px;right:0}.line-reverse{background:linear-gradient(90deg, var(--cta), #f8fafc33)}.line-reverse:after{left:0;right:auto}.feature-icon{width:56px;height:56px;color:var(--text);border:1px solid var(--surface-border);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.primary-icon{color:var(--cta);background:#22c55e1a;border-color:#22c55e33}.bento-card h3{margin-bottom:1rem;font-size:1.5rem}.bento-card p{color:var(--text-muted);line-height:1.6}.text-left{text-align:left}.text-right{text-align:right}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-wide{flex-direction:column;grid-column:span 1;gap:2rem}.bento-card,.bento-visual{padding:1.5rem}.bento-content.text-right{text-align:left}.bento-content.text-right .feature-icon{margin-left:0!important}.bento-visual{width:100%}.section-title{margin-bottom:2.5rem;font-size:2rem}.features{padding:3rem 0}}.features-grid{gap:2rem;max-width:1000px;margin:0 auto;display:grid}.feature-card{flex-direction:column;padding:2.5rem;display:flex}.instruction-title{border-bottom:1px solid var(--surface-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.inline-icon{color:var(--cta)}.instruction-list{color:var(--text-muted);padding-left:1.5rem;line-height:1.8}.instruction-list li{margin-bottom:1rem}.instruction-list li strong{color:var(--text)}@media (max-width:768px){.features-grid{grid-template-columns:1fr!important}.feature-card{padding:1.5rem}.instruction-title{flex-direction:column;align-items:flex-start}}.contact{padding:6rem 0}.contact-card{max-width:600px;margin:0 auto;padding:3rem}.contact-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2.5rem}@media (max-width:768px){.contact{padding:3rem 0}.contact-card{padding:1.5rem}}