:root{--bg: #050607;--panel: rgba(255, 255, 255, .06);--panel2: rgba(0, 0, 0, .25);--border: rgba(255, 255, 255, .12);--text: #e8e8ea;--muted: rgba(232, 232, 234, .72);--muted2: rgba(232, 232, 234, .55);--green: rgba(16, 185, 129, .24);--green2: rgba(16, 185, 129, .32);--radius: 22px;--radius2: 28px;--shadow: 0 18px 60px rgba(0, 0, 0, .55);--max: 1120px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Helvetica Neue;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{min-height:100vh;position:relative;overflow-x:hidden}.bgFx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.9;background:radial-gradient(circle at 20% 10%,rgba(16,185,129,.12),transparent 42%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.1),transparent 40%),radial-gradient(circle at 50% 85%,rgba(59,130,246,.1),transparent 42%),linear-gradient(to bottom,rgba(255,255,255,.05),transparent 40%,rgba(255,255,255,.03))}.container{max-width:var(--max);margin:0 auto;padding:0 16px}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:#050607b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headerRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border)}.brandText{min-width:0}.brandName{font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandSub{font-size:12px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:none;gap:6px;align-items:center}.navBtn{border:1px solid transparent;background:transparent;color:var(--text);padding:8px 10px;border-radius:16px;cursor:pointer;font-size:14px}.navBtn:hover{background:var(--panel);border-color:var(--border)}.headerActions{display:flex;gap:8px;align-items:center}.mobileMenuBtn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 12px;border-radius:16px;cursor:pointer}.mobileMenu{border-top:1px solid var(--border)}.mobileMenuInner{padding:12px 0;display:grid;gap:8px}.mobileMenuInner button{text-align:left;border:1px solid var(--border);background:var(--panel);padding:10px 12px;border-radius:16px;color:var(--text);cursor:pointer}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:12px 16px;border-radius:18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;transition:transform .08s ease,background .18s ease,border-color .18s ease}.btn:hover{background:#ffffff17}.btn:active{transform:translateY(1px)}.btnPrimary{border-color:#10b98159;background:#10b98124;color:#c4ffe6f2}.btnPrimary:hover{background:#10b9812e}.btnSmall{padding:10px 14px;border-radius:16px}.btnFull{width:100%;justify-content:center}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--panel);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)}.section{padding:40px 0 0}.sectionTitle{max-width:720px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--muted2)}.h2{margin:8px 0 0;font-size:clamp(22px,3vw,30px);font-weight:800}.p{margin:10px 0 0;color:var(--muted);line-height:1.6;font-size:14px}.grid12,.grid3{display:grid;gap:16px}.grid2{display:grid;gap:12px}.sectionPlain{background:transparent}.sectionBg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center;opacity:.32;filter:saturate(1.05) contrast(1.05)}.sectionOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,#00000073,#000000c7)}.card{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius2);overflow:hidden}.cardPad{padding:18px}.cardPadLg{padding:22px}.cardHeader{padding:16px 18px;border-bottom:1px solid var(--border)}.cardInner{border:1px solid var(--border);background:var(--panel2);border-radius:18px;padding:14px}.row{display:flex;gap:10px;align-items:center}.iconBox{width:44px;height:44px;border-radius:18px;display:grid;place-items:center;border:1px solid var(--border);background:#ffffff0d}.h3{margin:0;font-size:18px;font-weight:800}.small{font-size:12px;color:var(--muted2)}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.heroGrid{display:grid;gap:18px}.h1{margin:14px 0 0;font-size:clamp(28px,4.4vw,52px);font-weight:900;line-height:1.08}.h1 span{display:block;margin-top:10px;color:var(--muted)}.heroText{max-width:760px}.heroMosaic{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.heroMosaicItem{position:relative;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius2);overflow:hidden;aspect-ratio:4 / 3}.heroMosaicItem img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .25s ease,opacity .25s ease}.heroMosaicItem:hover img{transform:scale(1.03);opacity:1}.heroMosaicFade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%)}.heroMosaicTag{position:absolute;left:10px;bottom:10px;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff14}.stats{display:grid;gap:12px}.statLabel{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.statValue{margin-top:8px;font-size:22px;font-weight:900}.serviceBg{position:relative;overflow:hidden}.serviceGlow{position:absolute;inset:auto -120px -120px auto;width:260px;height:260px;border-radius:999px;background:#ffffff12;filter:blur(28px)}.serviceTitle{font-size:18px;font-weight:900}.ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.li{display:flex;gap:10px;align-items:center;color:#e8e8eae6;font-size:14px}.hint{font-size:12px;color:var(--muted2)}.galleryGrid{display:grid;gap:12px;margin-top:18px}.galleryItem{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius2);overflow:hidden;cursor:pointer;text-align:left;position:relative}.galleryItem:hover img{transform:scale(1.02);opacity:1}.galleryImgWrap{aspect-ratio:4/3;overflow:hidden}.galleryItem img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,opacity .25s ease;opacity:.92}.galleryFade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 56%);opacity:.9}.galleryMeta{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff14}.modalWrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:flex-end;padding:14px}.modalOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{position:relative;width:100%;max-width:980px;border:1px solid var(--border);background:#050607eb;border-radius:var(--radius2);box-shadow:var(--shadow);overflow:hidden}.modalHead{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modalTitle{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modalHint{font-size:12px;color:var(--muted2)}.modalBody{padding:14px}.codeBox{border:1px solid var(--border);background:#00000047;padding:14px;border-radius:18px;white-space:pre-wrap;font-size:14px;color:#e8e8eaeb}.footer{border-top:1px solid var(--border);background:#05060799;margin-top:20px}.footerRow{padding:18px 0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media (min-width: 900px){.footerRow{flex-direction:row;align-items:center;justify-content:space-between;gap:18px}}.footerBrand{display:flex;align-items:center;gap:14px}.footerBrandTitle{font-weight:900}.footerLinks{display:flex;flex-wrap:wrap;gap:8px}.footerNote{font-size:12px;color:var(--muted2);line-height:1.5;margin-top:10px}@media (min-width: 768px){.nav{display:flex}.mobileMenuBtn{display:none}.modalWrap{align-items:center;padding:28px}.modalBody{padding:18px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.stats,.galleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.faqGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.footerRow{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 1024px){.heroGrid{grid-template-columns:7fr 5fr;gap:18px}.grid12{grid-template-columns:repeat(12,minmax(0,1fr))}.col7{grid-column:span 7}.col5{grid-column:span 5}.grid3,.galleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.galleryGrid{display:grid;gap:12px;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){.galleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1200px){.galleryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.lightboxFrame{border:1px solid var(--border);background:#00000073;border-radius:var(--radius2);overflow:hidden;height:min(78vh,860px);display:flex;align-items:center;justify-content:center;padding:8px}.lightboxImg{width:100%;height:100%;object-fit:contain}.lightboxControls{display:flex;align-items:center;justify-content:space-between;gap:12px}.lightboxWrap{display:grid;gap:12px}.lightboxFrame{width:min(92vw,900px);height:min(84vh,900px);margin:0 auto;border:1px solid var(--border);border-radius:var(--radius2);overflow:hidden;background:transparent}.lightboxImg{width:100%;height:100%;object-fit:contain;display:block;background:#00000059}.lightboxControls{width:min(92vw,900px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}@media (max-width: 640px){.lightboxFrame{height:min(76vh,720px)}}.c3{position:relative;margin-top:16px}.c3Track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 44px;-webkit-overflow-scrolling:touch}.c3Track::-webkit-scrollbar{display:none}.c3Track{scrollbar-width:none}.c3Track>.c3Item{scroll-snap-align:start}.c3Item{border:0;background:transparent;padding:0;cursor:pointer;width:calc((100% - 24px) / 3);margin-right:12px}.c3Track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 44px}.c3Track{scroll-padding-left:44px}.c3Item{flex:0 0 calc((100% - 24px) / 3);scroll-snap-align:start;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius2);overflow:hidden}.c3ImgWrap{position:relative;aspect-ratio:4 / 3;overflow:hidden}.c3ImgWrap img{width:100%;height:100%;object-fit:cover;opacity:.95}.c3Fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 60%);opacity:.9}.c3Meta{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.c3Tag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff14}.c3Arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:16px;border:1px solid var(--border);background:#0a0c0eb3;color:var(--text);display:grid;place-items:center;cursor:pointer}.c3Arrow:disabled{opacity:.35;cursor:default}.c3Arrow.left{left:6px}.c3Arrow.right{right:6px}.c3Bottom{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.c3Dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.c3Dot{width:8px;height:8px;border-radius:999px;border:1px solid var(--border);background:#ffffff1a;cursor:pointer}.c3Dot.isActive{background:#10b9818c;border-color:#10b9818c}@media (max-width: 900px){.c3Item{flex-basis:calc((100% - 12px)/2)}}@media (max-width: 560px){.c3Item{flex-basis:100%}}.logo{width:38px;height:38px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#ffffff0f;display:grid;place-items:center}.logoImg{width:100%;height:100%;object-fit:cover;display:block}.footerLogo{width:56px;height:56px;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#ffffff0f}.footerLogoImg{width:100%;height:100%;object-fit:cover;display:block}.serviceBg .btnPrimary{margin-top:16px}
