html,body{background:#0A0202;margin:0}
.about-story{padding:96px 0;background:#fff}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.story-text h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:#0F0F0F;margin-bottom:20px}
.story-text p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:16px}
.tl-item{display:flex;gap:20px;margin-bottom:28px;position:relative}
.tl-item:not(:last-child)::after{content:'';position:absolute;left:19px;top:44px;width:2px;height:calc(100% - 16px);background:linear-gradient(to bottom,#A50000,transparent);opacity:.18}
.tl-dot{width:40px;height:40px;border-radius:12px;background:#A50000;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:.8rem;color:#fff;box-shadow:0 4px 12px rgba(165,0,0,.3)}
.tl-body h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:.95rem;font-weight:700;color:#0F0F0F;margin-bottom:4px}
.tl-body p{font-size:.87rem;color:#666;line-height:1.55;margin:0}
.values-section{padding:96px 0;background:#FAF8F8}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.value-card{background:#fff;border:1px solid #EDE4E4;border-radius:20px;padding:32px 24px;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}
.value-card::before{content:'';position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(165,0,0,.05),transparent 70%);transition:transform .4s}
.value-card:hover{border-color:rgba(165,0,0,.2);box-shadow:0 16px 40px rgba(165,0,0,.07);transform:translateY(-4px);background:#fff}
.value-card:hover::before{transform:scale(2.5)}
.v-icon{width:52px;height:52px;border-radius:14px;background:rgba(165,0,0,.09);border:1px solid rgba(165,0,0,.18);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}
.v-icon i,.v-icon svg,.v-icon svg.svg-icon{color:#A50000 !important;fill:#A50000 !important;font-size:1.2rem;width:1.2rem !important;height:1.2rem !important}
.value-card:hover .v-icon{background:#A50000;border-color:#A50000}
.value-card:hover .v-icon i,.value-card:hover .v-icon svg,.value-card:hover .v-icon svg.svg-icon{color:#fff !important;fill:#fff !important}
.value-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:700;color:#0F0F0F;margin-bottom:10px}
.value-card p{font-size:.87rem;color:#666;line-height:1.65;margin:0}
.team-section{padding:96px 0;background:#fff}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.team-card{background:#FAF8F8;border:1px solid #EDE4E4;border-radius:24px;padding:36px;display:flex;gap:24px;align-items:flex-start;transition:all .3s}
.team-card:hover{border-color:rgba(165,0,0,.2);box-shadow:0 16px 40px rgba(165,0,0,.07);transform:translateY(-3px);background:#fff}
.team-avatar{width:64px;height:64px;border-radius:18px;flex-shrink:0;background:linear-gradient(135deg,#A50000,#D32F2F);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(165,0,0,.3)}
.team-avatar i,.team-avatar svg,.team-avatar svg.svg-icon{font-size:1.6rem;color:#fff !important;fill:#fff !important;width:1.6rem !important;height:1.6rem !important}
.team-info h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:700;color:#0F0F0F;margin-bottom:4px}
.team-role{font-size:.82rem;color:#A50000;font-weight:600;margin-bottom:12px}
.team-bio{font-size:.87rem;color:#666;line-height:1.65;margin-bottom:16px}
.team-tags{display:flex;flex-wrap:wrap;gap:7px}
.team-tag{font-size:.7rem;font-weight:600;color:#A50000;background:rgba(165,0,0,.07);border:1px solid rgba(165,0,0,.14);padding:3px 10px;border-radius:100px}
.why-section{padding:96px 0;background:#0A0202;position:relative;overflow:hidden}
.why-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 30% 50%,rgba(165,0,0,.12),transparent 65%);pointer-events:none}
.why-section .s-label{color:#FF8080}
.why-section .s-label::before{background:#A50000}
.why-section .s-title{color:#fff}
.why-section .s-sub{color:rgba(255,255,255,.5)}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;position:relative;z-index:1}
.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px;transition:all .3s}
.why-card:hover{background:rgba(165,0,0,.09);border-color:rgba(165,0,0,.25);transform:translateY(-3px)}
.why-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.2rem;font-weight:800;color:rgba(165,0,0,.3);line-height:1;margin-bottom:12px;letter-spacing:-.05em}
.why-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:8px}
.why-card p{font-size:.87rem;color:rgba(255,255,255,.5);line-height:1.65;margin:0}
.tech-about{padding:80px 0;background:#fff}
.tech-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.tech-about-card{background:#FAF8F8;border:1px solid #EDE4E4;border-radius:18px;padding:28px;transition:all .3s}
.tech-about-card:hover{border-color:rgba(165,0,0,.2);box-shadow:0 10px 30px rgba(165,0,0,.06);transform:translateY(-3px);background:#fff}
.tech-about-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A50000;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #EDE4E4}
.tech-list{display:flex;flex-direction:column;gap:9px}
.tech-row{display:flex;align-items:center;gap:10px;font-size:.87rem;color:#444;font-weight:500}
.tech-row i{color:#A50000;width:16px;font-size:.85rem;flex-shrink:0;opacity:.7}
@media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:48px}.values-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.tech-about-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.values-grid{grid-template-columns:1fr}.tech-about-grid{grid-template-columns:1fr}}