.pv3{--ink:#0a1622;--navy:#0d2236;--navy2:#13324d;--teal:#12a9c9;--red:#e8392b;--orange:#ff7a1a;--bg:#f4f7fa;--mut:#5b6e80;--line:#e1e8ee;--f:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-family:var(--f);color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;width:100vw;position:relative;left:50%;margin-left:-50vw;overflow:hidden;-webkit-font-smoothing:antialiased}
.pv3 *{box-sizing:border-box}
.pv3 a{text-decoration:none}
.pv3 img{display:block;max-width:100%}
.pv3 h1,.pv3 h2,.pv3 h3,.pv3 h4{font-family:var(--f);font-weight:800;line-height:1.2;letter-spacing:-.01em;margin:0;text-transform:none}
.pv3 p{margin:0}
.pv3 ul{margin:0;padding:0;list-style:none}
.pv3 .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.pv3 .center{text-align:center}
.pv3 .small{font-size:13.5px;color:#9fb6c7;margin-top:18px}
.pv3 .rv{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.pv3 .rv.in{opacity:1;transform:none}
.pv3 .d1{transition-delay:.1s}
.pv3 .d2{transition-delay:.2s}
.pv3 .d3{transition-delay:.3s}
.pv3 .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;font:700 15px var(--f);background:linear-gradient(135deg,var(--orange),var(--red));color:#fff!important;border:0;cursor:pointer;transition:.25s;box-shadow:0 8px 24px rgba(232,57,43,.35);line-height:1.3}
.pv3 .btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(232,57,43,.5)}
.pv3 .btn.o{background:rgba(255,255,255,.06);box-shadow:none;border:2px solid rgba(255,255,255,.5)}
.pv3 .btn.o:hover{background:#fff;color:var(--navy)!important}
.pv3 /* hero */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;background:var(--ink);color:#fff;overflow:hidden;padding:90px 0 100px}
.pv3 .slides{position:absolute;inset:0}
.pv3 .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s;transform:scale(1.02)}
.pv3 .slide.on{opacity:1;animation:pv3kb 14s ease-out forwards}
@keyframes pv3kb{to{transform:scale(1.14)}}
.pv3 .hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(10,22,34,.96) 25%,rgba(10,22,34,.55) 70%,rgba(10,22,34,.35)),linear-gradient(0deg,rgba(10,22,34,.9),transparent 40%)}
.pv3 .flame-blend{position:absolute;left:0;right:0;bottom:0;height:60%;z-index:2;background:url("https://images.unsplash.com/photo-1528227436006-bf774de37e4d?w=1600&q=70&auto=format") center/cover;mix-blend-mode:screen;opacity:.55;animation:pv3flick 3s ease-in-out infinite alternate;pointer-events:none}
@keyframes pv3flick{0%{opacity:.35}50%{opacity:.6}100%{opacity:.5}}
#pv3-embers{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.pv3 .hero-grid{position:relative;z-index:4;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;width:100%}
.pv3 .pbadge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,122,26,.16);border:1px solid rgba(255,122,26,.55);color:#ffc08f;padding:7px 16px;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:22px}
.pv3 .pbadge span{width:9px;height:9px;border-radius:50%;background:var(--orange);animation:pv3pulse 1.6s infinite}
@keyframes pv3pulse{0%{box-shadow:0 0 0 0 rgba(255,122,26,.8)}100%{box-shadow:0 0 0 14px rgba(255,122,26,0)}}
.pv3 .hero h1{font-size:clamp(32px,5vw,62px);font-weight:900;margin-bottom:22px;color:#fff}
.pv3 .hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffb23f,var(--orange),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}
.pv3 .hero p{font-size:18px;color:#c6d6e2;max-width:560px;margin-bottom:34px}
.pv3 .cta{display:flex;gap:14px;flex-wrap:wrap}
.pv3 .hcard{background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px;animation:pv3float 6s ease-in-out infinite}
@keyframes pv3float{50%{transform:translateY(-14px)}}
.pv3 .hcard h3{font-size:15px;margin-bottom:12px;color:#ffc08f}
.pv3 .hcard li{padding:10px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15px}
.pv3 .dots{position:absolute;z-index:5;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.pv3 .dots button{width:34px;height:4px;border:0;padding:0;border-radius:3px;background:rgba(255,255,255,.35);cursor:pointer;overflow:hidden;position:relative}
.pv3 .dots button.on::after{content:"";position:absolute;inset:0;background:var(--orange);animation:pv3fill 6s linear}
@keyframes pv3fill{from{transform:translateX(-100%)}}
.pv3 .ticker{background:var(--orange);color:#1a0d00;overflow:hidden;white-space:nowrap;font-weight:800;font-size:14px}
.pv3 .ticker div{display:inline-block;padding:13px 0;animation:pv3mq 32s linear infinite}
.pv3 .ticker span{margin:0 26px}
@keyframes pv3mq{to{transform:translateX(-50%)}}
.pv3 .stats{position:relative;background:var(--navy);color:#fff;padding:56px 0;overflow:hidden}
.pv3 .stats::before{content:"";position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1502824965758-f8a6043066f5?w=1600&q=60&auto=format") center/cover;mix-blend-mode:screen;opacity:.35}
.pv3 .stats .wrap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.pv3 .stats strong{display:block;font-size:44px;font-weight:900;color:var(--orange);line-height:1.2}
.pv3 .stats span{color:#b3c7d5;font-size:14px}
.pv3 section{padding:88px 0}
.pv3 .alt{background:#fff}
.pv3 .head{max-width:680px;margin:0 auto 46px;text-align:center}
.pv3 .head small{color:var(--red);font-weight:800;letter-spacing:.12em;font-size:12.5px}
.pv3 .head small.or{color:var(--orange)}
.pv3 .head h2{font-size:clamp(26px,3.6vw,38px);margin-top:8px;color:var(--navy)}
.pv3 .head p{color:var(--mut);margin-top:12px}
.pv3 .dark{background:var(--ink)}
.pv3 .dark .head h2{color:#fff}
.pv3 .dark .head p{color:#9fb6c7}
.pv3 .grid{display:grid;gap:22px}
.pv3 .g4{grid-template-columns:repeat(4,1fr)}
.pv3 .g2{grid-template-columns:repeat(2,1fr)}
.pv3 .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;transition:.35s}
.pv3 .card::before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--orange),var(--red));transition:.4s}
.pv3 .card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(13,34,54,.14)}
.pv3 .card:hover::before{width:100%}
.pv3 .ico{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;display:grid;place-items:center;margin-bottom:16px;transition:.35s;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy)}
.pv3 .ico .ic{width:30px;height:30px;stroke-width:2.2;fill:rgba(255,255,255,.22)}
.pv3 .card:hover .ico{transform:rotate(-6deg) translate(-2px,-2px);box-shadow:5px 5px 0 var(--navy)}
.pv3 .card h3{font-size:19px;color:var(--navy);margin-bottom:8px}
.pv3 .card p{color:var(--mut);font-size:15px}
.pv3 .sectors{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:44px}
.pv3 .sectors div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 20px;font-weight:600;color:var(--navy);transition:.3s;font-size:15px}
.pv3 .sectors div:hover{background:var(--navy);color:#fff;transform:translateY(-4px)}
.pv3 .tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.pv3 .tab{padding:10px 20px;border-radius:99px;border:1px solid var(--line);background:#fff;font:700 14px var(--f);cursor:pointer;color:var(--mut);transition:.25s}
.pv3 .tab.on,.pv3 .tab:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.pv3 .panel{display:none;animation:pv3fade .5s}
.pv3 .panel.on{display:grid}
.pv3 .panel.on.blk{display:block}
@keyframes pv3fade{from{opacity:0;transform:translateY(14px)}}
.pv3 .prod{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.3s}
.pv3 .prod:hover{box-shadow:0 16px 36px rgba(13,34,54,.13);transform:translateY(-6px)}
.pv3 .prod .ph{height:190px;overflow:hidden;background:#eef2f6}
.pv3 .prod .ph img{width:100%;height:100%;object-fit:cover;transition:.6s}
.pv3 .prod .ph img.contain{object-fit:contain;padding:8px}
.pv3 .prod:hover .ph img{transform:scale(1.1)}
.pv3 .prod .tx{padding:16px 18px;font-weight:700;color:var(--navy);font-size:15.5px}
.pv3 .fireband{position:relative;color:#fff;padding:110px 0;background:var(--ink);overflow:hidden;text-align:center}
.pv3 .fireband .bg{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1634468413956-831adf9d5a06?w=1800&q=70&auto=format") center/cover fixed;opacity:.5}
.pv3 .fireband .wrap{position:relative;z-index:2}
.pv3 .fireband h2{font-size:clamp(26px,4.2vw,48px);font-weight:900;max-width:820px;margin:0 auto 16px;color:#fff}
.pv3 .fireband h2 em{font-style:normal;color:var(--orange)}
.pv3 .fireband p{max-width:620px;margin:0 auto 28px;color:#d6e2ec}
.pv3 .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.pv3 .steps::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 8px,transparent 8px 16px)}
.pv3 .step{text-align:center;position:relative;color:#fff}
.pv3 .step b{width:68px;height:68px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:var(--navy2);border:2px solid var(--orange);font-size:22px;font-weight:800;color:var(--orange);transition:.3s}
.pv3 .step:hover b{background:var(--orange);color:#1a0d00;transform:scale(1.12)}
.pv3 .step h3{font-size:17px;margin-bottom:6px;color:#fff}
.pv3 .step p{color:#9fb6c7;font-size:14px}
.pv3 .search{max-width:520px;margin:0 auto 26px;position:relative}
.pv3 .search input{width:100%;padding:14px 18px 14px 46px;border:1px solid var(--line);border-radius:99px;font:inherit;box-shadow:0 6px 18px rgba(13,34,54,.06)}
.pv3 .search input:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.2)}
.pv3 .search .ic{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--mut);width:18px;height:18px}
.pv3 .doc{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px;transition:.3s}
.pv3 .doc:hover{border-color:var(--orange);transform:translateX(6px);box-shadow:0 10px 26px rgba(13,34,54,.08)}
.pv3 .doc .no{background:var(--navy);color:#fff;border-radius:10px;padding:8px 12px;font-weight:800;font-size:13px;text-align:center;min-width:128px}
.pv3 .doc h4{font-size:15.5px;color:var(--navy)}
.pv3 .doc p{font-size:13.5px;color:var(--mut)}
.pv3 .doc a{font-weight:700;color:var(--red)!important;font-size:13.5px;white-space:nowrap}
.pv3 .pen{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.pv3 .pen h3{font-size:18px;color:var(--navy);margin-bottom:12px}
.pv3 .pen li{padding:10px 0;border-top:1px solid var(--line);font-size:14.5px;display:flex;justify-content:space-between;gap:16px}
.pv3 .pen li b{color:var(--red);white-space:nowrap}
.pv3 .warn{margin-top:20px;background:#fff6e8;border:1px solid #ffd9a8;border-radius:12px;padding:14px 18px;font-size:13.5px;color:#7a4a00}
.pv3 .empty{display:none;text-align:center;color:var(--mut);padding:20px}
.pv3 .gal{columns:4;column-gap:14px}
.pv3 .gal figure{break-inside:avoid;margin:0 0 14px;border-radius:14px;overflow:hidden;position:relative;cursor:zoom-in;background:#e9eef3}
.pv3 .gal img{width:100%;transition:.6s}
.pv3 .gal figure:hover img{transform:scale(1.08)}
.pv3 .gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;color:#fff;font-size:13.5px;font-weight:600;background:linear-gradient(0deg,rgba(10,22,34,.85),transparent);opacity:0;transition:.3s}
.pv3 .gal figure:hover figcaption{opacity:1}
.pv3 .lb{position:fixed;inset:0;z-index:99999;background:rgba(5,10,16,.94);display:none;place-items:center;padding:20px;cursor:zoom-out}
.pv3 .lb.on{display:grid}
.pv3 .lb img{max-height:90vh;border-radius:12px}
.pv3 .av{width:84px;height:84px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;font-size:25px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--teal),var(--navy))}
.pv3 .team .card{text-align:center}
.pv3 .team .card h3{font-size:17px}
.pv3 .team span{color:var(--red);font-weight:700;font-size:13px}
.pv3 .contact{background:linear-gradient(120deg,var(--navy),var(--ink));color:#fff;position:relative}
.pv3 .contact h2{font-size:clamp(26px,4vw,40px);margin-bottom:12px;color:#fff}
.pv3 .contact p{color:#b4c8d7;margin-bottom:22px}
.pv3 .contact .small{margin-top:22px;margin-bottom:0}
@media (max-width:960px){.pv3 .hero-grid{grid-template-columns:1fr}
.pv3 .hcard{display:none}
.pv3 .g4{grid-template-columns:repeat(2,1fr)}
.pv3 .stats .wrap{grid-template-columns:repeat(2,1fr)}
.pv3 .steps{grid-template-columns:1fr}
.pv3 .steps::before{display:none}
.pv3 .gal{columns:2}
.pv3 .doc{grid-template-columns:1fr}
.pv3 .doc .no{justify-self:start}
.pv3 .fireband .bg{background-attachment:scroll}
.pv3 .g2{grid-template-columns:1fr}}
@media (max-width:520px){.pv3 .g4{grid-template-columns:1fr}
.pv3 .hero{padding:70px 0}
.pv3 section{padding:60px 0}}
@media (prefers-reduced-motion:reduce){.pv3 *{animation:none!important;transition:none!important}
.pv3 .rv{opacity:1;transform:none}
#pv3-embers{display:none}}
.pv3 .stats strong.loc{font-size:38px}
.pv3 .ic{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none}
.pv3 .ticker .ic{color:#7a2d00;fill:rgba(122,45,0,.25);margin:0 4px;vertical-align:-.25em}
.pv3 .btn .ic{width:18px;height:18px;fill:rgba(255,255,255,.25)}
.pv3 .sectors div{display:inline-flex;align-items:center;gap:10px}
.pv3 .sectors .ic{color:var(--orange);width:20px;height:20px;fill:rgba(255,122,26,.18)}
.pv3 .sectors div:hover .ic{color:#fff}
.pv3 .pen h3{display:flex;align-items:center;gap:10px}
.pv3 .pen h3 .ic{color:var(--orange);width:24px;height:24px;fill:rgba(255,122,26,.18)}
.pv3 .warn .wi{display:inline-block;vertical-align:-.25em}
.pv3 .warn .ic{color:#c26a00;fill:rgba(194,106,0,.2)}
.pv3 /* icon pro */
.ic{stroke-width:1.7}
.pv3 .ico{width:56px;height:56px;border-radius:14px;background:rgba(18,169,201,.1);color:#0b87a3;border:1px solid rgba(18,169,201,.28);box-shadow:none}
.pv3 .ico .ic{width:28px;height:28px;fill:none;stroke-width:1.7}
.pv3 .card:hover .ico{background:var(--navy);color:#fff;border-color:var(--navy);transform:none;box-shadow:none}
.pv3 .ticker .ic{fill:none;stroke-width:2}
.pv3 .btn .ic{fill:none;stroke-width:2}
.pv3 .sectors .ic{fill:none;color:#0b87a3}
.pv3 .sectors div:hover .ic{color:#fff}
.pv3 .pen h3 .ic{fill:none;color:#0b87a3}
.pv3 .warn .ic{fill:none}
.pv3 /* mosaic */
.mosaic{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:210px;gap:14px;margin-bottom:44px}
.pv3 .mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:14px;cursor:zoom-in;background:#e9eef3}
.pv3 .mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.pv3 .mosaic figure:hover img{transform:scale(1.07)}
.pv3 .mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;color:#fff;font-size:13px;font-weight:600;line-height:1.35;background:linear-gradient(0deg,rgba(10,22,34,.88),transparent);opacity:0;transform:translateY(8px);transition:.3s}
.pv3 .mosaic figure:hover figcaption{opacity:1;transform:none}
.pv3 .mosaic .m0{grid-column:2 / 5;grid-row:1 / 3;border:3px solid var(--orange);box-shadow:0 18px 44px rgba(13,34,54,.28)}
.pv3 .mosaic .m0 figcaption.always{opacity:1;transform:none;padding:60px 24px 20px;display:flex;flex-direction:column;gap:2px}
.pv3 .mosaic .m0 figcaption b{font-size:22px;font-weight:800}
.pv3 .mosaic .m0 figcaption span{font-size:14px;font-weight:500;color:#d6e2ec}
.pv3 .mosaic .m1{grid-column:1;grid-row:1}
.pv3 .mosaic .m2{grid-column:1;grid-row:2}
.pv3 .mosaic .m3{grid-column:1;grid-row:3}
.pv3 .mosaic .m4{grid-column:5;grid-row:1}
.pv3 .mosaic .m5{grid-column:5;grid-row:2}
.pv3 .mosaic .m6{grid-column:5;grid-row:3}
.pv3 .mosaic .m7{grid-column:2;grid-row:3}
.pv3 .mosaic .m8{grid-column:3;grid-row:3}
.pv3 .mosaic .m9{grid-column:4;grid-row:3}
.pv3 .sub{text-align:center;font-size:20px;color:var(--navy);margin:0 0 22px}
@media (max-width:960px){.pv3 .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}
.pv3 .mosaic .m0{grid-column:1 / -1;grid-row:auto;min-height:260px;order:-1}
.pv3 .mosaic figure:not(.m0){grid-column:auto!important;grid-row:auto!important}
.pv3 .mosaic .m9{grid-column:1 / -1!important}
.pv3 .mosaic .m0 figcaption b{font-size:18px}}
.pv3 /* more */
.more-wrap{margin:-16px 0 26px}
.pv3 .gal[hidden]{display:none}
.pv3 .gal{margin-top:8px}