/* ===== CSS Variables ===== */
:root {
    --primary: #1B5E20;
    --primary-mid: #2E7D32;
    --primary-light: #43A047;
    --primary-lighter: #66BB6A;
    --primary-pale: #A5D6A7;
    --primary-bg: #E8F5E9;
    --primary-bg-light: #f1f8e9;
    --primary-gradient: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #43A047 100%);
    --primary-gradient-light: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 50%, #A5D6A7 100%);
    --accent: #00BFA5;
    --gold: #C6A04B;
    --text-dark: #0D1B0F;
    --text-primary: #1a1a1a;
    --text-secondary: #4a5568;
    --text-light: #fff;
    --bg-white: #fff;
    --bg-light: #fafcfa;
    --bg-cream: #f7f9f4;
    --border: #d4e4d4;
    --border-light: #e8f0e8;
    --shadow-xs: 0 1px 3px rgba(27,94,32,0.04);
    --shadow-sm: 0 2px 8px rgba(27,94,32,0.06);
    --shadow: 0 4px 20px rgba(27,94,32,0.08);
    --shadow-md: 0 8px 30px rgba(27,94,32,0.1);
    --shadow-lg: 0 16px 50px rgba(27,94,32,0.12);
    --shadow-glow: 0 0 40px rgba(67,160,71,0.15);
    --radius: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --container-width: 1140px;
}

/* ===== Reset ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:18px;}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:var(--text-primary);line-height:1.9;background:var(--bg-white);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{text-decoration:none;color:inherit;transition:color 0.3s ease;}
img{max-width:100%;display:block;}
ul,ol{list-style:none;}
.container{max-width:var(--container-width);margin:0 auto;padding:0 32px;}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;border-radius:60px;font-size:17px;font-weight:600;cursor:pointer;transition:var(--transition);border:2px solid transparent;text-align:center;letter-spacing:0.3px;}
.btn-primary{background:var(--primary-gradient);color:var(--text-light);box-shadow:0 4px 16px rgba(27,94,32,0.25);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(27,94,32,0.35);}
.btn-outline{background:transparent;color:var(--primary-mid);border-color:var(--primary-mid);}
.btn-outline:hover{background:var(--primary-mid);color:var(--text-light);transform:translateY(-2px);}
.btn-sm{padding:10px 24px;font-size:15px;}
.btn-block{width:100%;justify-content:center;}
.btn-glow{animation:btnGlow 2s ease-in-out infinite;}
@keyframes btnGlow{0%,100%{box-shadow:0 4px 16px rgba(27,94,32,0.25);}50%{box-shadow:0 4px 28px rgba(67,160,71,0.4);}}

/* ===== Navbar ===== */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid rgba(212,228,212,0.6);transition:var(--transition);}
.navbar.scrolled{box-shadow:var(--shadow);background:rgba(255,255,255,0.95);}
.navbar .container{display:flex;align-items:center;justify-content:space-between;height:72px;}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--primary-mid);letter-spacing:-0.5px;}
.logo-icon{font-size:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));}
.nav-menu{display:flex;align-items:center;gap:2px;list-style:none;}
.nav-link{padding:10px 16px;border-radius:10px;font-size:15px;font-weight:500;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--primary-light);border-radius:1px;transition:all 0.3s ease;transform:translateX(-50%);}
.nav-link:hover{color:var(--primary-mid);background:var(--primary-bg);}
.nav-link:hover::after{width:20px;}
.nav-link.active{color:var(--primary-mid);background:var(--primary-bg);}
.nav-link.active::after{width:20px;}
.nav-cta{background:var(--primary-gradient)!important;color:var(--text-light)!important;padding:10px 24px!important;border-radius:50px!important;box-shadow:0 2px 10px rgba(27,94,32,0.2);}
.nav-cta::after{display:none!important;}
.nav-cta:hover{box-shadow:0 4px 18px rgba(27,94,32,0.3);transform:translateY(-1px);}
.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:5px;}
.menu-toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition);}

/* ===== Page Header ===== */
.page-header{padding:130px 0 60px;background:var(--primary-gradient-light);text-align:center;position:relative;overflow:hidden;}
.page-header::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,0.5) 0%,transparent 70%);border-radius:50%;}
.page-header h1{font-size:42px;font-weight:800;color:var(--text-dark);margin-bottom:14px;letter-spacing:-0.5px;}
.page-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;}
.breadcrumb{font-size:14px;color:var(--text-secondary);margin-bottom:18px;position:relative;z-index:1;}
.breadcrumb a{color:var(--primary-mid);font-weight:500;}
.breadcrumb a:hover{text-decoration:underline;}

/* ===== Hero ===== */
.hero{position:relative;min-height:94vh;display:flex;align-items:center;padding-top:72px;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:linear-gradient(145deg,#E8F5E9 0%,#C8E6C9 25%,#A5D6A7 50%,#81C784 75%,#66BB6A 100%);z-index:-2;}
.hero-bg::before{content:'';position:absolute;top:-30%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,0.4) 0%,transparent 65%);border-radius:50%;animation:heroFloat 8s ease-in-out infinite;}
.hero-bg::after{content:'';position:absolute;bottom:-20%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,0.25) 0%,transparent 70%);border-radius:50%;animation:heroFloat 10s ease-in-out infinite reverse;}
@keyframes heroFloat{0%,100%{transform:translate(0,0);}50%{transform:translate(20px,-20px);}}
.hero-content{max-width:680px;position:relative;z-index:1;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border-radius:50px;font-size:15px;font-weight:500;color:var(--primary-mid);margin-bottom:28px;border:1px solid rgba(255,255,255,0.8);box-shadow:var(--shadow-sm);}
.hero h1{font-size:52px;font-weight:900;color:var(--text-dark);line-height:1.2;margin-bottom:20px;letter-spacing:-1px;}
.hero h1 span{display:inline;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-subtitle{font-size:20px;color:var(--text-secondary);line-height:1.8;margin-bottom:36px;font-weight:400;}
.hero-actions{display:flex;gap:16px;margin-bottom:52px;}
.hero-stats{display:flex;gap:48px;padding:28px 36px;background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.9);box-shadow:var(--shadow);}
.stat-item{text-align:center;}
.stat-number{display:block;font-size:38px;font-weight:900;color:var(--primary-mid);line-height:1.2;}
.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500;}

/* ===== Section ===== */
.section{padding:100px 0;position:relative;}
.section-header{text-align:center;margin-bottom:60px;}
.section-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;background:var(--primary-bg);color:var(--primary-mid);border-radius:50px;font-size:14px;font-weight:600;margin-bottom:18px;border:1px solid var(--border-light);}
.section-header h2{font-size:38px;font-weight:800;color:var(--text-dark);margin-bottom:12px;letter-spacing:-0.5px;}
.section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7;}
.section-alt{background:var(--bg-light);}
.section-dark{background:var(--primary-gradient);color:var(--text-light);}
.section-dark .section-header h2{color:var(--text-light);}
.section-dark .section-header p{color:rgba(255,255,255,0.8);}

/* ===== Cards Grid ===== */
.cards-grid{display:grid;gap:28px;}
.cards-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.cards-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.cards-grid.cols-4{grid-template-columns:repeat(4,1fr);}

.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:36px;transition:var(--transition);position:relative;overflow:hidden;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform 0.4s ease;transform-origin:left;}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--primary-pale);}
.card:hover::before{transform:scaleX(1);}
.card-icon{font-size:44px;margin-bottom:18px;display:block;}
.card h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-dark);}
.card p{font-size:16px;color:var(--text-secondary);line-height:1.8;}

/* ===== Features Row ===== */
.features-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.feature-item{text-align:center;padding:44px 32px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:var(--transition);position:relative;overflow:hidden;}
.feature-item::after{content:'';position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity 0.4s ease;z-index:0;}
.feature-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent;}
.feature-item:hover::after{opacity:0.03;}
.feature-item>*{position:relative;z-index:1;}
.feature-icon{font-size:52px;margin-bottom:20px;display:block;}
.feature-item h3{font-size:22px;font-weight:700;margin-bottom:10px;color:var(--text-dark);}
.feature-item p{font-size:16px;color:var(--text-secondary);line-height:1.7;}

/* ===== Tabs ===== */
.tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap;}
.tab-btn{padding:12px 24px;border:1px solid var(--border);background:var(--bg-white);border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition);color:var(--text-secondary);}
.tab-btn.active,.tab-btn:hover{background:var(--primary-mid);color:var(--text-light);border-color:var(--primary-mid);box-shadow:0 4px 12px rgba(46,125,50,0.2);}
.tab-panel{display:none;animation:tabIn .4s ease;}
.tab-panel.active{display:block;}
@keyframes tabIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* ===== Timeline ===== */
.timeline{position:relative;max-width:760px;margin:0 auto;padding-left:20px;}
.timeline::before{content:'';position:absolute;left:62px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-lighter),var(--primary-pale),var(--primary-bg));border-radius:2px;}
.timeline-item{position:relative;padding-left:130px;margin-bottom:40px;}
.timeline-marker{position:absolute;left:20px;top:6px;width:88px;padding:8px 0;text-align:center;background:var(--primary-gradient);color:var(--text-light);border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(27,94,32,0.2);}
.timeline-body{background:var(--bg-white);border-radius:var(--radius-lg);padding:30px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition);}
.timeline-body:hover{box-shadow:var(--shadow-md);transform:translateX(4px);}
.timeline-body h3{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--text-dark);}
.timeline-body p{font-size:16px;color:var(--text-secondary);line-height:1.8;}
.timeline-tip{margin-top:12px;font-size:14px;color:var(--primary-mid);background:var(--primary-bg);padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-weight:500;}

/* ===== FAQ ===== */
.faq-list{max-width:800px;margin:0 auto;}
.faq-item{margin-bottom:12px;background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:var(--transition);}
.faq-item:hover{border-color:var(--primary-pale);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:none;border:none;cursor:pointer;font-size:17px;font-weight:600;color:var(--text-dark);text-align:left;transition:var(--transition);gap:16px;}
.faq-q:hover{color:var(--primary-mid);}
.faq-toggle{font-size:24px;font-weight:300;color:var(--primary-light);transition:var(--transition);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-bg);}
.faq-item.open .faq-toggle{transform:rotate(45deg);background:var(--primary-mid);color:var(--text-light);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.faq-a p{padding:0 28px 22px;color:var(--text-secondary);line-height:1.9;font-size:16px;}
.faq-item.open .faq-a{max-height:600px;}

/* ===== Analysis Colors ===== */
.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.color-card{padding:32px;background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition);position:relative;overflow:hidden;}
.color-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;transition:height 0.3s ease;}
.color-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.color-card:hover::after{height:6px;}
.color-dot{width:48px;height:48px;border-radius:14px;margin-bottom:18px;box-shadow:var(--shadow-sm);}
.color-card h4{font-size:19px;font-weight:700;margin-bottom:10px;color:var(--text-dark);}
.color-card p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:12px;}
.color-tag{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;background:var(--primary-bg);color:var(--primary-mid);border-radius:6px;font-size:13px;font-weight:600;}

/* ===== Contact ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.contact-form-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:44px;box-shadow:var(--shadow-md);border:1px solid var(--border-light);}
.contact-form-card h3{font-size:24px;font-weight:700;margin-bottom:8px;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-dark);}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:16px;transition:var(--transition);font-family:inherit;background:var(--bg-light);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 4px rgba(67,160,71,0.1);background:var(--bg-white);}

/* ===== Footer ===== */
.footer{background:var(--text-dark);color:rgba(255,255,255,0.7);padding:56px 0 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.08);}
.footer h4{font-size:16px;color:var(--text-light);margin-bottom:16px;font-weight:600;}
.footer p,.footer a{font-size:14px;margin-bottom:8px;}
.footer a{display:block;transition:var(--transition);padding:3px 0;}
.footer a:hover{color:var(--primary-lighter);padding-left:6px;}
.footer-brand h3{font-size:20px;color:var(--text-light);margin:10px 0 8px;font-weight:700;}
.footer-bottom{padding:24px 0;text-align:center;font-size:13px;}

/* ===== Back to Top ===== */
.back-top{position:fixed;bottom:28px;right:28px;width:50px;height:50px;background:var(--primary-gradient);color:var(--text-light);border:none;border-radius:50%;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;}
.back-top.show{opacity:1;visibility:visible;}
.back-top:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg);}

/* ===== Animations ===== */
.fade-up{opacity:1;transform:translateY(0);transition:opacity 0.7s ease,transform 0.7s ease;}
.fade-up.animate{opacity:0;transform:translateY(30px);}
.fade-up.animate.visible{opacity:1;transform:translateY(0);}
.fade-left{opacity:1;transform:translateX(0);transition:opacity 0.7s ease,transform 0.7s ease;}
.fade-left.animate{opacity:0;transform:translateX(-30px);}
.fade-left.animate.visible{opacity:1;transform:translateX(0);}
.fade-right{opacity:1;transform:translateX(0);transition:opacity 0.7s ease,transform 0.7s ease;}
.fade-right.animate{opacity:0;transform:translateX(30px);}
.fade-right.animate.visible{opacity:1;transform:translateX(0);}
.scale-in{opacity:1;transform:scale(1);transition:opacity 0.6s ease,transform 0.6s ease;}
.scale-in.animate{opacity:0;transform:scale(0.9);}
.scale-in.animate.visible{opacity:1;transform:scale(1);}

/* Counter animation */
.counter{display:inline-block;}

/* Floating animation */
.float{animation:float 3s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* Pulse animation */
.pulse{animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}

/* Shimmer */
.shimmer{position:relative;overflow:hidden;}
.shimmer::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:shimmer 3s infinite;}
@keyframes shimmer{0%{left:-100%;}100%{left:100%;}}

/* Typing */
.typing{overflow:hidden;white-space:nowrap;border-right:3px solid var(--primary-mid);animation:typing 3s steps(20) forwards, blink 0.8s infinite;}
@keyframes typing{from{width:0;}to{width:100%;}}
@keyframes blink{0%,100%{border-color:var(--primary-mid);}50%{border-color:transparent;}}

/* Progress bar */
.progress-bar{height:6px;background:var(--border-light);border-radius:3px;overflow:hidden;}
.progress-fill{height:100%;background:var(--primary-gradient);border-radius:3px;transition:width 1.5s cubic-bezier(0.4,0,0.2,1);}

/* Hover lift */
.hover-lift{transition:var(--transition);}
.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}

/* Gradient text */
.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* Glass effect */
.glass{background:rgba(255,255,255,0.7);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.8);}

/* Responsive */
@media(max-width:1024px){
    .features-row,.cards-grid.cols-3,.cards-grid.cols-4{grid-template-columns:repeat(2,1fr);}
    .color-grid{grid-template-columns:repeat(2,1fr);}
    .footer-grid{grid-template-columns:repeat(2,1fr);}
    .contact-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
    html{font-size:15px;}
    .menu-toggle{display:flex;}
    .nav-menu{position:fixed;top:64px;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);gap:2px;}
    .nav-menu.active{transform:translateY(0);opacity:1;visibility:visible;}
    .hero .container{flex-direction:column!important;gap:24px!important;}
    .hero .container img{width:220px!important;transform:rotate(0deg)!important;}
    .hero h1{font-size:26px;line-height:1.3;}
    .hero-subtitle{font-size:15px;line-height:1.7;}
    .hero-stats{flex-direction:row;gap:12px;padding:16px;flex-wrap:wrap;justify-content:center;}
    .stat-item{flex:1;min-width:80px;}
    .stat-number{font-size:24px;}
    .stat-label{font-size:12px;}
    .hero-actions{flex-direction:column;gap:10px;}
    .hero-actions .btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px;}
    .page-header{padding:90px 0 28px;}
    .page-header h1{font-size:24px;}
    .page-header p{font-size:15px;}
    .section{padding:44px 0;}
    .section-header{margin-bottom:32px;}
    .section-header h2{font-size:22px;}
    .section-header p{font-size:14px;}
    .features-row,.cards-grid.cols-2,.cards-grid.cols-3,.cards-grid.cols-4{grid-template-columns:1fr;gap:16px;}
    .color-grid{grid-template-columns:1fr;gap:16px;}
    .grid-2{grid-template-columns:1fr!important;gap:16px!important;}
    .card{padding:20px;border-radius:14px;}
    .card h3{font-size:17px;}
    .card p{font-size:14px;line-height:1.7;}
    .card-icon{font-size:36px;margin-bottom:12px;}
    .feature-item{padding:28px 20px;}
    .feature-item h3{font-size:18px;}
    .feature-item p{font-size:14px;}
    .feature-icon{font-size:40px;}
    .timeline::before{left:22px;}
    .timeline-item{padding-left:68px;margin-bottom:24px;}
    .timeline-marker{left:0;width:54px;font-size:11px;padding:6px 0;}
    .timeline-body{padding:18px;}
    .timeline-body h3{font-size:16px;}
    .timeline-body p{font-size:14px;}
    .timeline-tip{font-size:12px;padding:6px 12px;}
    .footer-grid{grid-template-columns:1fr;gap:20px;}
    .contact-form-card{padding:20px;}
    .contact-grid{gap:24px;}
    .faq-q{font-size:15px;padding:16px 18px;}
    .faq-a p{font-size:14px;padding:0 18px 14px;}
    .btn{padding:12px 24px;font-size:14px;}
    .tabs{gap:6px;}
    .tab-btn{padding:10px 16px;font-size:13px;}
    .color-card{padding:20px;}
    .color-card h4{font-size:16px;}
    .color-card p{font-size:13px;}
    .section-badge{font-size:12px;padding:5px 12px;}
    .back-top{width:40px;height:40px;font-size:16px;bottom:16px;right:16px;}
    /* Mobile performance: disable heavy animations */
    .hero-bg::before,.hero-bg::after{animation:none;}
    .float{animation:none;}
    .pulse{animation:none;}
    .btn-glow{animation:none;}
    .shimmer::after{animation:none;}
    .card:hover,.feature-item:hover,.color-card:hover{transform:none;box-shadow:var(--shadow-sm);}
    .card::before{display:none;}
    .timeline-body:hover{transform:none;}
}
@media(max-width:480px){
    .hero{min-height:auto;padding:80px 0 36px;}
    .hero h1{font-size:22px;}
    .hero-badge{font-size:12px;padding:6px 14px;}
    .hero-stats{flex-direction:column;gap:8px;padding:14px;}
    .stat-item{min-width:auto;}
    .tabs{flex-direction:column;}
    .tab-btn{width:100%;}
    .page-header h1{font-size:22px;}
    .section-header h2{font-size:20px;}
    .card{padding:16px;}
    .grid-2{gap:12px!important;}
}