/* Header */
.icona-header{position:fixed;top:0;width:100%;z-index:1000;background:linear-gradient(to right,var(--header-bg-start),var(--header-bg-end));backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);box-shadow:0 2px 10px var(--header-shadow)}
body{padding-top:80px}
.icona-nav-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem}
.icona-nav-flex{display:flex;align-items:center;justify-content:space-between}
.icona-logo{display:flex;align-items:center;gap:0.75rem;font-size:1.5rem;font-weight:700;color:var(--logo-text);text-decoration:none;transition:all .3s}
.icona-logo-wrapper{position:relative}
.icona-logo-img{height:2rem;width:auto}
.icona-logo-icon{height:2rem;width:2rem;transition:transform .3s}
.icona-logo:hover .icona-logo-icon{transform:scale(1.1)}
.icona-logo-glow{position:absolute;inset:0;background:var(--logo-glow);border-radius:9999px;filter:blur(1rem);opacity:0;transition:opacity .3s}
.icona-logo:hover .icona-logo-glow{opacity:1}
.icona-logo-text{background:linear-gradient(to right,var(--logo-gradient-start),var(--logo-gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.icona-desktop-menu{display:none;align-items:center;gap:2rem}
@media(min-width:1024px){.icona-desktop-menu{display:flex}}
.icona-menu-list{display:flex;align-items:center;gap:0.5rem;list-style:none;margin:0;padding:0}
.icona-menu-item{position:relative}
.icona-menu-link,.icona-menu-trigger{position:relative;padding:0.5rem 1rem;font-weight:500;color:var(--menu-text);text-decoration:none;transition:all .3s;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:0.25rem}
.icona-menu-link:hover,.icona-menu-trigger:hover{color:var(--menu-hover)}
.icona-menu-highlight{position:absolute;inset:0;background:var(--menu-hover-bg);border-radius:0.5rem;transform:scale(0);transition:transform .3s}
.icona-menu-link:hover .icona-menu-highlight,.icona-menu-trigger:hover .icona-menu-highlight{transform:scale(1)}
.icona-menu-link span,.icona-menu-trigger span{position:relative;z-index:10}

/* Mega Menu */
.icona-mega-menu{position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:0.5rem;display:none;z-index:100}
.icona-mega-show{display:block}
.icona-mega-content{width:800px;padding:1.5rem;background:var(--mega-bg);backdrop-filter:blur(20px);border:1px solid var(--mega-border);border-radius:1rem;box-shadow:0 20px 25px -5px var(--mega-shadow)}
.icona-mega-header{margin-bottom:1.5rem}
.icona-mega-title{display:flex;align-items:center;gap:0.5rem;font-size:1.125rem;font-weight:700;color:var(--mega-title);margin:0 0 0.5rem 0}
.icona-mega-desc{font-size:0.875rem;color:var(--mega-desc);margin:0}
.icona-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.icona-service-item{display:block;padding:1rem;border-radius:0.75rem;border:1px solid transparent;text-decoration:none;transition:all .3s}
.icona-service-item:hover{background:var(--service-hover-bg);border-color:var(--service-hover-border);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}
.icona-service-content{display:flex;align-items:start;gap:0.75rem}
.icona-service-icon{font-size:1.5rem}
.icona-service-text{flex:1}
.icona-service-title{font-size:0.875rem;font-weight:600;color:var(--service-text);margin-bottom:0.25rem;transition:color .3s}
.icona-service-item:hover .icona-service-title{color:var(--service-hover-text)}
.icona-service-desc{font-size:0.75rem;color:var(--mega-desc);margin:0;line-height:1.4}
.icona-mega-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--mega-border)}
.icona-mega-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:500;color:var(--service-hover-text);text-decoration:none;transition:opacity .3s}
.icona-mega-link:hover{opacity:0.8}

/* CTA Button */
.icona-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1.5rem;font-weight:600;color:var(--cta-text);background:linear-gradient(to right,var(--cta-gradient-start),var(--cta-gradient-end));border-radius:0.75rem;box-shadow:0 10px 15px -3px var(--cta-shadow);text-decoration:none;transition:all .3s}
.icona-cta-button:hover{background:linear-gradient(to right,var(--cta-hover-start),var(--cta-hover-end));box-shadow:0 20px 25px -5px var(--cta-shadow)}

/* Mobile */
.icona-mobile-toggle{display:block;padding:0.5rem;background:none;border:none;cursor:pointer;color:var(--menu-text)}
@media(min-width:1024px){.icona-mobile-toggle{display:none}}
.icona-mobile-menu{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:999;display:none}
.icona-menu-open{display:block}
.icona-mobile-menu-content{position:absolute;right:0;top:0;height:100%;width:280px;background:#fff;padding:1.5rem;overflow-y:auto}
.icona-mobile-close{margin-bottom:1.5rem;padding:0.5rem;background:none;border:none;cursor:pointer;font-size:1.5rem}
.icona-mobile-list{list-style:none;margin:0;padding:0}
.icona-mobile-list li{margin-bottom:1rem}
.icona-mobile-list a{color:var(--menu-text);text-decoration:none;display:block;padding:0.5rem}
.icona-mobile-list a:hover{color:var(--menu-hover)}

/* Footer */
.icona-footer{background:var(--footer-bg);color:#fff;padding:3rem 0}
.icona-footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}
.icona-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}
.icona-footer-logo-wrapper{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}
.icona-footer-logo-img{height:2.5rem;width:auto}
.icona-footer-logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(to bottom right,var(--footer-logo-gradient-start),var(--footer-logo-gradient-end));border-radius:0.5rem;display:flex;align-items:center;justify-content:center;color:#fff}
.icona-footer-logo-wrapper h3{font-size:1.5rem;font-weight:700;color:var(--footer-logo-text);margin:0}
.icona-footer-tagline{color:var(--footer-tagline);margin:0}
.icona-footer-col h4{font-size:1.125rem;font-weight:600;color:var(--footer-heading);margin:0 0 1rem 0}
.icona-footer-menu{list-style:none;margin:0;padding:0}
.icona-footer-menu li{margin-bottom:0.5rem}
.icona-footer-menu a{color:var(--footer-link);text-decoration:none;transition:color .3s}
.icona-footer-menu a:hover{color:var(--footer-link-hover)}
.icona-footer-bottom{border-top:1px solid var(--footer-border);padding-top:2rem;text-align:center}
.icona-footer-bottom p{color:var(--footer-copyright);margin:0}