/* Arrow Fresh - Static Site CSS */
/* Based on Laravel/Tailwind build */

/* CSS Reset and Base */
*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}

html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Lato,sans-serif;font-feature-settings:normal;-webkit-tap-highlight-color:transparent}

body{margin:0;line-height:inherit;min-height:100vh;width:100%;overflow-x:hidden;padding:0;overflow-y:auto}

hr{height:0;color:inherit;border-top-width:1px}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}

a{color:inherit;text-decoration:inherit}

b,strong{font-weight:bolder}

button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}

button,select{text-transform:none}

button{-webkit-appearance:button;background-color:transparent;background-image:none}

img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}

img,video{max-width:100%;height:auto}

[hidden]{display:none}

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&family=Raleway:wght@300;400;500;600;700&display=swap');

/* Color Variables */
:root {
    --color-primary: #bc6c25;
    --color-secondary: #dda15e;
    --color-dark: #283618;
    --color-light: #fefae0;
    --color-orange: #f7941d;
    --color-green: #5c7744;
}

/* Container */
.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
@media(min-width:640px){.container{max-width:640px}}
@media(min-width:768px){.container{max-width:768px;padding-left:2rem;padding-right:2rem}}
@media(min-width:1024px){.container{max-width:1024px}}
@media(min-width:1280px){.container{max-width:1280px}}
@media(min-width:1536px){.container{max-width:1536px}}

.container-80{width:80%;margin:0 auto}

/* CTA Button */
.cta-button{margin-top:.625rem;margin-bottom:.625rem;display:inline-block;border-radius:30px;background-color:var(--color-primary);padding:.375rem 3rem;color:#fff;text-decoration:none;transition:all .3s ease}
.cta-button:hover{background-color:var(--color-primary);color:#fff;border-radius:100px 0/100px 0}
.sticky-cta{background-color:var(--color-light);color:var(--color-dark)}
.sticky-cta:hover{background-color:var(--color-light);color:var(--color-dark);border-radius:100px 0/100px 0}

/* Navigation */
.nav-link{position:relative;color:#fff;transition:color .3s ease}
.nav-link:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:var(--color-primary);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}
.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:bottom left}
.nav-link:hover,.nav-link:focus,.nav-link:active,.nav-link.active{color:#fff}

/* Header */
header{transition:background-color .3s ease}
header.bg-dark{background-color:var(--color-dark)}
header.scrolled{background-color:var(--color-dark)}

/* Mobile Menu */
#mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:300px;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:100}
#mobile-menu.open{transform:translateX(0)}

/* Hamburger Icon */
.hamburger-icon{width:30px;height:20px;position:relative;cursor:pointer}
.hamburger-icon span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;transition:.25s ease-in-out}
.hamburger-icon span:nth-child(1){top:0}
.hamburger-icon span:nth-child(2){top:10px}
.hamburger-icon span:nth-child(3){top:20px}
.hamburger-icon.open span:nth-child(1){top:10px;transform:rotate(135deg)}
.hamburger-icon.open span:nth-child(2){opacity:0;left:-60px}
.hamburger-icon.open span:nth-child(3){top:10px;transform:rotate(-135deg)}

/* Logo Carousel */
.logos-container{width:80%;overflow:hidden;white-space:nowrap;position:relative}
.logos-slide{display:inline-block;animation:slide 30s linear infinite}
@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Float Animation */
@keyframes float{0%{box-shadow:0 5px 15px rgba(0,0,0,.6);transform:translateY(0)}50%{box-shadow:0 25px 15px rgba(0,0,0,.2);transform:translateY(-20px)}100%{box-shadow:0 5px 15px rgba(0,0,0,.6);transform:translateY(0)}}
.float-animation{animation:float 6s ease-in-out infinite}

/* Underline Effect */
.underline-effect{position:relative;display:inline-block}
.underline-effect:after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:currentColor;animation:underline-animation 1.5s infinite}
@keyframes underline-animation{0%{transform:scaleX(0);transform-origin:left}25%{transform:scaleX(1);transform-origin:left}50%{transform:scaleX(1);transform-origin:right}75%{transform:scaleX(0);transform-origin:right}100%{transform:scaleX(0);transform-origin:left}}

/* Video Background */
.bg-video-container{position:relative;width:100%;height:40vh;overflow:hidden;z-index:-1;background:var(--color-dark)}
.bg-video{width:100%;height:100%;object-fit:cover}

/* Hero Video Loading State */
.hero-video-wrapper{position:relative;background:var(--color-dark)}
.hero-video-wrapper::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, var(--color-dark) 0%, #1a2e0f 100%);z-index:0}
.hero-video-wrapper video{position:relative;z-index:1}

/* Timeline */
.timeline-container{position:relative;padding-top:50px}
#progress-bar-container{position:absolute;top:0;bottom:0;width:2px;background-color:#e0e0e0;z-index:1}
#progress-bar{background-color:#dc2626;width:100%;height:0%;transition:height .5s ease;z-index:1}
.timeline-item{position:relative;margin-bottom:50px}
.timeline-pin{position:absolute;left:50%;transform:translateX(-50%);z-index:2;background-color:#ef4444;border-radius:9999px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:white}
.timeline-title{display:none}

@media(min-width:640px){
    .timeline-pin{position:static;transform:none}
    .timeline-title{display:inline;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);font-weight:700;color:#ef4444;white-space:nowrap}
    .timeline-item:nth-child(2n) .timeline-title{left:auto;right:calc(100% + 10px)}
}

/* Accordion */
.accordion-icon{transition:transform .3s ease}

/* Utility Classes */
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}
.inset-0{top:0;right:0;bottom:0;left:0}
.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}
.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}
.flex{display:flex}.inline-block{display:inline-block}.block{display:block}.grid{display:grid}.hidden{display:none}
.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}.items-center{align-items:center}
.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}
.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}
.space-x-10>:not([hidden])~:not([hidden]){margin-left:2.5rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}
.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-5\/6{width:83.333333%}.w-11\/12{width:91.666667%}
.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}
.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}
.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-48{height:12rem}
.min-h-screen{min-height:100vh}.min-h-\[70vh\]{min-height:70vh}
.max-w-6xl{max-width:72rem}.max-w-\[90\%\]{max-width:90%}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}
.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}
.-mx-4{margin-left:-1rem;margin-right:-1rem}
.p-2{padding:.5rem}.p-4{padding:1rem}
.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}
.pb-8{padding-bottom:2rem}.pl-7{padding-left:1.75rem}.pt-8{padding-top:2rem}.pr-4{padding-right:1rem}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}
.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
.font-heading{font-family:Raleway,sans-serif}.font-sans{font-family:Lato,sans-serif}
.uppercase{text-transform:uppercase}
.tracking-tight{letter-spacing:-.025em}.tracking-\[0\.3em\]{letter-spacing:.3em}
.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}
.text-white{color:#fff}.text-dark{color:var(--color-dark)}.text-light{color:var(--color-light)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}
.text-gray-100{color:#f3f4f6}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}
.text-\[\#f7941d\]{color:#f7941d}
.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-dark{background-color:var(--color-dark)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}
.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}
.bg-\[\#5c7744\]{background-color:#5c7744}
.bg-red-500{background-color:#ef4444}
.bg-transparent{background-color:transparent}
.bg-opacity-50{background-color:rgba(0,0,0,.5)}.bg-opacity-75{background-color:rgba(0,0,0,.75)}
.bg-cover{background-size:cover}.bg-center{background-position:center}
.object-cover{object-fit:cover}
.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-\[40\%\]{border-radius:40%}
.border{border-width:1px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}
.border-gray-300{border-color:#d1d5db}.border-white{border-color:#fff}
.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}
.grayscale{filter:grayscale(100%)}
.transition{transition:all .15s ease}.transition-all{transition:all .15s ease}.transition-transform{transition:transform .15s ease}
.duration-300{transition-duration:.3s}
.ease-in-out{transition-timing-function:ease-in-out}
.transform{transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0))}
.translate-x-full{--tw-translate-x:100%}
.rotate-180{--tw-rotate:180deg;transform:rotate(180deg)}
.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}
.whitespace-nowrap{white-space:nowrap}
.cursor-pointer{cursor:pointer}
.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}
.order-1{order:1}.order-2{order:2}.order-3{order:3}
.underline{text-decoration:underline}

/* Grid */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Hover States */
.hover\:bg-primary:hover{background-color:var(--color-primary)}
.hover\:bg-secondary:hover{background-color:var(--color-secondary)}
.hover\:bg-opacity-80:hover{opacity:.8}
.hover\:text-\[\#f7941d\]:hover{color:#f7941d}
.hover\:text-gray-300:hover{color:#d1d5db}
.hover\:text-white:hover{color:#fff}
.hover\:opacity-100:hover{opacity:1}
.hover\:grayscale-0:hover{filter:grayscale(0)}
.focus\:outline-none:focus{outline:none}

/* Responsive */
@media(min-width:640px){
    .sm\:w-1\/3{width:33.333333%}.sm\:w-5\/6{width:83.333333%}.sm\:w-auto{width:auto}
    .sm\:h-16{height:4rem}.sm\:w-16{width:4rem}
    .sm\:max-w-\[80\%\]{max-width:80%}.sm\:max-h-\[40px\]{max-height:40px}
    .sm\:flex-row{flex-direction:row}
    .sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}
    .sm\:gap-10{gap:2.5rem}.sm\:gap-x-6{column-gap:1.5rem}
    .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sm\:mb-3{margin-bottom:.75rem}.sm\:mb-16{margin-bottom:4rem}
    .sm\:mt-6{margin-top:1.5rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-16{margin-top:4rem}
    .sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
    .sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}
    .sm\:pt-10{padding-top:2.5rem}
    .sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}
    .sm\:leading-8{line-height:2rem}
    .sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-3{order:3}
    .sm\:block{display:block}.sm\:inline{display:inline}
}

@media(min-width:768px){
    .md\:w-1\/2{width:50%}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}
    .md\:max-w-\[70\%\]{max-width:70%}.md\:max-h-\[50px\]{max-height:50px}
    .md\:flex-row{flex-direction:row}
    .md\:items-center{align-items:center}
    .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .md\:gap-12{gap:3rem}
    .md\:space-y-0>:not([hidden])~:not([hidden]){margin-top:0}
    .md\:mb-0{margin-bottom:0}.md\:mb-4{margin-bottom:1rem}
    .md\:mt-0{margin-top:0}.md\:mt-8{margin-top:2rem}.md\:mt-20{margin-top:5rem}
    .md\:px-8{padding-left:2rem;padding-right:2rem}
    .md\:py-4{padding-top:1rem;padding-bottom:1rem}
    .md\:pr-8{padding-right:2rem}.md\:pt-12{padding-top:3rem}
    .md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}
    .md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}
    .md\:block{display:block}.md\:hidden{display:none}
}

@media(min-width:1024px){
    .lg\:w-1\/2{width:50%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}
    .lg\:max-w-\[60\%\]{max-width:60%}
    .lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}
    .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    .lg\:mb-0{margin-bottom:0}
    .lg\:mt-24{margin-top:6rem}
    .lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}
    .lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}
    .lg\:pr-8{padding-right:2rem}
    .lg\:text-6xl{font-size:3.75rem;line-height:1}
    .lg\:order-1{order:1}.lg\:order-2{order:2}
}

@media(min-width:1280px){
    .xl\:w-\[40\%\]{width:40%}.xl\:w-\[60\%\]{width:60%}
    .xl\:max-w-\[50\%\]{max-width:50%}
    .xl\:flex{display:flex}.xl\:inline{display:inline}.xl\:hidden{display:none}
}

/* SVG Icons */
.svg-icon{filter:brightness(0) saturate(100%)}

/* Timeline About Page Specific */
@media(min-width:640px){
    .timeline-container{max-width:100%;margin:0 auto;position:relative}
    #progress-bar-container{left:50%;transform:translateX(-50%)}
    .timeline-item{display:flex;align-items:center;margin-bottom:4rem;position:relative}
    .timeline-item:nth-child(even){flex-direction:row-reverse}
    .timeline-item>div:first-child{flex:1;padding:0 1rem}
    .timeline-item>div:first-child img{width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:8px}
    .timeline-item>div:nth-child(2){flex:0 0 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .timeline-item>div:last-child{flex:1;padding:0 1rem}
    .timeline-title{position:absolute;top:50%;transform:translateY(-50%);font-weight:bold;color:#ef4444;margin-left:1rem}
    .timeline-item:nth-child(odd) .timeline-title{left:calc(70% + 1rem);text-align:right}
    .timeline-item:nth-child(even) .timeline-title{right:calc(70% + 1rem);text-align:left}
}

@media(max-width:639px){
    .timeline-container{max-width:100%;padding:0 1rem}
    .timeline-item{flex-direction:column;margin-bottom:3rem;position:relative}
    .timeline-item>div:first-child{width:100%;margin-left:2rem}
    .timeline-item>div:nth-child(2){position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:10}
    .timeline-title{display:block;position:relative;margin-bottom:.7rem;margin-left:0;text-align:left}
}

/* Technology Page Section Content */
.section-content{display:none}
.section-content.active{display:block}

/* Aspect Ratio for Video Embeds */
.pb-\[56\.25\%\]{padding-bottom:56.25%}

/* Z-index utilities */
.z-1{z-index:1}

/* Inline-flex utility */
.inline-flex{display:inline-flex;align-items:center}

/* Contact Page Email CTA */
.email-cta-card {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
    border-radius: 1.5rem;
    padding: 3rem;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0,0,0,.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.email-cta-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px rgba(0,0,0,.2);
}

.email-cta-icon {
    width: 80px;
    height: 80px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 2rem;
    color: white;
}

.email-cta-title {
    font-family: Raleway, sans-serif;
    font-size: 1.75rem;
    font-weight: 600;
    color: white;
    margin-bottom: 0.75rem;
}

.email-cta-subtitle {
    font-size: 1rem;
    color: rgba(255,255,255,.85);
    margin-bottom: 2rem;
    line-height: 1.6;
}

.email-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: white;
    color: var(--color-dark);
    padding: 1rem 2.5rem;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 1.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,.1);
}

.email-cta-button:hover {
    background: var(--color-dark);
    color: white;
    transform: scale(1.05);
}

.email-cta-button i {
    font-size: 1.25rem;
}

.email-cta-note {
    margin-top: 1rem;
    font-size: 0.875rem;
    color: rgba(255,255,255,.6);
}

/* Contact Info Cards */
.contact-info-card {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
    transition: transform 0.3s ease;
}

.contact-info-card:hover {
    transform: translateY(-3px);
}

.contact-info-icon {
    width: 50px;
    height: 50px;
    background: var(--color-secondary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.contact-info-label {
    font-size: 0.875rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.contact-info-value {
    font-size: 1.125rem;
    color: var(--color-dark);
    font-weight: 600;
}

/* WhatsApp Floating Button */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
    z-index: 1000;
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 25px rgba(37, 211, 102, 0.5);
}

.whatsapp-float i {
    color: white;
    font-size: 32px;
}