.spotlight{position:relative;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);box-shadow:var(--shadow-brand-lg);overflow:hidden;min-height:340px;height:100%}.spotlight:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-gradient);z-index:3}.spot-slide{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate(16px);transition:opacity .5s,transform .5s}.spot-slide.is-active{opacity:1;visibility:visible;transform:none}.spot-imgph{flex:1;border-radius:var(--radius-xl);background:var(--brand-gradient-soft);border:1px dashed hsl(var(--border));display:flex;align-items:center;justify-content:center;text-align:center;color:hsl(var(--muted-foreground));font-size:.78rem;padding:14px;margin-bottom:16px;min-height:150px}.spot-tag{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.spot-slide h3{font-size:1.35rem;margin-bottom:6px}.spot-slide p{font-size:.95rem;margin-bottom:14px}.spot-slide .more{margin-top:auto}.spot-dots{position:absolute;bottom:7px;right:9px;display:flex;gap:0;z-index:4}.spot-dot{width:24px;height:24px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer}.spot-dot:before{content:"";width:10px;height:10px;border-radius:50%;background:hsl(var(--border));transition:width .3s,background-color .3s,border-radius .3s}.spot-dot.is-active:before{width:24px;border-radius:5px;background:hsl(var(--brand-orange))}@media(prefers-reduced-motion:reduce){.spot-dot:before{transition:none}}.card:hover .more .arr,.eco-card:hover .more .arr{transform:translate(4px)}.marquee{overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee::-webkit-scrollbar{display:none}.marquee-track{display:flex;gap:18px;width:max-content;animation:marq 32s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.mq-item{flex:none;display:flex;align-items:center;justify-content:center;height:64px;min-width:170px;padding:0 26px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);font-weight:700;color:hsl(var(--muted-foreground));box-shadow:var(--shadow-brand-sm);transition:.2s}.mq-item:hover{color:hsl(var(--brand-orange));transform:translateY(-2px)}.mq-logo{height:24px;width:auto;max-width:150px;object-fit:contain;display:block;filter:grayscale(1);opacity:.72;transition:opacity .2s}.mq-item:hover .mq-logo{opacity:1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mq-logo{filter:grayscale(1) brightness(0) invert(1)}}:root[data-theme=dark] .mq-logo{filter:grayscale(1) brightness(0) invert(1)}.mq-name{white-space:nowrap}.fnb-mark{padding:32px;text-align:center;font-weight:900;border-radius:var(--radius-xl)}.fnb-mark .x{font-size:1.8rem;display:block;margin:8px 0;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fnb-mark .big{font-size:1.45rem;color:#fff}#nlTrack{margin-bottom:-14px}.car-thumb .play{position:absolute;width:52px;height:52px;border-radius:50%;background:hsl(var(--brand-orange));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px hsl(var(--brand-orange)/.4)}.nl-wrap{display:grid;grid-template-columns:1fr;gap:24px;align-items:end;max-width:100%}.nl-wrap>*{min-width:0}.nl-form{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);box-shadow:var(--shadow-brand-sm);padding:clamp(24px,4vw,34px)}.nl-form .field{display:flex;flex-direction:column;margin-bottom:14px}.nl-form label{font-size:13px;font-weight:500;margin-bottom:6px;color:hsl(var(--foreground))}.nl-form input{font-family:inherit;font-size:16px;padding:14px;border:1.5px solid hsl(var(--input));border-radius:var(--radius-lg);background:hsl(var(--card));color:hsl(var(--foreground));min-height:52px;width:100%;max-width:100%}.nl-form input:focus{outline:none;border-color:hsl(var(--brand-orange))}.nl-form .btn{width:100%}.nl-tiny{font-size:.76rem;color:hsl(var(--muted-foreground));margin-top:10px;text-align:center}.refer{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.ico-img{width:26px;height:26px;display:block}.fnb-mark{position:relative;overflow:hidden}.fnb-img{min-height:230px}.brandslot{display:inline-flex;flex-direction:column;gap:1px;border:1px dashed hsl(var(--border));border-radius:var(--radius-md);padding:7px 12px;margin-bottom:14px;font-weight:700;color:hsl(var(--foreground));font-size:.95rem;background:hsl(var(--muted))}.brandslot small{font-weight:600;font-size:.62rem;color:hsl(var(--muted-foreground));letter-spacing:.05em;text-transform:uppercase}.ic-d{display:none}.nl-benefits{list-style:none;margin-top:18px;display:grid;gap:10px}.nl-benefits li{position:relative;padding-left:28px;font-size:.92rem;color:hsl(var(--foreground))}.nl-benefits li:before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;background:hsl(var(--brand-orange));-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4 4 10-10'/></svg>") center/12px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4 4 10-10'/></svg>") center/12px no-repeat;background-color:hsl(var(--brand-orange))}.nl-benefits li.hl{font-weight:700;color:hsl(var(--foreground));margin-top:2px}.spot-img{position:relative;flex:1;border-radius:var(--radius-xl);overflow:hidden;min-height:160px;margin-bottom:16px}.spot-img img{width:100%;height:100%;object-fit:cover;display:block}.fnb-photo{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:230px;box-shadow:var(--shadow-brand)}.fnb-photo img{width:100%;height:100%;object-fit:cover;display:block;min-height:230px}.car-thumb .play{z-index:2}.brandlogo{display:inline-flex;align-items:center;margin-bottom:14px}.brandlogo img{height:34px;width:auto}.brandlogo .for-dark{display:none}@media(min-width:768px){.nl-wrap{grid-template-columns:1fr 1.2fr}.refer{grid-template-columns:1.3fr .7fr}}@media(min-width:900px){#nlTrack .car-card{flex-basis:calc(50% - 8px)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}.btn:hover,.card:hover,.eco-card:hover,.car-card:hover{transform:none!important}}@media(prefers-color-scheme:dark){.ic-l{display:none}.ic-d{display:block}.brandlogo .for-light{display:none}.brandlogo .for-dark{display:inline-block}}@media(max-width:899px){.spotlight{height:auto}.spot-slide.is-active{position:relative}.spot-img{flex:none;height:clamp(180px,46vw,240px)}}