/* ═══════════════════════════════════════════
   WEBSITE STYLES
   ═══════════════════════════════════════════ */

/* NAVBAR */
.navbar{position:fixed;top:0;width:100%;z-index:1000;height:80px;background:var(--color-dark);transition:background-color var(--transition-base),box-shadow var(--transition-base)}
.navbar.transparent{background:transparent}
.navbar.scrolled{background:var(--color-dark);box-shadow:var(--shadow-md)}
.navbar__inner{max-width:1400px;margin:0 auto;padding:0 var(--space-xl);height:100%;display:flex;align-items:center;justify-content:space-between}
.navbar__logo{display:flex;align-items:center}
.navbar__logo-text{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-white);letter-spacing:-0.02em}
.navbar__menu{display:flex;align-items:center;gap:var(--space-xs)}
.navbar__link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:rgba(255,255,255,0.75);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);position:relative}
.navbar__link:hover,.navbar__link.active{color:var(--color-primary);background:rgba(var(--color-primary-rgb), 0.1)}
.navbar__link.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-primary)}
.navbar__cta{margin-left:var(--space-sm)}
.navbar__toggle{display:none;flex-direction:column;gap:5px;width:30px;background:none;border:none;padding:5px;cursor:pointer}
.navbar__toggle-bar{width:100%;height:2px;background:var(--color-white);transition:all var(--transition-base)}
.navbar__overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-base)}
.navbar__overlay.active{opacity:1;visibility:visible}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-dark);overflow:hidden;text-align:center;padding:var(--space-xl)}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFAB00' fill-opacity='0.05'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.6}
.hero__content{position:relative;z-index:1;max-width:900px}
.hero__title{font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--color-white);line-height:var(--leading-tight);margin-bottom:var(--space-lg);animation:fadeInUp 0.8s ease}
.hero__subtitle{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-2xl);animation:fadeInUp 0.8s ease 0.2s both}
.hero__actions{display:flex;gap:var(--space-base);justify-content:center;animation:fadeInUp 0.8s ease 0.4s both}
.hero__decoration{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,var(--surface-primary),transparent)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* PAGE HERO (Inner pages) */
.page-hero{background:var(--color-dark);padding:140px 0 60px;text-align:center;position:relative}
.page-hero::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--color-primary)}
.page-hero__title{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-white);margin-bottom:var(--space-sm)}
.page-hero__breadcrumb{font-size:var(--text-sm);color:var(--text-muted)}
.page-hero__breadcrumb a{color:var(--color-primary)}

/* SECTIONS */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}
.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}
.split__image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;background:var(--color-light)}
.split__image img{width:100%;height:100%;object-fit:cover}

/* ABOUT PREVIEW */
.about-preview__content{max-width:500px}
.about-preview__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-base)}

/* INDUSTRY CARD */
.industry-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border-bottom:3px solid transparent}
.industry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-bottom-color:var(--color-primary)}
.industry-card__icon{font-size:2.5rem;margin-bottom:var(--space-base)}
.industry-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}

/* STATS ROW */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);margin:var(--space-3xl) 0;background:var(--color-light);padding:var(--space-2xl);border-radius:var(--radius-lg)}
.stat-item{text-align:center}
.stat-item__number{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-primary)}
.stat-item__label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}

/* CTA */
.cta{background:var(--color-dark);padding:var(--space-5xl) 0;text-align:center;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(var(--color-primary-rgb),0.08),transparent 50%)}
.cta__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-white);margin-bottom:var(--space-base);position:relative}
.cta__text{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-2xl);position:relative}

/* FOOTER */
.footer{background:var(--color-dark);color:var(--color-white);padding:var(--space-5xl) 0 0}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3xl)}
.footer__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-base)}
.footer__heading{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-primary);margin-bottom:var(--space-lg)}
.footer__text{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}
.footer__links li{margin-bottom:var(--space-sm)}
.footer__links a{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-primary)}
.footer__bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:var(--space-3xl);padding:var(--space-lg) 0;text-align:center;font-size:var(--text-xs);color:var(--text-muted)}

/* NEWS CARD */
.news-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.news-card__image{height:200px;background:var(--color-light);overflow:hidden}
.news-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}
.news-card:hover .news-card__image img{transform:scale(1.05)}
.news-card__body{padding:var(--space-lg)}
.news-card__date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-sm)}
.news-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}
.news-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}

/* CONTACT FORM */
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl)}
.contact-info{display:flex;flex-direction:column;gap:var(--space-xl)}
.contact-info__item{display:flex;gap:var(--space-base);align-items:flex-start}
.contact-info__icon{font-size:var(--text-2xl);color:var(--color-primary)}

/* INVOICE VERIFY */
.verify-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4xl)}
.verify-card{max-width:500px;width:100%;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}
.verify-card__header{background:var(--color-dark);color:var(--color-white);padding:var(--space-2xl);text-align:center}
.verify-card__badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:rgba(46,125,79,0.2);color:#4CAF50;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-base)}
.verify-card__title{font-size:var(--text-2xl);font-weight:var(--weight-bold)}
.verify-card__body{padding:var(--space-2xl)}
.verify-card__row{display:flex;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--color-light)}
.verify-card__label{font-size:var(--text-sm);color:var(--text-secondary)}
.verify-card__value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}
.verify-card__footer{padding:var(--space-lg) var(--space-2xl);background:var(--color-light);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}

/* ARTICLE DETAIL */
.article-content{max-width:800px;margin:0 auto;padding:var(--space-4xl) var(--space-lg)}
.article-content h1{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-base)}
.article-content .article-meta{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-light)}
.article-content .article-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}
.article-content .article-body p{margin-bottom:var(--space-lg)}
.article-content .article-body h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:var(--space-2xl) 0 var(--space-base)}
.article-content .article-body img{border-radius:var(--radius-lg);margin:var(--space-xl) 0}