@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes slideUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}@keyframes scaleIn {from {opacity: 0;transform: scale(0.9);}to {opacity: 1;transform: scale(1);}}@keyframes resultPulse {0% {color: var(--primary);transform: scale(1.05);}100% {color: inherit;transform: scale(1);}}.animate-fade-in {animation: fadeIn 0.8s ease-out forwards;}.animate-fade-in-delay {animation: fadeIn 0.8s ease-out 0.3s forwards;opacity: 0;}.animate-slide-up {animation: slideUp 0.8s ease-out forwards;}.animate-scale-in {animation: scaleIn 0.8s ease-out 0.5s forwards;opacity: 0;}.result-pulse {animation: resultPulse 0.4s ease-out;}@media only screen and (min-width: 0rem) {#tools-hero {padding: var(--sectionPadding);padding-top: 7.5rem;padding-bottom: 3rem;position: relative;overflow: hidden;background: #ffffff;}#tools-hero .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: 3rem;padding: 0 1rem;}#tools-hero .cs-content {text-align: center;width: 100%;max-width: 50rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}#tools-hero .cs-content .cs-topper {font-size: 1rem;color: var(--primary);font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 1rem;display: block;text-align: center;width: 100%;}#tools-hero .cs-content .cs-title {font-size: 2.5rem;font-weight: 900;line-height: 1.1;margin-bottom: 1.5rem;color: var(--headerColor);text-align: center;width: 100%;}#tools-hero .cs-content .cs-title .cs-line-1, #tools-hero .cs-content .cs-title .cs-line-2 {display: block;text-align: center;}#tools-hero .cs-content .cs-title .cs-line-2 {margin-top: 0.5rem;}#tools-hero .cs-content .cs-title .cs-gradient {display: inline;background: linear-gradient(90deg, var(--primary) 0%, var(--primaryLight) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}#tools-hero .cs-content .cs-text {font-size: 1.125rem;line-height: 1.6;color: var(--bodyTextColor);margin-bottom: 2rem;max-width: 40rem;margin-left: auto;margin-right: auto;text-align: center;width: 100%;}#tools-hero .cs-content .cs-buttons {display: flex;gap: 1rem;flex-wrap: wrap;justify-content: center;margin-bottom: 2rem;}#tools-hero .cs-content .cs-button-solid {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.875rem 2rem;background: linear-gradient(90deg, var(--primary) 0%, var(--primaryLight) 100%);color: #000;font-weight: 700;font-size: 1rem;border-radius: 0.5rem;text-decoration: none;border: none;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;}#tools-hero .cs-content .cs-button-solid:hover {transform: translateY(-2px);box-shadow: 0 4px 15px rgba(201, 169, 97, 0.4);}#tools-hero .cs-content .cs-button-transparent {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.875rem 2rem;background: transparent;color: var(--headerColor);font-weight: 700;font-size: 1rem;border: 2px solid var(--primary);border-radius: 0.5rem;text-decoration: none;cursor: pointer;transition: background 0.3s ease, color 0.3s ease;}#tools-hero .cs-content .cs-button-transparent .cs-icon {width: 1.25rem;height: 1.25rem;}#tools-hero .cs-content .cs-button-transparent:hover {background: var(--primary);color: #000;}}@media only screen and (min-width: 48rem) {#tools-hero .cs-content .cs-title {font-size: 3.5rem;}}@media only screen and (min-width: 64rem) {#tools-hero .cs-content .cs-title {font-size: 4rem;}}@media only screen and (min-width: 0rem) {#calculators {padding: var(--sectionPadding);padding-top: 3rem;padding-bottom: 3rem;background: #f8f8f8;}#calculators .cs-container {width: 100%;max-width: 80rem;margin: auto;padding: 0 1rem;text-align: center;}#calculators .cs-topper {font-size: 1rem;color: var(--primary);font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 1rem;display: block;text-align: center;}#calculators .cs-title {font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);font-weight: 900;color: var(--headerColor);margin-bottom: 1rem;margin-left: auto;margin-right: auto;}#calculators .cs-text {font-size: 1.125rem;color: var(--bodyTextColor);margin-bottom: 2rem;max-width: 40rem;margin-left: auto;margin-right: auto;}#calculators .calc-tabs {display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;margin-bottom: 2rem;}#calculators .calc-tab {padding: 0.625rem 1.25rem;border: 2px solid var(--primary);background: transparent;color: var(--headerColor);font-weight: 600;font-size: 0.9375rem;border-radius: 2rem;cursor: pointer;transition: all 0.3s ease;}#calculators .calc-tab:hover {background: rgba(201, 169, 97, 0.1);}#calculators .calc-tab.active {background: linear-gradient(90deg, var(--primary) 0%, var(--primaryLight) 100%);color: #000;border-color: var(--primary);}#calculators .calc-panel {display: none;text-align: left;}#calculators .calc-panel.active {display: block;}#calculators .calc-grid {display: grid;grid-template-columns: 1fr;gap: 2rem;}#calculators .calc-inputs, #calculators .calc-results {background: #fff;padding: 1.5rem;border-radius: 0.75rem;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}#calculators .calc-inputs h3, #calculators .calc-results h3 {font-size: 1.25rem;color: var(--headerColor);margin-bottom: 1.25rem;font-weight: 700;}#calculators .input-group {margin-bottom: 1rem;}#calculators .input-group label {display: block;font-size: 0.875rem;font-weight: 600;color: var(--bodyTextColor);margin-bottom: 0.375rem;}#calculators .input-group input[type=number], #calculators .input-group input[type=text], #calculators .input-group select {width: 100%;padding: 0.625rem 0.75rem;border: 1px solid #ddd;border-radius: 0.5rem;font-size: 1rem;color: var(--headerColor);background: #fff;transition: border-color 0.3s, box-shadow 0.3s;}#calculators .input-group input[type=number]:focus, #calculators .input-group input[type=text]:focus, #calculators .input-group select:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(201, 169, 97, 0.15);}#calculators .checkbox-group {display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem;}#calculators .checkbox-label {display: flex;align-items: center;gap: 0.5rem;font-size: 0.9375rem;color: var(--bodyTextColor);cursor: pointer;}#calculators .checkbox-label input[type=checkbox] {width: 1.125rem;height: 1.125rem;accent-color: var(--primary);}#calculators .result-row {display: flex;justify-content: space-between;align-items: center;padding: 0.75rem 0;border-bottom: 1px solid #eee;}#calculators .result-row span:first-child {font-size: 0.9375rem;color: var(--bodyTextColor);}#calculators .result-row .result-value {font-weight: 700;color: var(--headerColor);font-size: 1rem;}#calculators .result-row.result-total {border-bottom: none;border-top: 2px solid var(--primary);margin-top: 0.5rem;padding-top: 1rem;}#calculators .result-row.result-total span:first-child {font-weight: 800;color: var(--headerColor);font-size: 1.0625rem;}#calculators .result-row.result-total .result-value {font-size: 1.25rem;color: var(--primary);font-weight: 900;}#calculators #lawn-breakdown .result-row {padding: 0.5rem 0;}}@media only screen and (min-width: 48rem) {#calculators .calc-grid {grid-template-columns: 1fr 1fr;}#calculators .checkbox-group {grid-template-columns: 1fr 1fr 1fr;}}@media only screen and (min-width: 0rem) {#ai-demos {padding: var(--sectionPadding);padding-top: 3rem;padding-bottom: 3rem;}#ai-demos .cs-container {width: 100%;max-width: 80rem;margin: auto;padding: 0 1rem;text-align: center;}#ai-demos .cs-topper {font-size: 1rem;color: var(--primary);font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 1rem;display: block;text-align: center;}#ai-demos .cs-title {font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);font-weight: 900;color: var(--headerColor);margin-bottom: 1rem;margin-left: auto;margin-right: auto;}#ai-demos .cs-text {font-size: 1.125rem;color: var(--bodyTextColor);margin-bottom: 2.5rem;max-width: 40rem;margin-left: auto;margin-right: auto;}#ai-demos .demo-card {background: #fff;border-radius: 0.75rem;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);margin-bottom: 2rem;overflow: hidden;text-align: left;}#ai-demos .demo-header {background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);color: #fff;padding: 1.5rem;}#ai-demos .demo-header h3 {font-size: 1.25rem;font-weight: 700;margin-bottom: 0.5rem;}#ai-demos .demo-header p {font-size: 0.9375rem;opacity: 0.8;margin: 0;}#ai-demos .demo-body {padding: 1.5rem;}#ai-demos .chat-window {border: 1px solid #e0e0e0;border-radius: 0.5rem;overflow: hidden;margin-bottom: 1rem;}#ai-demos .chat-messages {height: 20rem;overflow-y: auto;padding: 1rem;display: flex;flex-direction: column;gap: 0.75rem;background: #fafafa;}#ai-demos .chat-bubble {max-width: 80%;padding: 0.75rem 1rem;border-radius: 1rem;font-size: 0.9375rem;line-height: 1.5;}#ai-demos .chat-bubble.bot {align-self: flex-start;background: #e8e8e8;color: #333;border-bottom-left-radius: 0.25rem;}#ai-demos .chat-bubble.user {align-self: flex-end;background: linear-gradient(135deg, var(--primary) 0%, var(--primaryLight) 100%);color: #000;border-bottom-right-radius: 0.25rem;}#ai-demos .chat-options {padding: 0.75rem 1rem;display: flex;flex-wrap: wrap;gap: 0.5rem;border-top: 1px solid #e0e0e0;background: #fff;}#ai-demos .chat-option-btn {padding: 0.5rem 1rem;border: 2px solid var(--primary);background: transparent;color: var(--headerColor);font-size: 0.875rem;font-weight: 600;border-radius: 2rem;cursor: pointer;transition: all 0.3s ease;min-height: 2.75rem;}#ai-demos .chat-option-btn:hover {background: var(--primary);color: #000;}#ai-demos .chat-reset {padding: 0.5rem 1.25rem;border: 1px solid #ccc;background: transparent;color: var(--bodyTextColor);font-size: 0.875rem;border-radius: 0.375rem;cursor: pointer;transition: all 0.3s ease;}#ai-demos .chat-reset:hover {border-color: var(--primary);color: var(--primary);}#ai-demos .social-gen-form {display: grid;grid-template-columns: 1fr;gap: 1rem;margin-bottom: 1.5rem;}#ai-demos .social-gen-form .input-group {margin-bottom: 0;}#ai-demos .social-gen-form .input-group label {display: block;font-size: 0.875rem;font-weight: 600;color: var(--bodyTextColor);margin-bottom: 0.375rem;}#ai-demos .social-gen-form .input-group input[type=text], #ai-demos .social-gen-form .input-group select {width: 100%;padding: 0.625rem 0.75rem;border: 1px solid #ddd;border-radius: 0.5rem;font-size: 1rem;color: var(--headerColor);background: #fff;transition: border-color 0.3s, box-shadow 0.3s;}#ai-demos .social-gen-form .input-group input[type=text]:focus, #ai-demos .social-gen-form .input-group select:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(201, 169, 97, 0.15);}#ai-demos .social-gen-form .cs-button-solid {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.875rem 2rem;background: linear-gradient(90deg, var(--primary) 0%, var(--primaryLight) 100%);color: #000;font-weight: 700;font-size: 1rem;border-radius: 0.5rem;text-decoration: none;border: none;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;}#ai-demos .social-gen-form .cs-button-solid:hover {transform: translateY(-2px);box-shadow: 0 4px 15px rgba(201, 169, 97, 0.4);}#ai-demos .social-gen-results {display: grid;grid-template-columns: 1fr;gap: 1rem;}#ai-demos .sg-post {border: 1px solid #e0e0e0;border-radius: 0.5rem;overflow: hidden;}#ai-demos .sg-post-header {padding: 0.75rem 1rem;background: #f5f5f5;border-bottom: 1px solid #e0e0e0;}#ai-demos .sg-platform {font-weight: 700;font-size: 0.875rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--primary);}#ai-demos .sg-post-body {padding: 1rem;font-size: 0.9375rem;line-height: 1.6;color: var(--bodyTextColor);margin: 0;white-space: pre-wrap;}#ai-demos .email-viz {display: grid;grid-template-columns: 1fr;gap: 1.5rem;margin-bottom: 1.5rem;}#ai-demos .email-timeline {display: flex;flex-direction: column;gap: 0;position: relative;}#ai-demos .email-node {display: flex;align-items: center;gap: 1rem;padding: 0.75rem;position: relative;cursor: pointer;transition: background 0.3s ease;border-radius: 0.5rem;}#ai-demos .email-node::before {content: "";width: 2rem;height: 2rem;min-width: 2rem;border-radius: 50%;border: 2px solid #ccc;background: #fff;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 1;}#ai-demos .email-node::after {content: "";position: absolute;left: calc(1.75rem - 1px);top: 2.75rem;width: 2px;height: calc(100% - 2rem);background: #ddd;}#ai-demos .email-node:last-child::after {display: none;}#ai-demos .email-node.active {background: rgba(201, 169, 97, 0.08);}#ai-demos .email-node.active::before {border-color: var(--primary);background: var(--primary);box-shadow: 0 0 0 4px rgba(201, 169, 97, 0.2);}#ai-demos .email-node.completed::before {border-color: var(--primary);background: var(--primary);}#ai-demos .email-node.completed::after {background: var(--primary);}#ai-demos .email-node .node-content {flex: 1;}#ai-demos .email-node .node-content .node-label {font-weight: 700;font-size: 0.9375rem;color: var(--headerColor);}#ai-demos .email-node .node-content .node-type {font-size: 0.8125rem;color: var(--bodyTextColor);opacity: 0.7;}#ai-demos .email-preview {background: #f8f8f8;border-radius: 0.5rem;padding: 1.5rem;min-height: 10rem;}#ai-demos .email-preview .preview-title {font-weight: 700;font-size: 1.125rem;color: var(--headerColor);margin-bottom: 0.5rem;}#ai-demos .email-preview .preview-type {font-size: 0.8125rem;color: var(--primary);font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 1rem;}#ai-demos .email-preview .preview-description {font-size: 0.9375rem;line-height: 1.6;color: var(--bodyTextColor);margin-bottom: 1rem;}#ai-demos .email-preview .preview-detail {font-size: 0.875rem;color: var(--bodyTextColor);opacity: 0.8;font-style: italic;}#ai-demos .email-nav {display: flex;align-items: center;justify-content: center;gap: 1.5rem;}#ai-demos .email-nav-btn {padding: 0.5rem 1.25rem;border: 2px solid var(--primary);background: transparent;color: var(--headerColor);font-weight: 600;font-size: 0.875rem;border-radius: 0.375rem;cursor: pointer;transition: all 0.3s ease;}#ai-demos .email-nav-btn:hover:not(:disabled) {background: var(--primary);color: #000;}#ai-demos .email-nav-btn:disabled {opacity: 0.4;cursor: not-allowed;}#ai-demos .email-step-indicator {font-weight: 600;font-size: 0.9375rem;color: var(--bodyTextColor);}}@media only screen and (min-width: 48rem) {#ai-demos .social-gen-form {grid-template-columns: 1fr 1fr;}#ai-demos .social-gen-form .cs-button-solid {grid-column: 1/-1;justify-self: start;}#ai-demos .social-gen-results {grid-template-columns: 1fr 1fr 1fr;}#ai-demos .email-viz {grid-template-columns: 1fr 1.5fr;}}@media only screen and (min-width: 0rem) {#tech-stack {padding: var(--sectionPadding);padding-top: 3rem;padding-bottom: 3rem;background: #f8f8f8;}#tech-stack .cs-container {width: 100%;max-width: 80rem;margin: auto;padding: 0 1rem;text-align: center;}#tech-stack .cs-topper {font-size: 1rem;color: var(--primary);font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 1rem;display: block;text-align: center;}#tech-stack .cs-title {font-size: clamp(1.9375rem, 3.9vw, 3.0625rem);font-weight: 900;color: var(--headerColor);margin-bottom: 1rem;margin-left: auto;margin-right: auto;}#tech-stack .cs-text {font-size: 1.125rem;color: var(--bodyTextColor);margin-bottom: 2rem;max-width: 40rem;margin-left: auto;margin-right: auto;}#tech-stack .tech-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}#tech-stack .tech-card {background: #fff;border-radius: 0.75rem;padding: 1.5rem 1rem;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);border: 2px solid transparent;transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}#tech-stack .tech-card:hover {transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);border-color: var(--primary);}#tech-stack .tech-card .tech-icon {margin-bottom: 0.75rem;}#tech-stack .tech-card h4 {font-size: 1rem;font-weight: 700;color: var(--headerColor);margin-bottom: 0.375rem;}#tech-stack .tech-card p {font-size: 0.8125rem;color: var(--bodyTextColor);line-height: 1.5;margin: 0;}}@media only screen and (min-width: 48rem) {#tech-stack .tech-grid {grid-template-columns: repeat(3, 1fr);}}@media only screen and (min-width: 64rem) {#tech-stack .tech-grid {grid-template-columns: repeat(4, 1fr);}}body.dark-mode #tools-hero {background: var(--dark);}body.dark-mode #tools-hero .cs-content .cs-title {color: #fff;}body.dark-mode #tools-hero .cs-content .cs-title .cs-gradient {background: linear-gradient(90deg, var(--primaryLight) 0%, var(--primary) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}body.dark-mode #tools-hero .cs-content .cs-text {color: #c0c0c0;}body.dark-mode #tools-hero .cs-content .cs-button-transparent {color: #fff;}body.dark-mode #tools-hero .cs-content .cs-button-transparent:hover {color: #000;}body.dark-mode #calculators {background: var(--medium);}body.dark-mode #calculators .cs-title {color: #fff;}body.dark-mode #calculators .cs-text {color: #c0c0c0;}body.dark-mode #calculators .calc-tab {color: #fff;border-color: var(--primary);}body.dark-mode #calculators .calc-tab:hover {background: rgba(201, 169, 97, 0.15);}body.dark-mode #calculators .calc-tab.active {color: #000;}body.dark-mode #calculators .calc-inputs, body.dark-mode #calculators .calc-results {background: var(--dark);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}body.dark-mode #calculators .calc-inputs h3, body.dark-mode #calculators .calc-results h3 {color: #fff;}body.dark-mode #calculators .input-group label {color: #c0c0c0;}body.dark-mode #calculators .input-group input[type=number], body.dark-mode #calculators .input-group input[type=text], body.dark-mode #calculators .input-group select {background: var(--medium);border-color: #444;color: #fff;}body.dark-mode #calculators .checkbox-label {color: #c0c0c0;}body.dark-mode #calculators .result-row {border-bottom-color: #333;}body.dark-mode #calculators .result-row span:first-child {color: #c0c0c0;}body.dark-mode #calculators .result-row .result-value {color: #fff;}body.dark-mode #calculators .result-row.result-total {border-top-color: var(--primary);}body.dark-mode #ai-demos {background: var(--dark);}body.dark-mode #ai-demos .cs-title {color: #fff;}body.dark-mode #ai-demos .cs-text {color: #c0c0c0;}body.dark-mode #ai-demos .demo-card {background: var(--medium);box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);}body.dark-mode #ai-demos .chat-messages {background: var(--dark);}body.dark-mode #ai-demos .chat-bubble.bot {background: #333;color: #e0e0e0;}body.dark-mode #ai-demos .chat-options {background: var(--medium);border-top-color: #444;}body.dark-mode #ai-demos .chat-option-btn {color: #fff;}body.dark-mode #ai-demos .chat-window {border-color: #444;}body.dark-mode #ai-demos .chat-reset {color: #c0c0c0;border-color: #555;}body.dark-mode #ai-demos .chat-reset:hover {border-color: var(--primary);color: var(--primary);}body.dark-mode #ai-demos .social-gen-form .input-group label {color: #c0c0c0;}body.dark-mode #ai-demos .social-gen-form .input-group input[type=text], body.dark-mode #ai-demos .social-gen-form .input-group select {background: var(--dark);border-color: #444;color: #fff;}body.dark-mode #ai-demos .sg-post {border-color: #444;}body.dark-mode #ai-demos .sg-post-header {background: var(--dark);border-bottom-color: #444;}body.dark-mode #ai-demos .sg-post-body {color: #c0c0c0;}body.dark-mode #ai-demos .email-node::before {border-color: #555;background: var(--medium);}body.dark-mode #ai-demos .email-node::after {background: #444;}body.dark-mode #ai-demos .email-node.active {background: rgba(201, 169, 97, 0.1);}body.dark-mode #ai-demos .email-node.active::before {border-color: var(--primary);background: var(--primary);}body.dark-mode #ai-demos .email-node.completed::before {border-color: var(--primary);background: var(--primary);}body.dark-mode #ai-demos .email-node.completed::after {background: var(--primary);}body.dark-mode #ai-demos .email-node .node-content .node-label {color: #fff;}body.dark-mode #ai-demos .email-preview {background: var(--dark);}body.dark-mode #ai-demos .email-preview .preview-title {color: #fff;}body.dark-mode #ai-demos .email-preview .preview-description {color: #c0c0c0;}body.dark-mode #ai-demos .email-preview .preview-detail {color: #aaa;}body.dark-mode #ai-demos .email-nav-btn {color: #fff;}body.dark-mode #ai-demos .email-step-indicator {color: #c0c0c0;}body.dark-mode #tech-stack {background: var(--medium);}body.dark-mode #tech-stack .cs-title {color: #fff;}body.dark-mode #tech-stack .cs-text {color: #c0c0c0;}body.dark-mode #tech-stack .tech-card {background: var(--dark);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}body.dark-mode #tech-stack .tech-card h4 {color: #fff;}body.dark-mode #tech-stack .tech-card p {color: #c0c0c0;}@media (prefers-reduced-motion: reduce) {.animate-fade-in, .animate-fade-in-delay, .animate-slide-up, .animate-scale-in, .result-pulse {animation: none !important;opacity: 1 !important;transform: none !important;}.email-node, .tech-card, .calc-tab, .chat-option-btn, .cs-button-solid, .cs-button-transparent, .email-nav-btn, .chat-reset {transition: none !important;}}