/* QAZ-CO2 Landing V3
   Добавляется поверх существующих стилей. Старые компоненты не ломает.
*/

.landing-v3 { --v3-blue:#12467f; --v3-blue2:#0a315f; --v3-cyan:#4ca7ef; --v3-line:rgba(18,70,127,.14); }

.landing-v3 .reveal {
    opacity:0;
    transform:translateY(34px);
    transition:opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1);
}
.landing-v3 .reveal.visible { opacity:1; transform:translateY(0); }
.landing-v3 .reveal-delay-1 { transition-delay:.06s; }
.landing-v3 .reveal-delay-2 { transition-delay:.12s; }
.landing-v3 .reveal-delay-3 { transition-delay:.18s; }
.landing-v3 .reveal-delay-4 { transition-delay:.24s; }

/* HERO */
.landing-v3 .v3-hero { position:relative; overflow:hidden; isolation:isolate; }
.landing-v3 .v3-hero:before {
    content:""; position:absolute; inset:0; z-index:-2;
    background:inherit;
    transform:scale(1.035);
    animation:heroZoom 18s ease-in-out infinite alternate;
}
.landing-v3 .hero-tech-grid {
    position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.13;
    background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);
    background-size:76px 76px;
    mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent);
}
.landing-v3 .hero-glow {
    position:absolute; width:520px; height:520px; right:5%; top:-220px; z-index:0;
    background:radial-gradient(circle,rgba(73,163,239,.24),transparent 68%);
    filter:blur(8px); pointer-events:none;
    animation:glowFloat 8s ease-in-out infinite alternate;
}
.landing-v3 .hero-particles i {
    position:absolute; z-index:0; width:4px; height:4px; border-radius:50%;
    background:rgba(255,255,255,.65); box-shadow:0 0 12px rgba(120,190,255,.7);
    animation:particleFloat 7s linear infinite;
}
.landing-v3 .hero-particles i:nth-child(1){left:18%;top:65%;animation-delay:-1s}
.landing-v3 .hero-particles i:nth-child(2){left:36%;top:30%;animation-delay:-4s}
.landing-v3 .hero-particles i:nth-child(3){left:55%;top:70%;animation-delay:-2s}
.landing-v3 .hero-particles i:nth-child(4){left:68%;top:38%;animation-delay:-5s}
.landing-v3 .hero-particles i:nth-child(5){left:82%;top:72%;animation-delay:-3s}
.landing-v3 .hero-particles i:nth-child(6){left:90%;top:25%;animation-delay:-6s}
.landing-v3 .hero-copy { position:relative; z-index:2; }
.landing-v3 .hero-brand { text-shadow:0 4px 24px rgba(0,0,0,.28); }
.landing-v3 .hero-checks li { transition:transform .25s ease, opacity .25s ease; }
.landing-v3 .hero-checks li:hover { transform:translateX(6px); opacity:.95; }
.landing-v3 .hero-actions .btn, .landing-v3 .hero-actions .btn-outline-white { transition:transform .25s ease, box-shadow .25s ease; }
.landing-v3 .hero-actions .btn:hover, .landing-v3 .hero-actions .btn-outline-white:hover { transform:translateY(-3px); }
.landing-v3 .hero-scroll {
    position:absolute; z-index:3; bottom:22px; left:50%; transform:translateX(-50%);
    color:rgba(255,255,255,.72); text-decoration:none; font-size:8px; letter-spacing:2px;
    display:flex; flex-direction:column; align-items:center; gap:7px;
}
.landing-v3 .hero-scroll i { display:block; width:1px; height:30px; background:rgba(255,255,255,.7); position:relative; overflow:hidden; }
.landing-v3 .hero-scroll i:after { content:""; position:absolute; width:1px; height:10px; background:#fff; top:-10px; animation:scrollLine 1.6s ease-in-out infinite; }

/* STATS */
.landing-v3 .v3-stats .stat-item {
    position:relative; overflow:hidden;
    transition:transform .35s ease, box-shadow .35s ease;
}
.landing-v3 .v3-stats .stat-item:after {
    content:""; position:absolute; left:-30%; top:0; width:30%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
    transform:skewX(-18deg); transition:left .7s ease;
}
.landing-v3 .v3-stats .stat-item:hover { transform:translateY(-5px); box-shadow:0 16px 35px rgba(18,70,127,.12); }
.landing-v3 .v3-stats .stat-item:hover:after { left:110%; }
.landing-v3 .counter { font-variant-numeric:tabular-nums; }

/* IMAGES */
.landing-v3 .media-hover { position:relative; overflow:hidden; border-radius:10px; }
.landing-v3 .media-hover img 
{	
	display:block; 
	width:100%; 
	transition:transform 1s cubic-bezier(.2,.7,.2,1);
}

.landing-v3 .media-hover:hover img { transform:scale(1.055); }
.landing-v3 .media-label {
    position:absolute; left:16px; bottom:16px; padding:7px 10px; border-radius:4px;
    background:rgba(8,38,72,.82); color:#fff; font-size:8px; letter-spacing:1.2px;
    opacity:0; transform:translateY(8px); transition:.35s ease;
}
.landing-v3 .media-hover:hover .media-label { opacity:1; transform:none; }

/* DATA STRIP */
.landing-v3 .v3-data-strip {
    margin:0 0 70px; padding:25px 0;
    color:#fff; background:linear-gradient(110deg,#092e59,#124a83 55%,#0a315f);
    position:relative; overflow:hidden;
}
.landing-v3 .v3-data-strip:before {
    content:""; position:absolute; inset:0; opacity:.08;
    background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
    background-size:48px 48px;
}
.landing-v3 .data-strip-inner { position:relative; display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:25px; align-items:center; }
.landing-v3 .data-title { font-size:9px; letter-spacing:1.6px; display:flex; align-items:center; gap:9px; }
.landing-v3 .live-dot { width:7px; height:7px; border-radius:50%; background:#7bc2ff; box-shadow:0 0 0 5px rgba(123,194,255,.12); animation:livePulse 1.7s infinite; }
.landing-v3 .data-item { border-left:1px solid rgba(255,255,255,.15); padding-left:20px; }
.landing-v3 .data-item strong { display:block; font-size:22px; line-height:1; margin-bottom:6px; }
.landing-v3 .data-item span { display:block; font-size:9px; color:rgba(255,255,255,.68); }

/* PROCESS */
.landing-v3 .v3-process { position:relative; }
.landing-v3 .process-flow { position:relative; }
.landing-v3 .process-line {
    position:absolute; left:6%; right:6%; top:37px; height:2px;
    background:rgba(18,70,127,.1); z-index:0; pointer-events:none;
}
.landing-v3 .process-line-progress {
    position:absolute; left:0; top:0; width:0; height:100%;
    background:linear-gradient(90deg,#5eafea,#12467f);
    transition:width 1.2s cubic-bezier(.2,.8,.2,1);
}
.landing-v3 .flow-particle {
    position:absolute; top:50%; left:0; width:9px; height:9px; border-radius:50%;
    background:#4ca7ef; box-shadow:0 0 0 5px rgba(76,167,239,.13),0 0 20px rgba(76,167,239,.55);
    transform:translate(-50%,-50%);
    opacity:0;
}
.landing-v3 .process-flow.flow-active .flow-particle { opacity:1; animation:flowMove 5.8s linear infinite; }
.landing-v3 .process-cards { position:relative; z-index:1; }
.landing-v3 .p-card {
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.landing-v3 .p-card:hover {
    transform:translateY(-9px);
    box-shadow:0 20px 40px rgba(18,70,127,.13);
    border-color:rgba(76,167,239,.35);
}
.landing-v3 .p-card.is-active { box-shadow:0 0 0 2px rgba(76,167,239,.14),0 20px 40px rgba(18,70,127,.13); }
.landing-v3 .p-status { display:flex; align-items:center; gap:6px; margin-top:12px; font-size:7px; letter-spacing:1px; opacity:.45; }
.landing-v3 .p-status i { width:5px; height:5px; border-radius:50%; background:#4ca7ef; animation:livePulse 1.7s infinite; }

/* QUALITY */
.landing-v3 .v3-quality {
    position:relative; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:20px 55px;
    align-items:center;
}
.landing-v3 .quality-number {
    text-align:center; padding:28px 10px; border-radius:14px;
    background:radial-gradient(circle at center,rgba(76,167,239,.12),transparent 65%);
}
.landing-v3 .quality-number-value { font-size:72px; line-height:.9; font-weight:800; color:#12467f; letter-spacing:-4px; }
.landing-v3 .quality-number small { font-size:25px; font-weight:800; color:#4ca7ef; }
.landing-v3 .quality-number em { display:block; margin-top:10px; font-size:9px; text-transform:uppercase; letter-spacing:1.5px; color:#74849a; font-style:normal; }
.landing-v3 .v3-quality .quality-features { grid-column:1 / -1; }
.landing-v3 .quality-features > div { transition:transform .25s ease, background .25s ease; }
.landing-v3 .quality-features > div:hover { transform:translateY(-3px); background:rgba(76,167,239,.045); }
.landing-v3 .quality-more { grid-column:1 / -1; justify-self:start; }

/* VALUES / INDUSTRIES */
.landing-v3 .values-grid article { transition:transform .35s ease, box-shadow .35s ease; }
.landing-v3 .values-grid article:hover { transform:translateY(-7px); box-shadow:0 18px 35px rgba(18,70,127,.11); }
.landing-v3 .industry-card { position:relative; overflow:hidden; cursor:default; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.landing-v3 .industry-card:after {
    content:""; position:absolute; width:100px; height:100px; right:-35px; bottom:-45px;
    border-radius:50%; background:rgba(76,167,239,.08); transition:transform .5s ease;
}
.landing-v3 .industry-card:hover { transform:translateY(-7px); box-shadow:0 18px 35px rgba(18,70,127,.11); border-color:rgba(76,167,239,.28); }
.landing-v3 .industry-card:hover:after { transform:scale(2.4); }
.landing-v3 .industry-card span, .landing-v3 .industry-card small { position:relative; z-index:1; }
.landing-v3 .industry-card small { display:block; max-height:0; opacity:0; margin-top:0; font-size:8px; line-height:1.45; color:#708199; transition:max-height .35s ease, opacity .35s ease, margin .35s ease; }
.landing-v3 .industry-card:hover small { max-height:40px; opacity:1; margin-top:7px; }

/* LOGISTICS */
.landing-v3 .logistics-visual { position:relative; overflow:hidden; border-radius:10px; }
.landing-v3 .logistics-visual img { display:block; width:100%; transition:transform 1s ease; }
.landing-v3 .logistics-visual:hover img { transform:scale(1.035); }
.landing-v3 .route-overlay {
    position:absolute; left:12%; right:12%; bottom:17%; height:45px;
    background:rgba(255,255,255,.88); border-radius:7px; padding:0 13px;
    display:flex; align-items:center; gap:10px; box-shadow:0 10px 25px rgba(0,0,0,.13);
}
.landing-v3 .route-label { font-size:7px; font-weight:800; color:#17497d; letter-spacing:.8px; white-space:nowrap; }
.landing-v3 .route-line { flex:1; height:2px; background:repeating-linear-gradient(90deg,#5aa7e4 0 7px,transparent 7px 12px); position:relative; }
.landing-v3 .route-truck { position:absolute; top:50%; left:20%; transform:translate(-50%,-50%); font-size:15px; color:#12467f; animation:truckMove 4s ease-in-out infinite; }

/* CTA */
.landing-v3 .v3-cta { position:relative; overflow:hidden; }
.landing-v3 .v3-cta:before {
    content:"CO₂"; position:absolute; right:6%; top:50%; transform:translateY(-50%);
    font-size:180px; font-weight:900; color:rgba(255,255,255,.035); pointer-events:none;
}
.landing-v3 .v3-cta .cta-box { position:relative; z-index:1; }
.landing-v3 .v3-cta .btn { box-shadow:0 8px 25px rgba(0,0,0,.16); }
.landing-v3 .v3-cta .btn:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.22); }

/* FAQ */
.landing-v3 .faq-list details summary span { transition:transform .3s ease; }
.landing-v3 .faq-list details[open] summary span { transform:rotate(45deg); }
.landing-v3 .faq-list details { transition:border-color .3s ease, background .3s ease; }
.landing-v3 .faq-list details:hover { border-color:rgba(76,167,239,.35); }

/* KEYFRAMES */
@keyframes heroZoom { from{transform:scale(1.035)} to{transform:scale(1.085)} }
@keyframes glowFloat { from{transform:translate3d(0,0,0)} to{transform:translate3d(-50px,35px,0)} }
@keyframes particleFloat { 0%{transform:translateY(20px);opacity:0} 15%{opacity:.7} 80%{opacity:.45} 100%{transform:translateY(-80px);opacity:0} }
@keyframes scrollLine { 0%{top:-10px} 70%,100%{top:35px} }
@keyframes livePulse { 0%,100%{box-shadow:0 0 0 0 rgba(76,167,239,.25)} 50%{box-shadow:0 0 0 6px rgba(76,167,239,0)} }
@keyframes flowMove { 0%{left:0} 100%{left:100%} }
@keyframes truckMove { 0%,100%{left:8%} 50%{left:92%} }

@media (max-width: 850px) {
    .landing-v3 .data-strip-inner { grid-template-columns:1fr 1fr; }
    .landing-v3 .data-title { grid-column:1/-1; }
    .landing-v3 .process-line { display:none; }
    .landing-v3 .v3-quality { grid-template-columns:1fr; }
    .landing-v3 .quality-number { order:-1; }
}
@media (max-width: 560px) {
    .landing-v3 .data-strip-inner { grid-template-columns:1fr 1fr; gap:18px 12px; }
    .landing-v3 .data-item { padding-left:12px; }
    .landing-v3 .data-item strong { font-size:18px; }
    .landing-v3 .quality-number-value { font-size:58px; }
    .landing-v3 .hero-scroll { display:none; }
    .landing-v3 .route-overlay { left:7%; right:7%; bottom:8%; }
}
@media (prefers-reduced-motion: reduce) {
    .landing-v3 *, .landing-v3 *:before, .landing-v3 *:after {
        animation-duration:.01ms !important; animation-iteration-count:1 !important;
        scroll-behavior:auto !important; transition-duration:.01ms !important;
    }
}