/* ===== 网飞猫ncat · Vaporwave 蒸汽波复古赛博 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: #e8ddff; background: #150726; line-height: 1.75;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
.wp5k { width: 1200px; margin: 0 auto; }

/* ===== 头部 ===== */
.hd9m {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    background: rgba(18, 7, 36, .82); backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,113,206,.4);
    transition: background .3s, box-shadow .3s;
}
.hd9m.sc9 { background: rgba(14, 5, 28, .96); box-shadow: 0 4px 24px rgba(255,113,206,.25); }
.hd9m .wp5k { height: 70px; display: flex; align-items: center; justify-content: space-between; }
.lg4x { display: flex; align-items: center; gap: 9px; font-size: 20px; font-weight: 900; color: #fff; }
.lg4x img { width: 40px; height: 40px; border-radius: 8px; }
.lg4x i { font-style: normal; font-family: Georgia, serif; color: #01cdfe; text-shadow: 0 0 8px rgba(1,205,254,.8); }
.nv8q { display: flex; gap: 30px; }
.nv8q a { font-size: 15px; color: #c3b3e8; letter-spacing: 1px; position: relative; padding: 4px 0; }
.nv8q a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: linear-gradient(90deg, #ff71ce, #01cdfe); transition: width .25s; }
.nv8q a:hover { color: #ff71ce; }
.nv8q a:hover::after { width: 100%; }
.gb8k {
    display: inline-block; font-size: 14px; font-weight: 800; color: #150726;
    background: linear-gradient(90deg, #ff71ce, #b967ff);
    padding: 11px 20px; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    box-shadow: 0 0 18px rgba(255,113,206,.5); transition: filter .2s, transform .2s;
}
.gb8k:hover { filter: brightness(1.12); transform: translateY(-1px); }
.mb7t { display: none; background: none; border: 1px solid #ff71ce; color: #ff71ce; font-size: 22px; padding: 4px 9px; cursor: pointer; border-radius: 4px; }
.mn6w { display: none; }

/* ===== Hero ===== */
.he8r {
    padding: 130px 0 90px; position: relative; overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 88%, rgba(185,103,255,.25), transparent 60%),
        linear-gradient(180deg, #1a0833 0%, #2a0e4d 52%, #3d1259 100%);
}
.sun {
    position: absolute; left: 50%; bottom: 120px; transform: translateX(-50%);
    width: 460px; height: 460px; border-radius: 50%; z-index: 0; opacity: .55;
    background: linear-gradient(180deg, #fffb96 0%, #ff71ce 55%, #b967ff 100%);
    -webkit-mask-image: repeating-linear-gradient(0deg, #000 0 10px, transparent 10px 13px), linear-gradient(#000,#000);
    -webkit-mask-composite: source-over;
    mask-image: repeating-linear-gradient(0deg, #000 0 10px, transparent 10px 13px);
    mask-size: 100% 38%, 100%; mask-position: bottom, bottom; mask-repeat: no-repeat;
    mask-composite: exclude;
}
.grid-floor {
    position: absolute; left: -25%; right: -25%; bottom: -10%; height: 46%; z-index: 0;
    background-image:
        linear-gradient(rgba(255,113,206,.5) 1px, transparent 1px),
        linear-gradient(90deg, rgba(1,205,254,.45) 1px, transparent 1px);
    background-size: 56px 56px;
    transform: perspective(420px) rotateX(62deg);
    transform-origin: center top;
    animation: gridmove 1.6s linear infinite;
}
@keyframes gridmove { to { background-position: 0 56px, 0 0; } }
.he8r .wp5k { display: flex; align-items: center; gap: 56px; position: relative; z-index: 2; }
.hl4d { flex: 1; }
.hb8m {
    display: inline-block; font-size: 12.5px; letter-spacing: 3px; color: #01cdfe;
    border: 1px solid rgba(1,205,254,.6); padding: 6px 16px; margin-bottom: 24px;
    background: rgba(1,205,254,.06); text-shadow: 0 0 8px rgba(1,205,254,.7);
}
.hl4d h1 {
    font-size: 58px; line-height: 1.2; font-weight: 900; color: #fff; margin-bottom: 22px;
    text-shadow: 3px 0 0 rgba(255,113,206,.75), -3px 0 0 rgba(1,205,254,.75), 0 0 30px rgba(185,103,255,.6);
    animation: glitch 4s infinite;
}
@keyframes glitch {
    0%, 92%, 100% { transform: translate(0); }
    93% { transform: translate(-2px, 1px); }
    95% { transform: translate(2px, -1px); }
    97% { transform: translate(-1px, 0); }
}
.hl4d h1 em {
    font-style: normal; color: #150726;
    background: linear-gradient(90deg, #fffb96, #ff71ce);
    padding: 0 14px; display: inline-block; margin-top: 8px;
    box-shadow: 0 0 26px rgba(255,113,206,.6);
}
.hd7x { font-size: 16px; color: #c3b3e8; max-width: 520px; margin-bottom: 32px; }
.hc3p { display: flex; gap: 16px; margin-bottom: 34px; flex-wrap: wrap; }
.rbtn {
    display: inline-block; font-size: 17px; font-weight: 900; color: #150726;
    background: linear-gradient(90deg, #01cdfe, #b967ff);
    padding: 16px 30px; letter-spacing: 1px;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    box-shadow: 0 0 26px rgba(1,205,254,.5); transition: filter .2s, transform .2s;
}
.rbtn:hover { filter: brightness(1.12); transform: translateY(-2px); }
.ybtn {
    display: inline-block; font-size: 16px; font-weight: 700; color: #ff71ce;
    padding: 15px 26px; border: 1px solid #ff71ce; background: rgba(255,113,206,.08);
    letter-spacing: 1px; transition: all .2s;
}
.ybtn:hover { background: #ff71ce; color: #150726; box-shadow: 0 0 20px rgba(255,113,206,.6); }
.hx8k { display: flex; gap: 0; }
.hx8k li { font-size: 13px; color: #9d8bc8; padding: 10px 22px 0; border-left: 1px solid rgba(195,179,232,.3); }
.hx8k li:first-child { padding-left: 0; border-left: 0; }
.hx8k b { display: block; font-size: 24px; font-weight: 900; color: #fffb96; text-shadow: 0 0 12px rgba(255,251,150,.6); }

/* Hero 右侧 · Win95霓虹窗口 */
.hr9g { position: relative; width: 400px; flex: none; }
.win95 {
    background: #2a0e4d; border: 2px solid #01cdfe;
    box-shadow: 0 0 0 2px #150726, 0 0 34px rgba(1,205,254,.45), 14px 14px 0 rgba(10,3,22,.7);
    transform: rotate(2deg);
}
.win-bar {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(90deg, #ff71ce, #b967ff, #01cdfe);
    color: #150726; font-size: 12.5px; font-weight: 900; padding: 6px 8px;
}
.wb-l { display: flex; align-items: center; gap: 6px; }
.wb-r { display: flex; gap: 5px; align-items: center; }
.wb-r u, .wb-r b, .wb-r i {
    width: 16px; height: 14px; background: #2a0e4d; display: block; position: relative;
}
.wb-r u::after { content: ""; position: absolute; left: 3px; bottom: 2px; width: 9px; height: 2px; background: #01cdfe; }
.wb-r b::after { content: ""; position: absolute; left: 3px; top: 5px; width: 9px; height: 2px; background: #fffb96; }
.wb-r i { background:
    linear-gradient(45deg, transparent 42%, #ff71ce 42% 58%, transparent 58%),
    linear-gradient(-45deg, transparent 42%, #ff71ce 42% 58%, transparent 58%), #2a0e4d;
}
.win-body { position: relative; background: #000; padding: 8px; }
.win-body img { width: 100%; height: 384px; object-fit: cover; object-position: center top; }
.win-body::after {
    content: ""; position: absolute; inset: 8px; pointer-events: none; opacity: .5;
    background: repeating-linear-gradient(to bottom, rgba(0,0,0,.22) 0 1px, transparent 1px 3px);
}
.win-stat {
    position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 2;
    font-size: 11px; letter-spacing: 1px; color: #01cdfe; background: rgba(10,3,22,.8);
    padding: 5px 10px; text-shadow: 0 0 6px rgba(1,205,254,.8);
}
.blink { animation: vblink 1.2s steps(1) infinite; color: #ff71ce; }
@keyframes vblink { 50% { opacity: 0; } }
.floppy {
    position: absolute; left: -26px; bottom: -26px; z-index: 3; transform: rotate(-4deg);
    background: #fffb96; color: #150726; font-size: 12.5px; font-weight: 800;
    padding: 8px 14px; box-shadow: 0 0 18px rgba(255,251,150,.5);
}
.cassette {
    position: absolute; right: -18px; top: -22px; z-index: 3; transform: rotate(5deg);
    background: #b967ff; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1px;
    padding: 7px 13px; box-shadow: 0 0 18px rgba(185,103,255,.6);
}

/* ===== 模块 ===== */
.bk6x { padding: 82px 0; background: #150726; position: relative; }
.bk6x.gy4 { background: linear-gradient(180deg, #1c0a38, #160830); }
.st8t {
    text-align: center; font-size: 34px; font-weight: 900; letter-spacing: 8px; margin-bottom: 50px;
    color: #fff; text-shadow: 0 0 18px rgba(255,113,206,.8), 2px 2px 0 #ff71ce, -2px -2px 0 #01cdfe;
}
.st8t.light { text-shadow: 0 0 18px rgba(1,205,254,.8), 2px 2px 0 #01cdfe, -2px -2px 0 #ff71ce; }

/* 产品展示 · 老电视机霓虹卡 */
.sh8k { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.sh-it {
    flex: 1; position: relative; background: #241047;
    border: 1px solid rgba(185,103,255,.5); padding: 10px 10px 0;
    transition: transform .25s, box-shadow .25s;
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}
.sh-it:hover { transform: translateY(-8px); box-shadow: 0 0 30px rgba(255,113,206,.4); }
.crt-ic {
    position: absolute; top: 16px; right: 16px; z-index: 2;
    width: 34px; height: 34px; background: rgba(21,7,38,.85); border: 1px solid #01cdfe;
    display: flex; align-items: center; justify-content: center; color: #01cdfe; font-size: 17px;
}
.sh-it img { width: 100%; height: 280px; object-fit: cover; object-position: center top; }
.sh-it figcaption { padding: 14px 4px 14px; text-align: center; }
.sh-it figcaption b { display: block; font-family: Georgia, serif; font-size: 11.5px; letter-spacing: 2px; color: #ff71ce; margin-bottom: 4px; }
.sh-it figcaption { font-size: 13.5px; color: #d6c8f5; font-weight: 700; }

/* 优势亮点 · 霓虹玻璃卡 */
.ad7q { display: flex; flex-wrap: wrap; gap: 22px; }
.ad-it {
    width: calc((100% - 44px) / 3);
    background: linear-gradient(160deg, rgba(255,113,206,.08), rgba(1,205,254,.05));
    border: 1px solid rgba(195,179,232,.22);
    padding: 28px 26px 30px; position: relative; overflow: hidden;
    transition: transform .22s, border-color .22s, box-shadow .22s;
}
.ad-it::before {
    content: ""; position: absolute; top: 0; left: 0; width: 46px; height: 3px;
    background: linear-gradient(90deg, #ff71ce, #01cdfe);
}
.ad-it:hover { transform: translateY(-6px); border-color: rgba(255,113,206,.7); box-shadow: 0 10px 30px rgba(255,113,206,.18); }
.ad-ic {
    width: 54px; height: 54px; border-radius: 50%;
    border: 1px solid #01cdfe; background: rgba(1,205,254,.08);
    display: flex; align-items: center; justify-content: center;
    font-size: 25px; color: #01cdfe; margin-bottom: 16px;
    box-shadow: 0 0 16px rgba(1,205,254,.25), inset 0 0 12px rgba(1,205,254,.15);
}
.ad-it:nth-child(even) .ad-ic { border-color: #ff71ce; color: #ff71ce; background: rgba(255,113,206,.08); box-shadow: 0 0 16px rgba(255,113,206,.25), inset 0 0 12px rgba(255,113,206,.15); }
.ad-it .tt9 { font-size: 19px; font-weight: 900; color: #fff; margin-bottom: 9px; }
.ad-it .ds9 { font-size: 14px; color: #b7a6dd; }
.lk9 { color: #01cdfe; border-bottom: 1px solid rgba(1,205,254,.6); text-shadow: 0 0 8px rgba(1,205,254,.5); }

/* 使用流程 · 霓虹时间轴 */
.st8m { display: flex; position: relative; }
.st8m::before {
    content: ""; position: absolute; top: 31px; left: 12%; right: 12%; height: 2px; z-index: 0;
    background: linear-gradient(90deg, #ff71ce, #b967ff, #01cdfe);
    box-shadow: 0 0 12px rgba(185,103,255,.8);
}
.st8m li { flex: 1; position: relative; z-index: 1; text-align: center; padding: 0 10px; }
.st-no {
    display: inline-flex; align-items: center; justify-content: center;
    width: 64px; height: 64px; margin-bottom: 18px; border-radius: 50%;
    background: #1c0a38; border: 2px solid #ff71ce; color: #ff71ce;
    font-family: Georgia, serif; font-size: 20px; font-weight: 700;
    box-shadow: 0 0 20px rgba(255,113,206,.45), inset 0 0 14px rgba(255,113,206,.2);
}
.st8m li:nth-child(2) .st-no { border-color: #b967ff; color: #b967ff; box-shadow: 0 0 20px rgba(185,103,255,.45), inset 0 0 14px rgba(185,103,255,.2); }
.st8m li:nth-child(3) .st-no { border-color: #01cdfe; color: #01cdfe; box-shadow: 0 0 20px rgba(1,205,254,.45), inset 0 0 14px rgba(1,205,254,.2); }
.st8m li:nth-child(4) .st-no { border-color: #fffb96; color: #fffb96; box-shadow: 0 0 20px rgba(255,251,150,.4), inset 0 0 14px rgba(255,251,150,.2); }
.st8m .tt9 { font-size: 18px; font-weight: 900; color: #fff; margin-bottom: 7px; }
.st8m .ds9 { font-size: 14px; color: #b7a6dd; }

/* 产品资讯 · 终端快报 */
.nw4q { display: flex; gap: 22px; }
.nw-it {
    flex: 1; background: rgba(21,7,38,.6); border: 1px solid rgba(1,205,254,.35);
    padding: 26px 24px 22px; position: relative;
    transition: transform .22s, box-shadow .22s;
}
.nw-it::after { content: ""; position: absolute; right: 0; top: 0; width: 30px; height: 3px; background: #ff71ce; }
.nw-it:nth-child(2)::after { background: #b967ff; }
.nw-it:nth-child(3)::after { background: #01cdfe; }
.nw-it:hover { transform: translateY(-6px); box-shadow: 0 0 26px rgba(1,205,254,.25); }
.nw-no { font-family: Georgia, serif; font-size: 12px; letter-spacing: 2px; color: #ff71ce; margin-bottom: 12px; }
.nw-it .tt9 { font-size: 17.5px; font-weight: 900; color: #fff; line-height: 1.55; margin-bottom: 11px; }
.nw-it .ds9 { font-size: 13.5px; color: #b7a6dd; margin-bottom: 16px; }
.nw-dt { font-size: 12.5px; color: #01cdfe; letter-spacing: 1px; border-top: 1px dashed rgba(195,179,232,.3); padding-top: 10px; }

/* FAQ · 霓虹手风琴 */
.fa9z { max-width: 940px; margin: 0 auto; }
.fa7q {
    background: rgba(21,7,38,.6); border: 1px solid rgba(185,103,255,.45);
    margin-bottom: 14px; overflow: hidden; transition: border-color .25s, box-shadow .25s;
}
.fa7q.op9 { border-color: #ff71ce; box-shadow: 0 0 22px rgba(255,113,206,.25); }
.fq-h { display: flex; align-items: center; gap: 15px; padding: 18px 22px; cursor: pointer; user-select: none; }
.fq-no {
    flex: none; width: 36px; height: 36px; border-radius: 50%;
    background: linear-gradient(135deg, #ff71ce, #b967ff); color: #150726;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px; font-weight: 900; box-shadow: 0 0 14px rgba(255,113,206,.5);
}
.fq-h b { flex: 1; font-size: 16px; font-weight: 800; color: #fff; }
.fq-h i { flex: none; font-size: 20px; color: #01cdfe; transition: transform .3s; }
.fa7q.op9 .fq-h i { transform: rotate(45deg); color: #ff71ce; }
.fq-b { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.fq-b .ds9 { padding: 0 22px 20px 73px; font-size: 14.5px; color: #b7a6dd; }

/* 用户评价 · 夜色明信片 */
.sy8m { display: flex; flex-wrap: wrap; gap: 22px; }
.sy-it {
    width: calc((100% - 44px) / 3);
    background: linear-gradient(165deg, rgba(255,113,206,.1), rgba(1,205,254,.06));
    border: 1px solid rgba(195,179,232,.25); padding: 24px 22px 20px;
    display: flex; flex-direction: column;
}
.sy-q { font-family: Georgia, serif; font-size: 44px; line-height: .6; color: #ff71ce; text-shadow: 0 0 14px rgba(255,113,206,.7); margin-bottom: 14px; }
.sy-it .ds9 { font-size: 14.5px; color: #d6c8f5; margin-bottom: 18px; flex: 1; }
.sy-f { display: flex; align-items: center; gap: 10px; border-top: 1px dashed rgba(195,179,232,.3); padding-top: 13px; }
.sy-a {
    width: 38px; height: 38px; border-radius: 50%;
    background: linear-gradient(135deg, #01cdfe, #b967ff); color: #150726;
    display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900;
}
.sy-f b { font-size: 14px; font-weight: 800; color: #fff; }
.sy-f time { margin-left: auto; font-size: 11.5px; color: #9d8bc8; }

/* CTA */
.cta8x {
    background: linear-gradient(180deg, #2a0e4d, #150726);
    padding: 92px 0; position: relative; overflow: hidden; text-align: center;
}
.gf2 { opacity: .5; height: 60%; bottom: -14%; }
.ct-in { position: relative; z-index: 2; }
.ct-sub { font-size: 13px; letter-spacing: 4px; color: #01cdfe; margin-bottom: 22px; text-shadow: 0 0 10px rgba(1,205,254,.7); }
.ct-t {
    font-size: 48px; line-height: 1.35; font-weight: 900; color: #fff; margin-bottom: 14px;
    text-shadow: 3px 0 0 rgba(255,113,206,.7), -3px 0 0 rgba(1,205,254,.7), 0 0 30px rgba(185,103,255,.6);
}
.ct-t em {
    font-style: normal; color: #150726;
    background: linear-gradient(90deg, #fffb96, #ff71ce); padding: 0 16px;
}
.ct-d { font-size: 15px; color: #b7a6dd; letter-spacing: 1px; margin-bottom: 34px; }
.ct-btn {
    display: inline-block; font-size: 18px; font-weight: 900; color: #150726;
    background: linear-gradient(90deg, #ff71ce, #fffb96, #01cdfe);
    padding: 18px 44px; letter-spacing: 1px;
    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    box-shadow: 0 0 34px rgba(255,113,206,.55); transition: filter .2s, transform .2s;
}
.ct-btn:hover { filter: brightness(1.1); transform: translateY(-2px); }

/* 页脚 */
.ft9k { background: #0e0520; color: #9d8bc8; padding: 42px 0 30px; border-top: 1px solid rgba(255,113,206,.3); }
.ft-row { display: flex; align-items: center; justify-content: space-between; }
.ft-lg { display: flex; align-items: center; gap: 9px; color: #fff; font-size: 17px; font-weight: 900; }
.ft-lg img { width: 34px; height: 34px; border-radius: 7px; }
.ft-nv { display: flex; gap: 24px; font-size: 14px; }
.ft-nv a:hover { color: #ff71ce; }
.ft-ln { height: 2px; margin: 22px 0 16px; background: linear-gradient(90deg, #ff71ce, #b967ff, #01cdfe); opacity: .6; }
.ft-cp { font-size: 12px; text-align: center; letter-spacing: 1.5px; color: #75659c; }

/* ===== 移动档 ===== */
@media (max-width: 768px) {
    .wp5k { width: 100%; padding: 0 16px; }
    .nv8q, .gb8k { display: none; }
    .hd9m .wp5k { height: 58px; }
    .lg4x { font-size: 17px; }
    .lg4x img { width: 33px; height: 33px; }
    .mb7t { display: block; }
    .mn6w {
        position: fixed; top: 58px; left: 0; right: 0; z-index: 99;
        background: rgba(14,5,28,.98); border-bottom: 1px solid rgba(255,113,206,.5);
        flex-direction: column; max-height: 0; overflow: hidden; transition: max-height .3s ease;
    }
    .mn6w.op9 { max-height: 440px; display: flex; }
    .mn6w a { padding: 13px 20px; font-size: 15px; color: #c3b3e8; border-bottom: 1px solid rgba(195,179,232,.15); }
    .mn6w a:last-child { color: #ff71ce; border-bottom: 0; }

    .he8r { padding: 92px 0 56px; }
    .sun { width: 300px; height: 300px; bottom: 180px; opacity: .4; }
    .he8r .wp5k { flex-direction: column; gap: 50px; }
    .hl4d h1 { font-size: 35px; text-shadow: 2px 0 0 rgba(255,113,206,.7), -2px 0 0 rgba(1,205,254,.7); }
    .hd7x { font-size: 15px; }
    .rbtn, .ybtn { width: 100%; text-align: center; padding: 15px 20px; font-size: 16px; }
    .hx8k { flex-wrap: wrap; }
    .hx8k li { width: 33.33%; padding: 10px 6px 0; text-align: center; }
    .hx8k li:first-child { padding-left: 6px; }

    .hr9g { width: 272px; }
    .win-body img { height: 300px; }
    .floppy { left: -8px; bottom: -22px; font-size: 11.5px; }
    .cassette { right: -6px; font-size: 11px; }

    .bk6x { padding: 54px 0; }
    .st8t { font-size: 25px; letter-spacing: 4px; margin-bottom: 34px; }

    .sh8k { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 14px; padding-bottom: 12px; scroll-snap-type: x mandatory; }
    .sh-it { flex: none; width: 222px; scroll-snap-align: center; }
    .sh-it img { height: 240px; }

    .ad7q { gap: 14px; }
    .ad-it { width: 100%; padding: 23px 20px 25px; }

    .st8m { flex-direction: column; gap: 24px; }
    .st8m::before { display: none; }
    .st8m li { display: flex; align-items: center; gap: 16px; text-align: left; }
    .st-no { width: 58px; height: 58px; margin-bottom: 0; flex: none; font-size: 17px; }

    .nw4q { flex-direction: column; gap: 16px; }

    .fq-h { gap: 10px; padding: 15px 14px; }
    .fq-h b { font-size: 14.5px; }
    .fq-b .ds9 { padding: 0 14px 18px; }

    .sy-it { width: 100%; }

    .cta8x { padding: 58px 0; }
    .ct-t { font-size: 30px; text-shadow: 2px 0 0 rgba(255,113,206,.7), -2px 0 0 rgba(1,205,254,.7); }
    .ct-sub { font-size: 11px; letter-spacing: 2px; }
    .ct-btn { width: 100%; padding: 16px 20px; font-size: 16px; }
    .ft-row { flex-direction: column; gap: 18px; }
    .ft-nv { flex-wrap: wrap; justify-content: center; gap: 16px; }
}