.about-hero{position:relative;padding:140px 0 100px;background-image:url(/assets/about_hero-Bo9tauCO.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:500px;display:flex;align-items:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0006);z-index:0}.about-hero .inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.hero-content{max-width:800px;animation:fadeInUp .8s ease-out}.about-hero h2{font-size:56px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.02em;text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero-subtitle{font-size:20px;color:#ffd600;text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-description{font-size:18px;color:#fff;line-height:1.8;margin-bottom:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.about-main{padding:100px 0;background:linear-gradient(180deg,#fff,#f8f9fa)}.about-main .inner{max-width:1200px;margin:0 auto;padding:0 20px}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.service-card{background:#fff;border-radius:16px;padding:48px;box-shadow:0 4px 24px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffd600,#ffed4e);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 48px #0000001f;border-color:#ffd6004d}.service-card:hover:before{transform:scaleX(1)}.service-card-header{margin-bottom:28px;position:relative}.service-number{display:inline-block;font-size:14px;font-weight:700;color:#ffd600;background:#ffd6001a;padding:6px 16px;border-radius:20px;margin-bottom:20px;letter-spacing:.05em;transition:all .3s ease}.service-card:hover .service-number{background:#ffd600;color:#333;transform:scale(1.05)}.service-card-header h3{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.5;margin:0;transition:color .3s ease}.service-card:hover .service-card-header h3{color:#000}.service-description{color:#666;line-height:1.8;font-size:15px;margin-bottom:28px}.service-list{list-style:none;padding:0;margin:0}.service-list li{color:#555;line-height:1.8;font-size:15px;margin-bottom:12px;padding-left:28px;position:relative;transition:all .3s ease}.service-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#ffd600;border-radius:50%;transition:all .3s ease}.service-card:hover .service-list li:before{width:8px;height:8px;top:9px;box-shadow:0 0 0 4px #ffd60033}.service-list li:last-child{margin-bottom:0}.contact-section{padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,214,0,.05) 0%,transparent 70%);border-radius:50%}.contact-section:after{content:"";position:absolute;bottom:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,214,0,.04) 0%,transparent 70%);border-radius:50%}.contact-section .inner{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-section h2{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:24px;letter-spacing:.02em}.contact-description{font-size:18px;color:#666;line-height:1.8;margin-bottom:48px}.btn-contact{display:inline-flex;align-items:center;gap:12px;padding:20px 48px;font-size:18px;font-weight:700;color:#333;background:#ffd600;border-radius:50px;text-decoration:none;box-shadow:0 8px 24px #ffd6004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-contact:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.btn-contact:hover{transform:translateY(-4px);box-shadow:0 16px 40px #ffd60066;background:#ffed4e}.btn-contact:hover:before{opacity:1}.btn-contact:active{transform:translateY(-2px);box-shadow:0 8px 24px #ffd60059}.btn-contact svg{transition:transform .3s ease}.btn-contact:hover svg{transform:translate(4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sp-only{display:none}@media(max-width:768px){.about-hero{padding:100px 0 60px;min-height:400px}.about-hero h2{font-size:40px}.hero-subtitle,.hero-description{font-size:16px}.about-main{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:24px}.service-card{padding:32px}.service-card-header h3{font-size:22px}.contact-section{padding:60px 0}.contact-section h2{font-size:32px}.contact-description{font-size:16px;margin-bottom:40px}.btn-contact{padding:16px 36px;font-size:16px}.sp-only{display:inline}}@media(max-width:480px){.about-hero{padding:80px 0 50px}.about-hero h2{font-size:32px}.hero-subtitle,.hero-description{font-size:14px}.service-card{padding:24px}.service-card-header h3{font-size:20px}.contact-section h2{font-size:28px}}@media(min-width:769px)and (max-width:1024px){.about-grid{grid-template-columns:repeat(2,1fr)}.service-card:last-child{grid-column:1 / -1;max-width:600px;margin:0 auto}}
