.calc-hero{padding:calc(var(--space-5xl) + 60px)0 var(--space-3xl);text-align:center;position:relative;overflow:hidden}.calc-hero-bg{pointer-events:none;background:radial-gradient(at 30% 20%,#6366f10f 0%,#0000 50%),radial-gradient(at 70% 80%,#ff6b350d 0%,#0000 50%);position:absolute;inset:0}.calc-hero-badge{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:#6366f1;margin-bottom:var(--space-lg);padding:var(--space-xs)var(--space-lg);border-radius:var(--radius-full);background:#6366f10f;border:1px solid #6366f126;font-weight:700;display:inline-flex}.calc-hero-title{font-size:clamp(2rem,5vw,var(--font-size-5xl));margin-bottom:var(--space-md);color:var(--color-text);font-weight:800}.calc-hero-desc{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:480px;margin:0 auto;line-height:1.7}.accordion-list{gap:var(--space-md);flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.accordion-item{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid #0000000f;overflow:hidden}.accordion-item:hover{box-shadow:var(--shadow-md)}.accordion-item.open{box-shadow:var(--shadow-lg);border-color:#00000014}.accordion-trigger{width:100%;padding:var(--space-xl)var(--space-2xl);cursor:pointer;text-align:left;transition:all var(--transition-base);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.accordion-trigger:hover{background:#00000003}.accordion-trigger-left{align-items:center;gap:var(--space-lg);flex:1;display:flex}.accordion-emoji{border-radius:var(--radius-md);background:#00000008;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.75rem;display:flex}.accordion-trigger-text{flex:1}.accordion-trigger-top{align-items:center;gap:var(--space-sm);margin-bottom:4px;display:flex}.accordion-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700}.accordion-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--color-white);background:var(--gradient-accent);border-radius:var(--radius-full);padding:3px 8px;font-size:10px;font-weight:700}.accordion-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.accordion-chevron{width:32px;height:32px;color:var(--color-text-light);flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-content{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1);display:grid}.accordion-item.open .accordion-content{grid-template-rows:1fr}.accordion-content-inner{overflow:hidden}.accordion-item.open .accordion-content-inner{padding:0 var(--space-2xl)var(--space-2xl)}.calc-grid{gap:var(--space-xl);display:grid}@media (min-width:768px){.calc-grid{grid-template-columns:1fr 1fr}}.calc-section{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid #0000000a}.calc-section-title{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid #0000000f;font-weight:700}.calc-row{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xs);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.calc-row:last-child{margin-bottom:0}.calc-row label{font-size:var(--font-size-sm);color:var(--color-text);flex:1;font-weight:500}.calc-row.editable{background:#00000004}.calc-row.editable:hover{background:#00000008}.calc-row.highlight-green{background:#22c55e14;border-left:3px solid #22c55e}.calc-row.highlight-green label{color:#16a34a;font-weight:600}.calc-row.highlight-red{background:#ef444414;border-left:3px solid #ef4444}.calc-row.highlight-red label{color:#dc2626;font-weight:600}.calc-row.highlight-primary{background:#ff6b350f;border-left:3px solid #ff6b35}.calc-row.highlight-primary label{color:#ff6b35;font-weight:600}.calc-row.result-box{padding:var(--space-md);margin-top:var(--space-sm);border-radius:var(--radius-md)}.calc-row.result-box.positive{background:linear-gradient(135deg,#22c55e1a,#22c55e0a);border:1px solid #22c55e33}.calc-row.result-box.neutral{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0a);border:1px solid #f59e0b33}.calc-row.result-box.negative{background:linear-gradient(135deg,#ef44441a,#ef44440a);border:1px solid #ef444433}.calc-input-group{align-items:center;gap:var(--space-xs);display:flex}.calc-input-group input{width:100px;padding:6px var(--space-sm);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);text-align:right;background:var(--color-white);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast);border:1px solid #0000001a}.calc-input-group input:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.input-suffix{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:20px;font-weight:500}.calc-value{font-size:var(--font-size-sm);color:var(--color-text);text-align:right;font-weight:600}.calc-value.big{font-size:var(--font-size-xl);background:linear-gradient(135deg,#ff6b35,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.calc-divider{height:1px;margin:var(--space-sm)0;background:#0000000f}.calc-explainer{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:#ff6b350a;border:1px solid #ff6b351f}.calc-explainer h4{font-size:var(--font-size-sm);color:#ff6b35;margin-bottom:var(--space-sm);font-weight:600}.calc-explainer p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.6}.calc-explainer p strong{color:var(--color-text)}.roas-comparison{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.comparison-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);display:flex}.comparison-item.negative{background:#ef44440f;border:1px solid #ef444426}.comparison-item.positive{background:#22c55e0f;border:1px solid #22c55e26}.comparison-icon{font-size:var(--font-size-base)}.comparison-item div{flex-direction:column;gap:1px;display:flex}.comparison-item strong{font-size:var(--font-size-xs);color:var(--color-text)}.comparison-item.negative span:last-child{color:#dc2626;font-size:11px}.comparison-item.positive span:last-child{color:#16a34a;font-size:11px}.strategy-section-wrapper{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid #0000000a}.strategy-generator{max-width:600px;margin:0 auto}.strategy-progress{border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-xl);background:#0000000f;overflow:hidden}.strategy-progress-bar{border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f1,#ff6b35);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.strategy-step-info{text-align:center;margin-bottom:var(--space-sm)}.strategy-step-counter{font-size:var(--font-size-sm);color:var(--color-text-light)}.strategy-question{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--space-xl);color:var(--color-text);font-weight:700}.strategy-options{gap:var(--space-sm);flex-direction:column;display:flex}.strategy-option{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;border:2px solid #00000014;display:flex}.strategy-option:hover{background:#6366f10a;border-color:#6366f1;transform:translate(4px)}.strategy-option.selected{background:#6366f114;border-color:#6366f1}.strategy-option-icon{font-size:var(--font-size-xl);flex-shrink:0}.strategy-option-label{font-size:var(--font-size-base);color:var(--color-text);font-weight:500}.strategy-back-btn{margin-top:var(--space-xl);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000001a}.strategy-back-btn:hover{color:#6366f1;border-color:#6366f1}.strategy-loading{text-align:center;padding:var(--space-3xl)}.strategy-spinner{width:48px;height:48px;margin:0 auto var(--space-lg);border:3px solid #00000014;border-top-color:#6366f1;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.strategy-loading p{color:var(--color-text-muted)}.strategy-error{text-align:center;padding:var(--space-2xl)}.strategy-error-icon{margin-bottom:var(--space-md);font-size:3rem;display:block}.strategy-error p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.strategy-retry-btn{padding:var(--space-sm)var(--space-xl);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#6366f1,#ff6b35);border:none;font-weight:600}.strategy-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.strategy-result{text-align:left}.strategy-result-header{text-align:center;margin-bottom:var(--space-xl)}.strategy-badge{padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:#6366f1;margin-bottom:var(--space-md);background:#6366f114;border:1px solid #6366f133;font-weight:600;display:inline-block}.strategy-result-header h3{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.strategy-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);font-size:var(--font-size-base);color:var(--color-text-muted);border:1px solid #0000000f;max-height:400px;line-height:1.8;overflow-y:auto}.strategy-content strong{color:var(--color-text);font-weight:600}.strategy-actions{gap:var(--space-md);flex-direction:column;align-items:center;display:flex}.strategy-whatsapp-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-2xl);color:#fff;font-size:var(--font-size-base);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background:#25d366;border:none;width:100%;max-width:300px;font-weight:600;display:inline-flex}.strategy-whatsapp-btn:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 8px 24px #25d3664d}.strategy-reset-btn{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000001a}.strategy-reset-btn:hover{color:#6366f1;border-color:#6366f1}@media (max-width:767px){.calc-hero{padding-top:calc(var(--space-4xl) + 40px);padding-bottom:var(--space-2xl)}.accordion-trigger{padding:var(--space-lg)}.accordion-item.open .accordion-content-inner{padding:0 var(--space-lg)var(--space-lg)}.accordion-trigger-left{gap:var(--space-md)}.accordion-emoji{width:40px;height:40px;font-size:1.25rem}.accordion-title{font-size:var(--font-size-base)}.accordion-badge{display:none}}@media (max-width:600px){.calc-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.calc-input-group{width:100%}.calc-input-group input,.calc-value{text-align:left;width:100%}.roas-comparison{grid-template-columns:1fr}.strategy-section-wrapper{padding:var(--space-lg)}.strategy-content{padding:var(--space-lg);font-size:var(--font-size-sm);max-height:300px}}