/* About Page — from tech/index.html */
.sec-badge {
    display:inline-block; padding:.5rem 1.5rem; border-radius:999px;
    background:linear-gradient(135deg,rgba(241,126,31,.12),rgba(243,144,63,.18));
    color:var(--orange-primary); font-size:.82rem; font-weight:900;
    text-transform:uppercase; letter-spacing:2px; margin-bottom:1.5rem;
}
.sec-title { font-size:clamp(1.9rem,4vw,3rem); letter-spacing:-2px; line-height:1.2; margin-bottom:1.2rem; }
.sec-sub { font-size:1.1rem; color:var(--text-muted); line-height:1.75; }
.sec-header { text-align:center; max-width:780px; margin:0 auto 5rem; }
.btn-orange {
    background:linear-gradient(135deg,var(--orange-primary),var(--orange-light));
    color:white; padding:1rem 2.5rem; border-radius:999px; text-decoration:none;
    font-weight:800; font-size:1rem; display:inline-flex; align-items:center; gap:.8rem;
    box-shadow:0 10px 35px rgba(241,126,31,.4); transition:all .4s;
}
.btn-orange:hover { transform:translateY(-3px); box-shadow:0 15px 50px rgba(241,126,31,.5); }

@keyframes fadeUp { from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);} }
@keyframes floatUp { 0%,100%{transform:translate(0,0);}50%{transform:translate(8px,-12px);} }
@keyframes gradMove{0%,100%{transform:translate(0,0) rotate(0deg);}33%{transform:translate(4%,-4%) rotate(120deg);}66%{transform:translate(-4%,4%) rotate(240deg);}}
@keyframes gridSlide{0%{transform:translate(0,0);}100%{transform:translate(50px,50px);}}

/* 1. Page Hero */
.page-about .page-hero {
    min-height: 60vh; display:flex; align-items:center;
    background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 55%,#0f1117 100%);
    color:white; position:relative; overflow:hidden; padding-top:90px;
}
.page-about .page-hero::before {
    content:''; position:absolute; inset:-50%;
    background: radial-gradient(circle at 20% 30%,rgba(241,126,31,.4) 0%,transparent 50%),
        radial-gradient(circle at 80% 70%,rgba(255,180,50,.2) 0%,transparent 50%);
    animation:gradMove 20s ease infinite;
}
.page-about .grid-overlay {
    position:absolute; inset:0;
    background-image:linear-gradient(rgba(241,126,31,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(241,126,31,.04) 1px,transparent 1px);
    background-size:50px 50px; animation:gridSlide 30s linear infinite;
}
.page-about .orb { position:absolute; border-radius:50%; filter:blur(60px); opacity:.5; animation:orbF 15s ease-in-out infinite; }
.page-about .orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(241,126,31,.5) 0%,transparent 70%);top:5%;left:5%;}
.page-about .orb-2{width:280px;height:280px;background:radial-gradient(circle,rgba(255,200,80,.4) 0%,transparent 70%);bottom:10%;right:8%;animation-delay:5s;}
@keyframes orbF{0%,100%{transform:translate(0,0);}33%{transform:translate(40px,-40px);}66%{transform:translate(-40px,40px);}}
.hero-inner {
    max-width:1400px; margin:0 auto; padding:4rem 3rem;
    position:relative; z-index:2;
    display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center;
}
.hero-left { animation:fadeUp 1s ease-out .3s both; }
.breadcrumb { display:flex; align-items:center; gap:.6rem; font-size:.85rem; font-weight:700; color:rgba(255,255,255,.55); margin-bottom:1.5rem; }
.breadcrumb a { color:rgba(255,255,255,.55); text-decoration:none; transition:color .3s; }
.breadcrumb a:hover { color:var(--orange-light); }
.breadcrumb i { font-size:.6rem; }
.breadcrumb span { color:var(--orange-light); }
.page-hero h1 { font-size:clamp(2.5rem,5vw,4rem); line-height:1.1; letter-spacing:-3px; margin-bottom:1rem; }
.page-hero p { font-size:1.15rem; color:rgba(255,255,255,.78); line-height:1.85; margin-bottom:2rem; }
.hero-badges { display:flex; gap:1rem; flex-wrap:wrap; }
.hb-pill {
    display:inline-flex; align-items:center; gap:.6rem; padding:.6rem 1.3rem;
    border-radius:999px; background:rgba(255,255,255,.08); backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.15); font-size:.85rem; font-weight:700; color:white;
}
.hb-pill i { color:var(--orange-light); }
.hero-right { animation:fadeUp 1s ease-out .6s both; }
.about-hero-card {
    background:rgba(255,255,255,.06); backdrop-filter:blur(30px);
    border:1px solid rgba(255,255,255,.12); border-radius:2rem; padding:2.5rem;
    box-shadow:0 40px 80px rgba(0,0,0,.4);
}
.ahc-top { display:flex; align-items:center; gap:1.5rem; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(255,255,255,.1); }
.ahc-logo { width:70px; height:70px; border-radius:1.2rem; background:linear-gradient(135deg,var(--orange-primary),var(--orange-light)); display:flex; align-items:center; justify-content:center; font-size:2rem; color:white; }
.ahc-info h3 { font-size:1.4rem; color:white; margin-bottom:.3rem; }
.ahc-info p { font-size:.88rem; color:rgba(255,255,255,.55); }
.ahc-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-bottom:1.5rem; }
.ahc-stat { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:1rem; padding:1.2rem; text-align:center; }
.ahc-stat-num { font-size:1.8rem; font-weight:900; background:linear-gradient(135deg,var(--orange-primary),var(--orange-light)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.ahc-stat-lbl { font-size:.78rem; color:rgba(255,255,255,.5); font-weight:600; margin-top:.2rem; }
.ahc-tagline { text-align:center; padding:1.2rem; background:linear-gradient(135deg,rgba(241,126,31,.15),rgba(243,144,63,.2)); border-radius:1rem; border:1px solid rgba(241,126,31,.3); }
.ahc-tagline p { font-size:1rem; font-weight:900; color:var(--orange-light); letter-spacing:.5px; margin:0; }

/* 2. Story */
.story-section { padding:8rem 3rem; background:var(--white); }
.story-grid { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.story-img-wrap { position:relative; }
.story-img { width:100%; height:520px; object-fit:cover; border-radius:2rem; box-shadow:0 30px 80px rgba(0,0,0,.12); }
.story-placeholder { width:100%; height:520px; background:linear-gradient(135deg,rgba(241,126,31,.1),rgba(243,144,63,.18)); border-radius:2rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; color:var(--orange-primary); font-size:7rem; border:2px solid var(--border-light); }
.story-float { position:absolute; padding:1.2rem 1.8rem; background:white; border-radius:1.2rem; box-shadow:0 20px 50px rgba(0,0,0,.12); border:2px solid var(--border-light); font-weight:700; animation:floatUp 5s ease-in-out infinite; }
.sf-1 { top:8%; right:-10%; animation-delay:0s; }
.sf-2 { bottom:10%; left:-10%; animation-delay:2.5s; }
.sf-icon { font-size:1.8rem; color:var(--orange-primary); margin-bottom:.3rem; }
.sf-val { font-size:1.8rem; font-weight:900; color:var(--text-dark); }
.sf-lbl { font-size:.78rem; color:var(--text-muted); font-weight:600; }
.story-text .sec-title { line-height:1.15; }
.story-highlight { font-size:1.3rem; font-weight:800; color:var(--orange-primary); margin-bottom:1.5rem; }
.story-p { font-size:1.05rem; line-height:1.9; color:var(--text-muted); margin-bottom:1.2rem; }
.founded-chip {
    display:inline-flex; align-items:center; gap:.7rem; padding:.7rem 1.5rem;
    border-radius:999px; background:var(--orange-pale); border:2px solid rgba(241,126,31,.2);
    font-size:.9rem; font-weight:800; color:var(--orange-dark); margin-bottom:1.5rem;
}
.founded-chip i { color:var(--orange-primary); }

/* 3. Mission / Vision / Values */
.mvv-section { padding:8rem 3rem; background:var(--gray-bg); }
.mvv-grid { max-width:1400px; margin:4rem auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem; }
.mvv-card {
    border-radius:2rem; padding:3rem; border:2px solid var(--border-light);
    transition:all .5s; position:relative; overflow:hidden;
}
.mvv-card::before { content:''; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,var(--orange-primary),var(--orange-light)); transform:scaleX(0); transform-origin:left; transition:transform .5s; }
.mvv-card:hover::before { transform:scaleX(1); }
.mvv-card:hover { transform:translateY(-12px); box-shadow:0 30px 80px rgba(0,0,0,.1); border-color:var(--orange-light); }
.mvv-mission { background:white; }
.mvv-vision  { background:linear-gradient(135deg,#0a0a0f,#1a1a2e); color:white; border-color:transparent; }
.mvv-values  { background:linear-gradient(135deg,var(--orange-primary),var(--orange-light)); color:white; border-color:transparent; }
.mvv-icon { width:72px; height:72px; border-radius:1.5rem; display:flex; align-items:center; justify-content:center; font-size:2rem; margin-bottom:2rem; }
.mvv-mission .mvv-icon { background:linear-gradient(135deg,rgba(241,126,31,.1),rgba(243,144,63,.15)); color:var(--orange-primary); }
.mvv-vision  .mvv-icon { background:rgba(255,255,255,.1); color:var(--orange-light); }
.mvv-values  .mvv-icon { background:rgba(255,255,255,.2); color:white; }
.mvv-card h3 { font-size:1.5rem; margin-bottom:1.2rem; }
.mvv-mission h3 { color:var(--text-dark); }
.mvv-vision h3,.mvv-values h3 { color:white; }
.mvv-card p { font-size:1rem; line-height:1.8; }
.mvv-mission p { color:var(--text-muted); }
.mvv-vision p,.mvv-values p { color:rgba(255,255,255,.8); }
.vals-list { list-style:none; margin-top:1.2rem; }
.vals-list li { display:flex; align-items:center; gap:.7rem; padding:.5rem 0; font-size:.95rem; color:rgba(255,255,255,.85); font-weight:700; border-bottom:1px solid rgba(255,255,255,.15); }
.vals-list li:last-child { border-bottom:none; }
.vals-list li i { color:white; font-size:.85rem; }

/* 4. Stats bar - use same as home */
.page-about .stats-bar { background:linear-gradient(135deg,var(--orange-dark),var(--orange-primary),var(--orange-light)); padding:4.5rem 3rem; }
.page-about .sb-grid { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; text-align:center; color:white; }
.page-about .sb-item h3 { font-size:3.2rem; font-weight:900; letter-spacing:-2px; margin-bottom:.4rem; }
.page-about .sb-item p { font-size:1rem; font-weight:700; opacity:.9; }

/* 5. Why Choose Us (about page - white bg, cards) */
.page-about .why-section { padding:8rem 3rem; background:var(--white); }
.page-about .why-grid { max-width:1400px; margin:4rem auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.why-card {
    background:var(--gray-bg); border:2px solid var(--border-light); border-radius:1.8rem;
    padding:2.5rem; transition:all .4s; position:relative; overflow:hidden;
}
.why-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--orange-primary),var(--orange-light)); transform:scaleX(0); transform-origin:left; transition:transform .4s; }
.why-card:hover::after { transform:scaleX(1); }
.why-card:hover { transform:translateY(-10px); box-shadow:0 25px 70px rgba(0,0,0,.1); border-color:var(--orange-light); background:white; }
.why-icon { width:64px; height:64px; border-radius:1.2rem; background:linear-gradient(135deg,rgba(241,126,31,.1),rgba(243,144,63,.15)); display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:var(--orange-primary); margin-bottom:1.5rem; transition:all .4s; }
.why-card:hover .why-icon { background:linear-gradient(135deg,var(--orange-primary),var(--orange-light)); color:white; transform:scale(1.1) rotate(5deg); }
.why-card h4 { font-size:1.2rem; margin-bottom:.8rem; }
.why-card p  { font-size:.95rem; color:var(--text-muted); line-height:1.75; }

/* 6. Timeline */
.timeline-section { padding:8rem 3rem; background:var(--gray-bg); }
.timeline { max-width:900px; margin:5rem auto 0; position:relative; }
.timeline::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:3px; background:linear-gradient(to bottom,var(--orange-primary),var(--orange-light)); transform:translateX(-50%); border-radius:999px; }
.tl-item { display:grid; grid-template-columns:1fr 1fr; gap:4rem; margin-bottom:4rem; align-items:center; position:relative; }
/* Alternate: odd = content right, even = content left */
.tl-item:nth-child(odd) .tl-year { text-align:right; }
.tl-item:nth-child(even) .tl-year { text-align:left; }
.tl-dot {
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    width:22px; height:22px; border-radius:50%;
    background:linear-gradient(135deg,var(--orange-primary),var(--orange-light));
    border:4px solid white; box-shadow:0 0 0 4px rgba(241,126,31,.25);
    z-index:1;
}
.tl-year {
    font-size:2.5rem; font-weight:900; letter-spacing:-2px;
    background:linear-gradient(135deg,var(--orange-primary),var(--orange-light));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.tl-content {
    background:white; border:2px solid var(--border-light); border-radius:1.5rem;
    padding:2rem 2.5rem; box-shadow:0 10px 40px rgba(0,0,0,.06); transition:all .4s;
}
.tl-content:hover { transform:translateY(-6px); box-shadow:0 20px 60px rgba(0,0,0,.1); border-color:var(--orange-light); }
.tl-content h4 { font-size:1.2rem; margin-bottom:.7rem; color:var(--text-dark); }
.tl-content p  { font-size:.95rem; color:var(--text-muted); line-height:1.7; }

/* 7. Team — "The People Behind the Code" (index.html structure) */
.page-about .team-section {
    padding: 0rem 0rem 3rem;
    background: var(--white);
    color: var(--text-dark);
    position: relative;
    overflow: hidden;
}
.page-about .team-section::before {
    display: none; /* override header's dark gradient overlay */
}
.page-about .team-grid {
    max-width: 1200px;
    margin: 4rem auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}
.page-about .team-grid-founder-only {
    grid-template-columns: 1fr;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

/* Founder & CEO — special featured card (reference design) */
.page-about .team-card-founder {
    grid-column: 1 / -1;
    background: #fefdfb;
    border: 1px solid rgba(241,126,31,0.2);
    border-radius: 1.25rem;
    padding: 3rem 4rem;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
}
.page-about .team-card-founder::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--orange-primary), var(--orange-light));
    transform: none;
}
.page-about .team-card-founder:hover {
    box-shadow: 0 15px 50px rgba(0,0,0,0.08);
}
.page-about .founder-inner {
    display: flex;
    align-items: center;
    gap: 4rem;
    max-width: 1300px;
    margin: 0 auto;
}
.page-about .founder-avatar-wrap {
    flex-shrink: 0;
    text-align: center;
}
.page-about .founder-avatar {
    width: 220px;
    height: 220px;
    border-radius: 1.25rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    transition: all 0.4s;
}
.page-about .founder-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-about .founder-badge {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--orange-primary), var(--orange-light));
    color: white;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.page-about .founder-info { text-align: left; }
.page-about .founder-name {
    font-size: 1.75rem;
    font-weight: 900;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
    letter-spacing: -0.5px;
}
.page-about .founder-role {
    font-size: 1rem;
    color: var(--orange-primary);
    font-weight: 800;
    margin-bottom: 1rem;
}
.page-about .founder-bio {
    font-size: 1rem;
    color: #4a4a4a;
    line-height: 1.8;
    text-align: justify;
}

.page-about .team-section .team-card {
    background: var(--gray-bg);
    border: 2px solid var(--border-light);
    border-radius: 2rem;
    padding: 2.5rem 2rem;
    text-align: center;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
}
/* Only Founder & CEO shows photo; rest of staff no photo */
.page-about .team-section .team-card .team-avatar { display: none; }
.page-about .team-section .team-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--orange-primary), var(--orange-light));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.5s;
}
.page-about .team-section .team-card:hover::before {
    transform: scaleX(1);
}
.page-about .team-section .team-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 30px 80px rgba(0,0,0,0.1);
    border-color: var(--orange-light);
    background: white;
}
.page-about .team-section .team-avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, var(--orange-primary), var(--orange-light));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 900;
    color: white;
    box-shadow: 0 15px 40px rgba(241,126,31,0.35);
    transition: all 0.4s;
}
.page-about .team-section .team-card:hover .team-avatar {
    transform: scale(1.1);
    box-shadow: 0 20px 55px rgba(241,126,31,0.5);
}
.page-about .team-section .team-name {
    font-size: 1rem;
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: 0.2rem;
}
.page-about .team-section .team-card h4 {
    font-size: 1.15rem;
    margin-bottom: 0.3rem;
    color: var(--text-dark);
}
.page-about .team-section .team-role {
    font-size: 0.88rem;
    color: var(--orange-primary);
    font-weight: 800;
    margin-bottom: 1rem;
}
.page-about .team-section .team-bio {
    font-size: 0.9rem;
    color: var(--text-muted);
    line-height: 1.7;
}
.page-about .team-section .ts-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 1.5px solid var(--border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
    transition: all 0.3s;
}
.page-about .team-section .ts-btn:hover {
    background: linear-gradient(135deg, var(--orange-primary), var(--orange-light));
    color: white;
    border-color: transparent;
    transform: translateY(-3px);
}

/* 8. Trust / Awards */
.trust-section { padding:8rem 3rem; background:var(--dark-card); color:white; position:relative; overflow:hidden; }
.trust-section::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 20% 30%,rgba(241,126,31,.18) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,180,50,.1) 0%,transparent 50%); }
.trust-container { max-width:1400px; margin:0 auto; position:relative; z-index:1; }
.trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; margin-top:5rem; }
.award-list { display:flex; flex-direction:column; gap:1.5rem; }
.award-item { display:flex; align-items:center; gap:1.5rem; background:rgba(255,255,255,.05); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.1); border-radius:1.5rem; padding:1.8rem 2rem; transition:all .4s; }
.award-item:hover { background:rgba(255,255,255,.08); border-color:rgba(241,126,31,.3); transform:translateX(8px); }
.award-icon { width:55px; height:55px; border-radius:1rem; background:linear-gradient(135deg,rgba(241,126,31,.2),rgba(243,144,63,.3)); display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--orange-light); flex-shrink:0; }
.award-body h4 { font-size:1.05rem; color:white; margin-bottom:.3rem; }
.award-body p  { font-size:.88rem; color:rgba(255,255,255,.55); }
.trust-badges { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
.trust-badge { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:1.5rem; padding:2rem; text-align:center; transition:all .4s; }
.trust-badge:hover { background:rgba(255,255,255,.08); border-color:rgba(241,126,31,.3); transform:translateY(-8px); }
.tb-icon { font-size:2.5rem; color:var(--orange-light); margin-bottom:1rem; }
.tb-title { font-size:1rem; font-weight:800; color:white; margin-bottom:.4rem; }
.tb-desc  { font-size:.85rem; color:rgba(255,255,255,.55); line-height:1.6; }

/* 9. Testimonials (about - grid) */
.page-about .testi-section { padding:8rem 3rem; background:var(--gray-bg); }
.page-about .testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-top:4rem; }
.page-about .t-card { background:white; border:2px solid var(--border-light); border-radius:2rem; padding:2.5rem; transition:all .5s; }
.page-about .t-card:hover { transform:translateY(-10px); box-shadow:0 30px 80px rgba(0,0,0,.1); border-color:var(--orange-light); }
.page-about .t-q-icon { width:50px; height:50px; border-radius:1rem; background:linear-gradient(135deg,rgba(241,126,31,.12),rgba(243,144,63,.18)); display:flex; align-items:center; justify-content:center; font-size:1.4rem; color:var(--orange-primary); margin-bottom:1.5rem; }
.page-about .t-stars { color:var(--orange-primary); font-size:1rem; margin-bottom:1.1rem; }
.page-about .t-text  { font-size:1rem; line-height:1.8; color:var(--text-muted); margin-bottom:1.8rem; font-style:italic; }
.page-about .t-author { display:flex; align-items:center; gap:1rem; padding-top:1.5rem; border-top:2px solid var(--border-light); }
.page-about .t-avatar { width:50px; height:50px; border-radius:50%; background:linear-gradient(135deg,var(--orange-primary),var(--orange-light)); display:flex; align-items:center; justify-content:center; color:white; font-weight:900; font-size:1.1rem; flex-shrink:0; }
.page-about .t-info h4 { font-size:.95rem; margin-bottom:.2rem; }
.page-about .t-info p  { font-size:.8rem; color:var(--text-muted); }

/* 10. CTA (about) */
.page-about .cta-section { padding:8rem 3rem; background:linear-gradient(135deg,var(--orange-dark),var(--orange-primary) 50%,var(--orange-light)); color:white; position:relative; overflow:hidden; text-align:center; }
.page-about .cta-section::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:40px 40px; pointer-events:none; }
.cta-inner { max-width:900px; margin:0 auto; position:relative; z-index:1; }
.cta-pill  { display:inline-block; padding:.5rem 1.5rem; border-radius:999px; background:rgba(255,255,255,.2); font-size:.82rem; font-weight:900; text-transform:uppercase; letter-spacing:2px; margin-bottom:2rem; }
.cta-inner h2 { font-size:clamp(2.2rem,5vw,3.5rem); margin-bottom:1.5rem; letter-spacing:-2px; }
.cta-inner p  { font-size:1.2rem; opacity:.9; margin-bottom:3rem; line-height:1.75; }
.page-about .cta-btns { display:flex; gap:2rem; justify-content:center; flex-wrap:wrap; }
.btn-cta-w { background:white; color:var(--orange-primary); padding:1.2rem 3rem; border-radius:999px; text-decoration:none; font-weight:800; font-size:1rem; box-shadow:0 15px 50px rgba(0,0,0,.2); transition:all .4s; display:inline-flex; align-items:center; gap:.8rem; }
.btn-cta-w:hover { transform:translateY(-5px); box-shadow:0 20px 60px rgba(0,0,0,.3); }
.btn-cta-g { border:2px solid rgba(255,255,255,.5); color:white; background:rgba(255,255,255,.1); padding:1.2rem 3rem; border-radius:999px; text-decoration:none; font-weight:800; font-size:1rem; transition:all .4s; display:inline-flex; align-items:center; gap:.8rem; }
.btn-cta-g:hover { background:white; color:var(--orange-primary); transform:translateY(-5px); }

/* Responsive */
@media(max-width:1200px){
    .hero-inner,.story-grid,.trust-grid { grid-template-columns:1fr; gap:4rem; }
    .hero-right { max-width:600px; margin:0 auto; }
    .sf-1,.sf-2 { display:none; }
    .mvv-grid,.page-about .why-grid,.page-about .team-grid { grid-template-columns:repeat(2,1fr); }
    .page-about .founder-inner { flex-direction:column; text-align:center; gap:2rem; }
    .page-about .founder-info { text-align:center; }
    .page-about .testi-grid { grid-template-columns:repeat(2,1fr); }
    .timeline-section { padding:5rem 2rem; }
    .timeline { margin-top:3rem; padding-left:0; }
    .timeline::before { left:20px; width:3px; }
    .tl-item {
        grid-template-columns:44px 1fr;
        gap:0 1.25rem;
        margin-bottom:2.5rem;
        align-items:start;
    }
    .tl-item .tl-year { grid-column:2; grid-row:1; text-align:left; }
    .tl-item .tl-content { grid-column:2; grid-row:2; }
    .tl-item:nth-child(odd) .tl-year { text-align:left; }
    .tl-item:nth-child(even) .tl-year { text-align:left; }
    .tl-dot { left:20px; top:1.75rem; }
    .tl-year { font-size:1.5rem; }
    .tl-content { padding:1.5rem 1.25rem; }
    .tl-content h4 { font-size:1.1rem; }
    .tl-content p { font-size:0.9rem; }
    .page-about .sb-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px){
    .hero-inner { padding:3rem 1.5rem; }
    .mvv-grid,.page-about .why-grid,.page-about .team-grid,.page-about .testi-grid,.trust-badges { grid-template-columns:1fr; }
    .page-about .team-card-founder { padding:2.5rem 2rem; }
    .page-about .founder-avatar { width:160px; height:160px; border-radius:1rem; }
    .page-about .cta-btns { flex-direction:column; align-items:center; }
    .page-about .sb-grid { grid-template-columns:1fr 1fr; }
    .trust-grid { grid-template-columns:1fr; }
    /* Timeline mobile */
    .timeline-section { padding:4rem 1.25rem; }
    .timeline-section .sec-header { margin-bottom:2.5rem; }
    .timeline { margin-top:2.5rem; max-width:100%; }
    .timeline::before { left:16px; width:3px; }
    .tl-item {
        grid-template-columns:36px 1fr;
        gap:0 1rem;
        margin-bottom:2rem;
    }
    .tl-dot {
        left:16px;
        top:1.5rem;
        width:18px;
        height:18px;
        border-width:3px;
    }
    .tl-year { font-size:1.35rem; }
    .tl-content { padding:1.25rem 1rem; border-radius:1.25rem; }
    .tl-content h4 { font-size:1.05rem; margin-bottom:0.5rem; }
    .tl-content p { font-size:0.875rem; line-height:1.65; }
}