.tradition-card{width:100%;max-width:480px;background-color:#fff;border:1px solid var(--border-color);border-radius:24px;padding:12px;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);margin:0 auto}.tradition-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.tradition-image{width:100%;height:auto;border-radius:16px;object-fit:cover;z-index:2;transition:transform .6s cubic-bezier(.16,1,.3,1)}.tradition-card:hover .tradition-image{transform:scale(1.03)}.story-section{padding:80px 0;background-color:#fff;border-bottom:1px solid var(--border-color)}.comparison-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-top:48px}@media(min-width:1024px){.comparison-grid{grid-template-columns:1fr 1fr;gap:48px}}.comparison-column{display:flex;flex-direction:column;background-color:#fff;border-radius:24px;border:1px solid var(--border-color);padding:32px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.comparison-column:hover{box-shadow:var(--shadow-md)}.path-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.path-icon{font-size:28px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px}.path-title{font-size:20px;font-weight:800;color:var(--text-slate-900)}.path-subtitle{font-size:13px;color:var(--text-slate-400)}.header-red .path-icon{background-color:#fff1f2}.header-green .path-icon{background-color:var(--brand-green-bg)}.path-steps{display:flex;flex-direction:column;gap:16px}.comparison-step-card{display:flex;gap:16px;padding:20px;border-radius:16px;border:1px solid var(--border-color);background-color:#fff;transition:all .3s ease}.step-num{width:28px;height:28px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.step-content{display:flex;flex-direction:column}.step-card-title{font-size:15px;font-weight:800;color:var(--text-slate-900);margin-bottom:6px}.step-card-desc{font-size:13px;color:var(--text-slate-500);line-height:1.5}.step-fail{border-left:3px solid #f43f5e}.step-fail .step-num{background-color:#f1f5f9;color:var(--text-slate-600)}.step-fail:hover{border-color:#fca5a5;background-color:#fafafa;transform:translate(2px)}.step-success{border-left:3px solid var(--brand-green)}.step-success .step-num{background-color:var(--brand-green-bg);color:var(--brand-green)}.step-success:hover{border-color:#bbf7d0;background-color:#fcfdfc;transform:translate(2px)}.reporting-highlight-section{padding:80px 0;background-color:#fff;border-bottom:1px solid var(--border-color)}.reporting-box{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:32px;padding:40px;display:grid;grid-template-columns:1fr;gap:48px;align-items:center;position:relative;overflow:hidden}@media(min-width:1024px){.reporting-box{grid-template-columns:1.1fr .9fr;padding:56px}}.reporting-content{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:10}.badge-blue{display:inline-flex;align-items:center;gap:6px;background-color:#e0f2fe;color:#0369a1;padding:6px 14px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;border:1px solid #bae6fd}.reporting-title{font-size:26px;font-weight:800;color:var(--text-slate-900);line-height:1.25;letter-spacing:-.02em;margin-bottom:20px}.reporting-title span{color:var(--brand-primary)}@media(min-width:768px){.reporting-title{font-size:32px}}.reporting-desc{font-size:15px;color:var(--text-slate-500);line-height:1.6;margin-bottom:32px}.reporting-features{display:flex;flex-direction:column;gap:20px;width:100%}@media(min-width:640px){.reporting-features{flex-direction:row}}.rep-feat-item{display:flex;gap:12px;align-items:flex-start;background-color:#fff;padding:16px;border-radius:16px;border:1px solid var(--border-color);flex:1}.rep-feat-icon{font-size:20px;width:36px;height:36px;background-color:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rep-feat-item h5{font-size:13px;font-weight:800;color:var(--text-slate-900);margin-bottom:4px}.rep-feat-item p{font-size:11px;color:var(--text-slate-400);line-height:1.3}.reporting-mockup-wrapper{display:flex;justify-content:center;position:relative;z-index:10}.mockup-modal{width:100%;max-width:360px;background-color:#fff;border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-card);padding:24px;position:relative;transition:transform .3s ease}.mockup-modal:hover{transform:translateY(-2px)}.mockup-modal-header{margin-bottom:20px}.mockup-modal-header h5{font-size:16px;font-weight:800;color:var(--text-slate-900);margin-bottom:4px}.mockup-modal-header p{font-size:11px;color:var(--text-slate-400)}.mockup-options{display:flex;flex-direction:column;gap:12px}.mockup-opt-card{border:1px solid var(--border-color);border-radius:14px;padding:16px;transition:all .2s ease;cursor:default;position:relative}.mockup-opt-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.mockup-opt-radio{width:16px;height:16px;border-radius:9999px;border:2px solid var(--text-slate-400);flex-shrink:0;position:relative}.mockup-opt-radio.checked{border-color:var(--brand-primary)}.mockup-opt-radio.checked:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:9999px;background-color:var(--brand-primary)}.mockup-opt-card strong{font-size:13px;color:var(--text-slate-800)}.mockup-opt-card p{font-size:11px;color:var(--text-slate-400);line-height:1.4;padding-left:26px}.mockup-opt-card.featured-accent{background-color:#f0fdf4;border-color:#bbf7d0}.mockup-opt-card.featured-accent strong{color:var(--brand-green)}.mockup-opt-card.featured-accent p{color:var(--text-slate-600)}.mockup-badge{position:absolute;top:12px;right:12px;background-color:#dbeafe;color:var(--brand-primary);font-size:9px;font-weight:700;padding:2px 8px;border-radius:9999px}.pillars-section{padding:80px 0;background-color:var(--bg-light);border-bottom:1px solid var(--border-color)}.pillars-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.pillars-grid{grid-template-columns:repeat(3,1fr)}}.pillar-card{background-color:#fff;border:1px solid var(--border-color);border-radius:24px;padding:40px 32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:flex-start;transition:all .4s cubic-bezier(.16,1,.3,1)}.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#e2e8f0cc}.pillar-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;transition:transform .3s ease}.pillar-card:hover .pillar-icon{transform:scale(1.06) rotate(3deg)}.pillar-title{font-size:20px;font-weight:800;color:var(--text-slate-900);margin-bottom:16px}.pillar-desc{font-size:14px;color:var(--text-slate-500);line-height:1.6}@media(min-width:1024px){.hero-grid{grid-template-columns:1.2fr .8fr;gap:64px;padding:96px 0;text-align:left}.hero-content{align-items:flex-start;text-align:left}.hero-title{font-size:48px;text-align:left;padding:0}.hero-desc{text-align:left;margin:0 0 40px;max-width:600px;font-size:16px}.hero-cta{flex-direction:row;gap:20px}.hero-cta .btn{padding:12px 24px;font-size:14px;border-radius:9999px}}