.home-hero-section{border-bottom:var(--border);background-color:var(--bg-white);flex-direction:column;justify-content:center;min-height:85vh;padding:0;display:flex;position:relative;overflow:hidden}@media (max-width:600px){.home-hero-section{min-height:70vh;padding:var(--space-6) var(--space-3)}}.home-hero-section:before{content:"";will-change:opacity;z-index:0;pointer-events:none;background-color:#e9e8dd;animation:4s ease-in-out infinite heroBgPulse;position:absolute;inset:0}@keyframes heroBgPulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.hero-spotlight{pointer-events:none;z-index:1;will-change:background;transition:opacity .8s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.home-hero-section .brutalist-grid-texture{z-index:2;opacity:.6;mix-blend-mode:multiply}.home-hero-container{z-index:10;text-align:center;width:100%;max-width:1400px;padding:var(--space-8) var(--space-5);pointer-events:none;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.home-hero-container *{pointer-events:auto}.hero-3d-scene{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:600px){.hero-3d-scene{z-index:5;height:100svh}}.hero-top-bar{border-bottom:var(--border);padding-bottom:var(--space-2);margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-end;display:flex}.hero-top-bar span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.hero-top-bar .version-badge{background:var(--text-black);color:var(--bg-white);padding:4px 8px}.massive-title{font-family:var(--font-serif);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-black);justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;font-size:clamp(3rem,9.5vw,11rem);font-weight:400;line-height:.85;display:flex}.massive-title-invisible{color:var(--bg-bone)}.hero-body-content{margin-top:var(--space-6);flex-direction:column;align-items:center;width:100%;display:flex}.hero-body-text{font-family:var(--font-sans);max-width:600px;margin:0 auto;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:500;line-height:1.3}.hero-actions-container{justify-content:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero-floating-card{background:var(--bg-surface);border:var(--border);padding:var(--space-5);box-shadow:8px 8px 0px var(--text-black);transition:all var(--transition-smooth);max-width:350px;margin-left:auto;transform:rotate(2deg)}@media (max-width:900px){.hero-floating-card{margin-left:0;margin-top:var(--space-4)}}.hero-floating-card:hover{box-shadow:12px 12px 0px var(--text-black);transform:rotate(0)translateY(-4px)}.card-top-bar{border-bottom:var(--border);padding-bottom:var(--space-2);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-top-bar span{font-family:var(--font-mono);text-transform:uppercase;font-size:.7rem;font-weight:700}.card-title{font-family:var(--font-serif);text-transform:uppercase;margin-bottom:var(--space-1);font-size:2.5rem;line-height:.9}.card-subtitle{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5);font-size:.7rem}.card-match-bar{background:var(--accent);color:var(--text-black);font-family:var(--font-mono);padding:var(--space-2);text-transform:uppercase;border:var(--border);justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.bento-header{border-bottom:var(--border);padding-bottom:var(--space-3);margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;display:flex}.bento-header h2{font-family:var(--font-serif);text-transform:uppercase;margin:0;font-size:clamp(3rem,6vw,5rem);line-height:.85}.home-bento-grid{gap:var(--space-4);grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(260px,auto);display:grid}@media (min-width:900px){.home-bento-grid{gap:var(--space-5)}}.home-bento-item{padding:var(--space-6);border:var(--border);transition:all var(--transition-smooth);flex-direction:column;justify-content:space-between;display:flex;position:relative}.home-bento-item h3{font-family:var(--font-serif);text-transform:uppercase;margin-bottom:var(--space-2);transition:color var(--transition-snap);font-size:clamp(2rem,3vw,3.5rem);line-height:.9}.home-bento-item p{font-family:var(--font-sans);max-width:500px;margin:0;font-size:1.1rem;font-weight:500}.bento-1{background:var(--bg-surface);box-shadow:var(--shadow-brut);grid-column:span 12}@media (min-width:900px){.bento-1{grid-column:span 8}}.bento-1:hover{box-shadow:var(--shadow-brut-hover);transform:translate(-2px,-2px)}.bento-2{background:var(--text-black);color:var(--bg-bone);border-color:var(--text-black);box-shadow:var(--shadow-brut);grid-column:span 12}@media (min-width:900px){.bento-2{grid-column:span 4}}.bento-2:hover{box-shadow:var(--shadow-brut-hover);transform:translate(-2px,-2px)}.bento-2:hover h3{color:var(--accent)}.bento-3{background:var(--bg-bone);border-color:var(--text-black);box-shadow:var(--shadow-brut);grid-column:span 12}@media (min-width:900px){.bento-3{grid-column:span 4}}.bento-3:hover{box-shadow:var(--shadow-brut-hover);transform:translate(-2px,-2px)}.bento-4{background:var(--accent);box-shadow:var(--shadow-brut);gap:var(--space-5);flex-direction:column;grid-column:span 12;display:flex}.bento-4-content{flex-direction:column;display:flex}.icon-margin{margin-bottom:var(--space-4)}@media (min-width:900px){.bento-4{flex-direction:row;grid-column:span 8;justify-content:space-between;align-items:stretch}.bento-4-content{flex:1;max-width:300px}.bento-4-button{align-self:flex-end;min-width:350px;margin:auto 0;width:auto!important}}.bento-4:hover{box-shadow:var(--shadow-brut-hover);transform:translate(-2px,-2px)}.feature-flow-section{background:var(--bg-bone);border-top:var(--border);border-bottom:var(--border);padding:var(--space-8) var(--space-4);background-image:linear-gradient(0deg,#00000005 1px,#0000 1px);background-size:100% 20px}.flow-header{text-align:center;margin-bottom:var(--space-6)}.flow-header h2{font-family:var(--font-serif);text-transform:uppercase;color:var(--text-black);margin:0;font-size:clamp(3rem,6vw,4.5rem);line-height:.85}.flow-header p{font-family:var(--font-mono);opacity:.6;text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-2);font-size:.85rem;font-weight:500}.flow-steps-container{align-items:center;gap:var(--space-4);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}@media (min-width:900px){.flow-steps-container{flex-direction:row;justify-content:space-between;align-items:stretch}}.flow-step{background:var(--bg-surface);border:var(--border);padding:var(--space-5);text-align:center;width:100%;max-width:300px;box-shadow:var(--shadow-brut);transition:all var(--transition-smooth);flex-direction:column;flex:1;align-items:center;display:flex}.flow-step:hover{box-shadow:var(--shadow-brut-hover);transform:translate(-4px,-4px)}@media (min-width:900px){.flow-step{max-width:none}}.step-icon-box{background:var(--accent);border:var(--border);border-radius:var(--radius-sm);width:64px;height:64px;margin-bottom:var(--space-4);box-shadow:var(--shadow-brut);justify-content:center;align-items:center;display:flex}.flow-step h3{font-family:var(--font-serif);text-transform:uppercase;margin-bottom:var(--space-2);font-size:1.8rem;line-height:.9}.flow-step p{font-family:var(--font-sans);color:var(--text-muted);margin:0;font-size:.95rem;font-weight:500}.flow-arrow{color:var(--text-black);opacity:.3;margin:var(--space-2) 0;justify-content:center;align-items:center;display:flex;transform:rotate(90deg)}@media (min-width:900px){.flow-arrow{margin:0;transform:rotate(0)}}.faq-section{z-index:5;position:relative}.faq-grid{align-items:center;gap:var(--space-6);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}@media (min-width:900px){.faq-grid{flex-direction:row;justify-content:space-between;align-items:stretch}}.faq-card{background:var(--bg-white);border:var(--border);padding:var(--space-6);text-align:center;width:100%;box-shadow:var(--shadow-brut);transition:all var(--transition-smooth);flex-direction:column;flex:1;align-items:center;display:flex}@media (min-width:900px){.faq-card{max-width:none}}.faq-card:hover{box-shadow:var(--shadow-brut-hover);background:var(--bg-white);transform:translate(-4px,-4px)}.faq-card h3{font-family:var(--font-serif);text-transform:uppercase;margin-bottom:var(--space-4);color:#333;font-size:1.6rem;line-height:1.1}.faq-card p{font-family:var(--font-sans);color:var(--text-black);font-size:1.1rem;font-weight:500;line-height:1.4}
