.culture-calculator-hero{background:var(--background-gray);text-align:center;padding:120px 0 40px}.culture-calculator-hero .container{max-width:900px;margin:0 auto}.culture-calculator-hero .hero-wrapper{max-width:700px;margin:0 auto}.culture-calculator-hero .hero-title{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700;line-height:var(--line-height-tight);letter-spacing:-.02em;margin-bottom:16px}.culture-calculator-hero .hero-subtitle{font-size:var(--font-size-xl);color:var(--coral);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-weight:600}.culture-calculator-hero .hero-description{font-size:var(--font-size-lg);color:var(--text-medium);font-weight:400;line-height:var(--line-height-relaxed);opacity:.9;margin-bottom:0}.culture-calculator-placeholder-section{padding:0 0 var(--section-padding);background:var(--background-gray);text-align:center}.culture-calculator-placeholder-section .container{max-width:1200px;margin:0 auto}.culture-calculator-placeholder-section .calculator-screenshot{justify-content:center;align-items:center;margin:0 auto;display:flex}.culture-calculator-placeholder-section .calculator-screenshot img{border-radius:var(--border-radius-lg);max-width:100%;height:auto;box-shadow:var(--shadow-lg);transition:var(--transition-smooth)}.culture-calculator-placeholder-section .calculator-screenshot img:hover{transform:var(--hover-lift);box-shadow:0 20px 40px #00000026}@media (max-width:768px){.culture-calculator-hero{padding:100px 0 30px}.culture-calculator-hero .hero-title{font-size:var(--font-size-xl)}.culture-calculator-hero .hero-subtitle{font-size:var(--font-size-lg)}.culture-calculator-hero .hero-description{font-size:var(--font-size-base)}.culture-calculator-placeholder-section{padding:0 0 var(--section-padding-mobile)}.culture-calculator-placeholder-section .container{padding:0 var(--container-padding-mobile)}}@media (max-width:1024px) and (min-width:769px){.culture-calculator-hero .hero-title{font-size:var(--font-size-xl)}.culture-calculator-hero .hero-description{font-size:var(--font-size-base)}.culture-calculator-placeholder-section .container{max-width:900px}}.calculator-layout{--primary-color:var(--forest-primary,#125251);--coral:var(--coral-primary,#cb7a7c);--teal:var(--teal-primary,#91bfbe);--teal-soft:var(--teal-soft,#e8f4f3);--background-gray:#f8fafc;--white:#f8f9fa;--background:var(--background-gray);--foreground:#1a1a1a;--card:var(--white);--card-foreground:#1a1a1a;--primary:var(--primary-color);--primary-foreground:var(--white);--secondary:#f0f0f0;--secondary-foreground:#1a1a1a;--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#1a1a1a;--ring:#125251;--border:#0000001a}.calculator-layout .calculator-header{color:var(--primary-color);font-family:var(--font-heading);padding:40px 0;font-size:clamp(2.5rem,5vw,3rem);font-weight:600;line-height:1.2}.calculator-layout .calculator-subheader{font-family:var(--font-body);color:#6b7280;font-size:1.125rem}.calculator-layout .section-title{font-family:var(--font-heading);color:var(--primary-color);font-size:18px;font-weight:600}.calculator-layout .cost-amount{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3rem);font-weight:700;line-height:1.1}.calculator-layout .savings-amount{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.1}.calculator-layout .form-label{font-family:var(--font-body);color:var(--primary-color);font-size:1rem;font-weight:500}.calculator-layout .helper-text{font-family:var(--font-body);color:#6b7280;font-size:.875rem}.calculator-layout .footer-text{font-family:var(--font-body);color:#9ca3af;font-size:.75rem}.calculator-layout .cost-card{border-color:var(--coral);font-family:var(--font-heading);background-color:#cb7a7c1a}.calculator-layout .cost-text{color:var(--coral);font-family:var(--font-heading)}.calculator-layout .savings-card{background-color:var(--teal-soft);border-color:var(--teal)}.calculator-layout .savings-text{color:var(--primary-color);font-family:var(--font-heading)}.calculator-layout .teal-accent{color:var(--teal);font-family:var(--font-heading)}.calculator-layout .primary-button{background-color:var(--primary-color);color:var(--white);font-family:var(--font-heading);font-size:1rem;font-weight:600}.calculator-layout .primary-button:hover{background-color:#125251e6}.calculator-layout .modern-card{background:#fff;border:1px solid #0000000d;border-radius:12px;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.calculator-layout .modern-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.calculator-layout .form-section-title{font-family:var(--font-heading);color:var(--primary-color);align-items:center;gap:.5rem;font-size:18px;font-weight:600;display:flex}.calculator-layout [class*=CardTitle],.calculator-layout h2,.calculator-layout h3{font-weight:600;color:var(--primary-color)!important;font-size:18px!important}.calculator-layout .slider-display{text-align:center;font-family:var(--font-heading);color:var(--primary-color);background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;font-weight:600}.calculator-layout .progress-complete{border-color:var(--teal);background:#91bfbe0d}.calculator-layout .progress-incomplete{background:#fff;border-color:#e5e7eb}.calculator-layout .calculate-button{background:var(--primary-color);color:#fff;font-family:var(--font-heading);font-weight:600;transition:all .2s}.calculator-layout .calculate-button:hover:not(:disabled){background:#125251e6;transform:translateY(-1px)}.calculator-layout .calculate-button:disabled{color:#d1d5db;cursor:not-allowed;background:#9ca3af}.calculator-layout .gradient-bg{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%)}.calculator-layout .coral-progress .bg-primary{background-color:var(--coral)}.calculator-layout .teal-progress .bg-primary{background-color:var(--teal)}.calculator-layout .calculator-card-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600}.calculator-layout .calculator-card-content{font-family:var(--font-body);font-size:1rem}.calculator-layout .calculator-select-label{font-family:var(--font-body);color:var(--primary-color);margin-bottom:.5rem;font-size:1rem;font-weight:500}.calculator-layout .calculator-input{font-family:var(--font-body);font-size:1rem}.calculator-layout .percentage-text{font-family:var(--font-heading);font-size:.875rem;font-weight:600}.calculator-layout .breakdown-item-name{font-family:var(--font-body);font-size:1rem;font-weight:500}.calculator-layout .breakdown-item-amount{font-family:var(--font-heading);font-size:1rem;font-weight:600}.calculator-layout [data-orientation=horizontal]{height:1rem}.calculator-layout .bg-muted{background-color:var(--muted)!important}.calculator-layout .bg-primary{background-color:var(--primary)!important}.calculator-layout .bg-background{background-color:var(--white)!important}.calculator-layout .border-primary{border-color:var(--primary)!important}.calculator-layout .ring-ring\/50{--tw-ring-color:#12525180}.calculator-layout .space-y-4>*+*{margin-top:1rem}.calculator-layout .space-y-6>*+*{margin-top:1.5rem}.calculator-layout .gap-6{gap:1.5rem}.calculator-layout .gap-3{gap:.75rem}.calculator-layout .rounded-lg{border-radius:.5rem}.calculator-layout .rounded{border-radius:.25rem}.calculator-layout .rounded-full{border-radius:9999px}.calculator-layout [data-radix-popper-content-wrapper]{z-index:9999}.calculator-layout [role=tooltip]{color:#1f2937!important;background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:.375rem!important;max-width:300px!important;padding:.5rem .75rem!important;font-size:.75rem!important;line-height:1.5!important;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a!important}
.culture-calculator-page-main .culture-calculator-hero{background-image:linear-gradient(to bottom,transparent 95%,var(--background-gray)100%),url(/assets/images/calc-hero-background.png);z-index:10;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:600px;min-height:600px;max-height:600px;display:flex;position:relative;overflow:visible}.culture-calculator-page-main .hero-honeycomb{z-index:3;opacity:1;filter:brightness(0)invert();animation:8s ease-in-out infinite calculator-floatAndRotate;position:absolute;top:10%;right:-100px}@keyframes calculator-floatAndRotate{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.culture-calculator-page-main .container{z-index:4;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.culture-calculator-page-main .hero-wrapper{z-index:4;text-align:center;max-width:900px;color:var(--white);margin:0 auto;position:relative}.culture-calculator-page-main .hero-title{font-family:var(--font-hero);font-size:var(--font-size-3xl);color:var(--primary-color);text-shadow:none;margin-bottom:1rem;font-weight:400;line-height:1.2}.culture-calculator-page-main .hero-subtitle{color:var(--coral);text-transform:none;margin-bottom:1.5rem;font-family:Caveat,cursive;font-size:80px;font-style:italic;font-weight:700;line-height:1}.culture-calculator-page-main .hero-description{font-family:var(--font-sans);font-size:var(--font-size-lg);color:var(--primary-color);max-width:800px;text-shadow:none;margin:0 auto;font-weight:400;line-height:1.6}@media (max-width:1024px){.culture-calculator-page-main .culture-calculator-hero{height:auto;min-height:600px;overflow:visible}.culture-calculator-page-main .hero-honeycomb,.culture-calculator-page-main .culture-calculator-hero>div:last-child{display:none}.culture-calculator-page-main .hero-title{font-size:var(--font-size-2xl)}.culture-calculator-page-main .hero-subtitle{font-size:60px}.culture-calculator-page-main .hero-description{font-size:var(--font-size-base)}}@media (max-width:768px){.culture-calculator-page-main .culture-calculator-hero{padding:60px 20px 40px}.culture-calculator-page-main .hero-wrapper{max-width:100%;padding:0 1rem}.culture-calculator-page-main .hero-title{font-size:var(--font-size-xl)}.culture-calculator-page-main .hero-subtitle{margin-bottom:1rem;font-size:50px}.culture-calculator-page-main .hero-description{font-size:var(--font-size-sm)}}@media (max-width:480px){.culture-calculator-page-main .culture-calculator-hero{padding:40px 16px 30px}.culture-calculator-page-main .hero-wrapper{padding:0 .5rem}.culture-calculator-page-main .hero-title{font-size:var(--font-size-lg)}.culture-calculator-page-main .hero-subtitle{margin-bottom:.75rem;font-size:40px}.culture-calculator-page-main .hero-description{font-size:var(--font-size-xs)}}
