.about{padding:120px 0;background:#F8FAFC}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-image{position:relative}.about-image::before{content:"";position:absolute;top:-24px;left:-24px;width:120px;height:120px;border:2px solid rgb(200 163 77 / .4);border-radius:20px;z-index:0}.about-image img{position:relative;width:100%;display:block;border-radius:20px;box-shadow:0 4px 12px rgb(16 24 40 / .06),0 24px 60px rgb(16 24 40 / .12);z-index:1}.section-tag{display:inline-block;padding:8px 18px;background:#EEF6EE;color:#1D3A6E;border-radius:30px;font-size:13px;font-weight:600;letter-spacing:.5px;border:1px solid rgb(29 58 110 / .08)}.about-content h2{font-size:44px;color:#1D3A6E;margin:20px 0;line-height:1.2;letter-spacing:-.01em}.about-content p{color:#666;line-height:1.8;margin-bottom:18px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:45px 0}.stat-box{background:#fff;padding:30px 20px;border-radius:18px;text-align:center;box-shadow:0 4px 10px rgb(16 24 40 / .05),0 10px 30px rgb(16 24 40 / .08);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.stat-box:hover{transform:translateY(-8px);box-shadow:0 8px 16px rgb(16 24 40 / .07),0 20px 44px rgb(16 24 40 / .14)}.stat-box h3{font-size:42px;color:#1D3A6E;margin-bottom:10px;font-weight:800;letter-spacing:-.02em}.stat-box p{margin:0;color:#666}.btn-primary{display:inline-block;padding:14px 30px;background:#1D3A6E;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;box-shadow:0 8px 20px rgb(29 58 110 / .2);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .3s ease}.btn-primary:hover{background:#16315C;transform:translateY(-3px);box-shadow:0 12px 26px rgb(29 58 110 / .28)}@media(max-width:991px){.about-grid{grid-template-columns:1fr}.about-content{text-align:center}.about-image::before{display:none}.about-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.about-content h2{font-size:34px}.about-stats{grid-template-columns:1fr}}.about-page{background:#F8FAFC}.about-page section{padding:100px 0}.about-page .container{width:min(1200px,92%);margin:auto}.about-hero{position:relative;background:linear-gradient(180deg,#FBF9F6 0%,#ffffff 100%);padding:140px 0 110px;overflow:hidden}.about-hero::before{content:"";position:absolute;top:-120px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,rgb(184 134 69 / .08) 0%,#fff0 70%);border-radius:50%;pointer-events:none}.about-hero-content{position:relative;max-width:760px;z-index:1}.hero-subtitle{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:#B88645;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.hero-subtitle::before{content:"";display:inline-block;width:30px;height:2px;background:#B88645}.about-hero h1{margin:0 0 25px;font-size:64px;line-height:1.1;letter-spacing:-1px;color:#1D3A6E}.about-hero p{max-width:640px;margin-bottom:44px;color:#5A5A5A;font-size:18px;line-height:1.9}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-width:210px;height:58px;padding:0 34px;border-radius:10px;text-decoration:none;font-size:16px;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.hero-gold{background:#B88645;color:#ffffff!important;border:none;box-shadow:0 8px 20px rgb(184 134 69 / .28)}.hero-gold:hover{background:#A17337;color:#ffffff!important;transform:translateY(-3px);box-shadow:0 12px 26px rgb(184 134 69 / .36)}.hero-blue{background:#fff0;color:#1D3A6E!important;border:2px solid #1D3A6E}.hero-blue:hover{background:#1D3A6E;color:#ffffff!important;transform:translateY(-3px)}@media(max-width:768px){.about-hero{padding:80px 0 60px}.about-hero::before{width:260px;height:260px}.about-hero h1{font-size:42px}.about-hero p{font-size:16px}.hero-buttons{flex-direction:column}.hero-btn{width:100%}}.story-section{background:#fff}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px}.story-card{position:relative;background:#F8FAFC;padding:44px 34px;border-radius:22px;border:1px solid rgb(29 58 110 / .06);box-shadow:0 4px 12px rgb(16 24 40 / .04),0 12px 32px rgb(16 24 40 / .06);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.story-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgb(29 58 110 / .04),transparent 60%);opacity:0;transition:opacity .35s ease}.story-card:hover{transform:translateY(-10px);box-shadow:0 8px 20px rgb(16 24 40 / .06),0 24px 48px rgb(16 24 40 / .12)}.story-card:hover::before{opacity:1}.story-number{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1D3A6E,#2A4E8F);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:26px;box-shadow:0 6px 16px rgb(29 58 110 / .28);transition:transform .35s ease}.story-card:hover .story-number{transform:scale(1.08) rotate(-4deg)}.story-card h3{position:relative;color:#1D3A6E;margin-bottom:14px;font-size:22px;font-weight:700;letter-spacing:-.01em}.story-card p{position:relative;color:#5B6472;line-height:1.75;font-size:15.5px}@media (max-width:900px){.story-grid{grid-template-columns:1fr;gap:24px}}.vision-mission{background:#F8FAFC}.vm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.vm-card{background:#fff;padding:45px;border-radius:20px;box-shadow:0 12px 35px rgb(0 0 0 / .08)}.vm-card h2{color:#1D3A6E;margin:20px 0;font-size:34px}.vm-card p{color:#666;line-height:1.9}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:60px}.why-card{background:#fff;padding:35px;border-radius:18px;box-shadow:0 10px 30px rgb(0 0 0 / .08);transition:.3s}.why-card:hover{transform:translateY(-8px)}.why-card h3{color:#1D3A6E;margin-bottom:15px;font-size:24px}.why-card p{color:#666;line-height:1.8}@media(max-width:991px){.story-grid,.vm-grid,.why-grid{grid-template-columns:1fr}}.product-range{background:#fff}.range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:60px}.range-card{background:#F8FAFC;border-radius:18px;padding:35px 25px;text-align:center;transition:.35s;box-shadow:0 10px 25px rgb(0 0 0 / .06)}.range-card:hover{transform:translateY(-8px);background:#1D3A6E}.range-card h3{color:#1D3A6E;font-size:22px;transition:.35s}.range-card:hover h3{color:#fff}.export-markets{background:#F8FAFC}.markets-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.markets-image img{width:100%;display:block}.markets-content h2{color:#1D3A6E;font-size:42px;margin:20px 0}.markets-content p{color:#666;line-height:1.9;margin-bottom:30px}.markets-list{list-style:none;margin:0;padding:0}.markets-list li{padding:12px 0;color:#555;font-weight:600;border-bottom:1px solid #e7e7e7}.quality-section{background:#fff}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:60px}.quality-card{background:#F8FAFC;border-radius:18px;padding:35px;transition:.35s;box-shadow:0 10px 25px rgb(0 0 0 / .06)}.quality-card:hover{transform:translateY(-8px)}.quality-card h3{color:#1D3A6E;margin-bottom:15px;font-size:24px}.quality-card p{color:#666;line-height:1.8}.company-stats{background:#1D3A6E;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.company-stats .stat-box{background:rgb(255 255 255 / .08);box-shadow:none}.company-stats .stat-box h2{font-size:48px;color:#D4AF37;margin-bottom:10px}.company-stats .stat-box p{color:#fff}@media(max-width:991px){.range-grid{grid-template-columns:repeat(2,1fr)}.markets-grid{grid-template-columns:1fr}.quality-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.range-grid,.stats-grid{grid-template-columns:1fr}.markets-content h2{font-size:32px}}.process-section{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.process-step{background:#F8FAFC;padding:35px;border-radius:18px;text-align:center;position:relative;transition:.35s;box-shadow:0 10px 30px rgb(0 0 0 / .06)}.process-step:hover{transform:translateY(-8px)}.process-step span{width:70px;height:70px;margin:0 auto 25px;border-radius:50%;background:#1D3A6E;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.process-step h3{color:#1D3A6E;margin-bottom:15px;font-size:24px}.process-step p{color:#666;line-height:1.8}.about-cta{background:#fff;padding:100px 0}.cta-box{position:relative;max-width:1100px;margin:auto;background:linear-gradient(135deg,#1D3A6E 0%,#16294F 100%);border-radius:28px;padding:70px 60px;text-align:center;color:#fff;overflow:hidden;box-shadow:0 20px 50px rgb(29 58 110 / .22),0 8px 20px rgb(29 58 110 / .15)}.cta-box::before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;background:radial-gradient(circle,rgb(212 175 55 / .18),transparent 70%);pointer-events:none}.cta-box::after{content:"";position:absolute;bottom:-140px;left:-100px;width:280px;height:280px;background:radial-gradient(circle,rgb(255 255 255 / .06),transparent 70%);pointer-events:none}.cta-box .section-tag{position:relative;display:inline-block;background:rgb(255 255 255 / .12);color:#D4AF37;padding:8px 18px;border-radius:30px;letter-spacing:2px;font-size:13px;font-weight:600;border:1px solid rgb(212 175 55 / .25)}.cta-box h2{position:relative;font-size:48px;margin:25px 0 20px;line-height:1.2;color:#fff;letter-spacing:-.01em}.cta-box p{position:relative;max-width:700px;margin:0 auto 40px;color:#E8EDF5;line-height:1.8;font-size:17px}.cta-box .hero-buttons{position:relative;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cta-box .hero-primary{background:linear-gradient(135deg,#E4C158,#D4AF37);color:#1D3A6E;border:none;font-weight:700;box-shadow:0 8px 20px rgb(212 175 55 / .35);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .3s ease}.cta-box .hero-primary:hover{background:linear-gradient(135deg,#D4AF37,#bf9930);transform:translateY(-3px);box-shadow:0 12px 28px rgb(212 175 55 / .45)}.cta-box .hero-secondary{background:#fff0;border:2px solid rgb(255 255 255 / .7);color:#fff;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease,border-color .3s ease}.cta-box .hero-secondary:hover{background:#fff;color:#1D3A6E;border-color:#fff;transform:translateY(-3px)}@media(max-width:768px){.cta-box{padding:50px 25px;border-radius:22px}.cta-box h2{font-size:34px}.cta-box .hero-buttons{flex-direction:column}.cta-box .hero-buttons a{width:100%}}.story-card,.vm-card,.why-card,.range-card,.quality-card,.process-step,.stat-box{transition:.35s ease}.story-card:hover,.vm-card:hover,.why-card:hover,.range-card:hover,.quality-card:hover,.process-step:hover,.stat-box:hover{transform:translateY(-8px)}@media(max-width:991px){.process-grid{grid-template-columns:1fr}.cta-box{padding:50px 30px}.cta-box h2{font-size:36px}}@media(max-width:767px){.about-hero{min-height:520px}.about-hero h1{font-size:38px}.about-hero p{font-size:16px}.hero-buttons{flex-direction:column}.hero-btn{width:100%;text-align:center}.company-content h2,.markets-content h2{font-size:32px}.cta-box h2{font-size:30px}}