.hero{padding:144px 24px 100px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(184,134,45,.05) 0%,transparent 65%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text-3);margin-bottom:32px}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero h1{font-family:var(--serif);font-size:clamp(34px,5vw,58px);font-weight:700;letter-spacing:-.02em;line-height:1.12;max-width:700px;margin:0 auto 24px;color:var(--text-1)}.hero h1 span{color:var(--accent)}.hero-sub{font-size:clamp(16px,1.8vw,19px);color:var(--text-2);max-width:520px;margin:0 auto 40px;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-mockup{max-width:860px;margin:64px auto 0;position:relative}.mockup-frame{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 48px #1c1a1412}.mockup-bar{height:40px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:8px}.mockup-dot{width:9px;height:9px;border-radius:50%;background:var(--border-hover)}.mockup-content{padding:32px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.mockup-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.mockup-card-label{font-size:12px;color:var(--text-3);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.mockup-card-value{font-size:26px;font-weight:700;font-family:var(--mono);letter-spacing:-.01em}.mockup-card-value.positive{color:var(--accent)}.mockup-card-value.neutral{color:var(--text-1)}.mockup-card-value.amber{color:var(--amber-soft)}.mockup-movement{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.mockup-movement:last-child{border:none}.mockup-mov-left{display:flex;align-items:center;gap:12px}.mockup-mov-icon{width:36px;height:36px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:16px}.mockup-mov-icon.edu{background:var(--accent-bg);color:var(--accent)}.mockup-mov-icon.health{background:#5b7f671a;color:var(--accent-light)}.mockup-mov-icon.food{background:var(--clay-bg);color:var(--clay)}.mockup-mov-name{font-size:14px;font-weight:500}.mockup-mov-cat{font-size:12px;color:var(--text-3)}.mockup-mov-amount{font-size:14px;font-weight:600;font-family:var(--mono)}.problem{background:var(--bg-warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.problem-items{display:flex;flex-direction:column;gap:16px}.problem-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border)}.problem-item svg{flex-shrink:0;margin-top:2px;color:var(--text-3)}.problem-item p{font-size:15px;color:var(--text-2);line-height:1.55}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.pillar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:border-color .2s}.pillar:hover{border-color:var(--border-hover)}.pillar-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pillar-icon.sage{background:var(--accent-bg)}.pillar-icon.clay{background:var(--clay-bg)}.pillar-icon.sand{background:var(--sand-bg)}.pillar h3{font-family:var(--serif);font-size:20px;font-weight:700;margin-bottom:8px}.pillar p{font-size:15px;color:var(--text-2);line-height:1.6}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.diff-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden}.diff-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.diff-card:nth-child(1):before{background:var(--accent)}.diff-card:nth-child(2):before{background:var(--clay)}.diff-card:nth-child(3):before{background:var(--sand)}.diff-card:nth-child(4):before{background:linear-gradient(90deg,var(--accent),var(--clay))}.diff-card h3{font-family:var(--serif);font-size:18px;font-weight:700;margin-bottom:8px}.diff-card .highlight{font-size:14px;color:var(--text-3);font-family:var(--mono);padding:8px 12px;background:var(--bg-surface);border-radius:var(--radius-xs);margin-bottom:12px;display:inline-block}.diff-card p{font-size:15px;color:var(--text-2);line-height:1.6}.steps{background:var(--bg-warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:48px;background:var(--border);border-radius:var(--radius);overflow:hidden}.step{background:var(--bg-card);padding:32px 24px;position:relative}.step-number{font-size:44px;font-weight:700;color:var(--border);font-family:var(--serif);line-height:1;margin-bottom:16px;letter-spacing:-.02em}.step h3{font-family:var(--serif);font-size:17px;font-weight:700;margin-bottom:8px}.step p{font-size:14px;color:var(--text-2);line-height:1.55}.safety{text-align:center}.safety .section-desc{margin:0 auto 48px}.safety-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.safety-card{padding:28px;border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:var(--bg-card);transition:border-color .2s}.safety-card:hover{border-color:var(--border-hover)}.safety-card h4{font-family:var(--serif);font-size:15px;font-weight:600;margin-bottom:6px}.safety-card p{font-size:14px;color:var(--text-3);line-height:1.55}.features{background:var(--bg-warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.feature{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s}.feature:hover{border-color:var(--border-hover)}.feature svg{color:var(--accent);margin-bottom:12px}.feature h4{font-family:var(--serif);font-size:15px;font-weight:600;margin-bottom:4px}.feature p{font-size:13px;color:var(--text-3);line-height:1.55}.comparison-table{width:100%;border-collapse:collapse;margin-top:48px;font-size:14px}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.comparison-table th{font-weight:600;color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.comparison-table td:first-child{font-weight:500;color:var(--text-2)}.comparison-table td.ours{color:var(--accent);font-weight:600}.comparison-table td.theirs{color:var(--text-3)}.comparison-table tr:last-child td{border:none}.comparison-table .highlight-row{background:var(--accent-bg)}.testimonials-section{background:var(--bg-warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.testimonial{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.testimonial-text{font-family:var(--serif);font-size:15px;color:var(--text-2);line-height:1.65;font-style:italic;margin-bottom:16px}.testimonial-author{font-size:13px;color:var(--text-3)}.faq{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.faq .section-title{max-width:680px}.faq-list{margin-top:48px;display:flex;flex-direction:column;gap:12px;max-width:820px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0;transition:border-color .2s}.faq-item:hover{border-color:var(--border-hover)}.faq-item[open]{border-color:var(--accent)}.faq-item summary{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--text-1);padding:20px 24px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1.4}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--sans);font-size:24px;font-weight:300;color:var(--accent);flex-shrink:0;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item .faq-answer{padding:0 24px 24px;font-size:15px;color:var(--text-2);line-height:1.65}@media(max-width:768px){.faq-item summary{font-size:15px;padding:18px 20px}.faq-item .faq-answer{padding:0 20px 20px;font-size:14px}}.cta-section{text-align:center;padding:120px 24px;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(184,134,45,.04) 0%,transparent 65%);pointer-events:none}.cta-section .section-title{max-width:560px;margin:0 auto 16px}.cta-section .section-desc{margin:0 auto 40px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}.agent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:left}.agent-card h4{font-family:var(--serif);font-size:16px;font-weight:700;margin-bottom:6px}.agent-card p{font-size:14px;color:var(--text-2);line-height:1.55}@media(max-width:1024px){.mockup-content,.pillars-grid,.safety-cards,.features-grid,.testimonials-grid,.steps-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero{padding:110px 20px 60px}.problem-grid,.pillars-grid,.diff-grid,.safety-cards,.features-grid,.testimonials-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.mockup-content{grid-template-columns:1fr;padding:20px!important}.comparison-table{font-size:12px}.comparison-table th,.comparison-table td{padding:10px 8px}.agent-grid{grid-template-columns:1fr!important}.agent-card{padding:20px!important}.mockup-movements{padding:0 20px 20px!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.hero{padding:100px 16px 48px}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;text-align:center}.step-number{font-size:28px}.step{padding:24px 16px}.steps-grid{grid-template-columns:1fr}.pillar,.diff-card{padding:24px}.safety-card{padding:20px}.feature{padding:16px}.testimonial{padding:20px}.cta-section{padding:80px 16px}.mockup-card-value{font-size:20px}}.qa-summary{max-width:820px;margin:0 auto;padding:0 24px}.qa-summary-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:24px 28px;margin:48px auto 0}.qa-summary-card h2{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--text-1);margin-bottom:6px;letter-spacing:-.005em}.qa-summary-card h2 .qa-q{color:var(--accent);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:4px}.qa-summary-card p{font-size:15px;color:var(--text-2);line-height:1.6;margin:0}.qa-summary-card p strong{color:var(--text-1);font-weight:600}.qa-summary-card+.qa-summary-card{margin-top:12px}
